胧爱视觉窗口|又重做?教你4招提升视觉冲击力!
_本文原题:又重做?教你4招提升视觉冲击力!
经常做广告专题的同学 , 一定对“视觉冲击力”这个词有特别的感受 。 具有视觉冲击力的画面意味着更强的视觉张力 , 能够快速的抓住人们的眼球 , 有助于设计信息快速传播 。 所以对于运营类的设计来说 , 它当然很重要 。
不过 , 在实现视觉冲击力的设计方式上 , 不同的人理解就很不一样了 。 不少运营经理 , 甚至部分设计师 , 都会将视觉冲击力等同于“标题要粗”“LOGO要大”“红配黄”这些简单粗暴的要求 。
事实上 , 提升视觉冲击力的要点在于增强视觉力度 , 具体在设计手法可以有很多 , 不同的方式达到的效果也不一样 。 今天的文章就来跟大家介绍一下提升视觉冲击力的设计手法 。
OK , 废话不多说 , 干货走起 。
本文插图
简单来说 , 对比就是让画面形成视觉落差 , 突出重要元素 , 削弱次要元素 , 使得信息层次更清晰 , 重点更突出 , 从而形成更强的视觉冲击力 。
强烈的对比可以让画面主次更清晰 , 从而迅速抓住用户眼球 。 在实际的应用中 , 几乎所有的设计元素都可以拿来对比 , 比如大小、形状、色彩、方向等等 。
大小对比:
对决的大拳头和小人对比 , 瞬间让人感受到紧张的气氛 。
本文插图
色彩对比:
一群黑色的人物中 , 出现的红色主角 , 让人过目不忘 。
本文插图
本文插图
新手设计师经常会犯对比不够的问题 。
在日常工作中 , 我们经常听到不少的运营和产品反馈说 , 字要大 , 颜色要炸 , 这样才有视觉冲击力 , 最后设计师接对方的要求做出来 , 页面丑到不忍直视 , 但效果依然不尽如人意 。
事实上 , 问题可能并不在字的大小 , 而在于画面的对比度不够 。
例如下面第一张图 , 大红配大黄再加立体字 , 可以说促销的设计手法都用上了 , 但并没有让人感觉视觉冲击力强 。 第二张图虽然简单 , 但是有序 , 色彩对比强烈 , 所以视觉力度就强多了 。
本文插图
再看一组案例:
同样的表现方式 , 右边的图用了冷暖对比 , 明显就好多了!
本文插图
复杂的排版会弱化对比 , 使得重点不突出 。
记住 , 越简单清晰 , 越有力量!
本文插图
好了 , 下面我们通过一个实操案例来看看怎么强化页面的对比 。
原图:
本文插图
原图其实是一个中规中矩的广告 , 产品图和排版都算清晰 。 不过总觉得画面少了一点力度 , 不能给人留下很深的印象 , 所以可以考虑用强化对比的方式来优化一下 。
首先我们调整构图 , 将主题文案作为画面核心元素放在画面正中间 , 接着调整字号大小以及色彩 , 提升画面的对比 , 让主题的呈现更有力度 。
优化的结果:
推荐阅读
- 汽车|复旦博士、脱口秀演员开发类视网膜传感器 将无人车视觉感光性能提升1万亿倍
- 游戏|《地平线:西部禁域》中文故事预告 新主视觉图公布
- 小米平板5|小米平板5系列全量更新MIUI 13稳定版!新增全局自由窗口
- 飞机|两架客机眼看在空中“相撞”却擦身而过 专家:视觉错觉 相距很远
- 一加10|Pixelworks三大视觉技术加持:一加10 Pro显示颜色完美无偏差
- OPPO|专为色觉障碍人士打造!OPPO公开色彩视觉检测技术:辨色正确度提升80%
- 特斯拉|马斯克在线科普特斯拉为何不用雷达 网友道破真相:纯视觉成本低
- 视觉欺骗|2021年最强视觉欺骗!只有王者级的眼睛才能识破
- 加油站|油价时隔三个月终于要跌了 今起调价窗口将开启:加满一箱或少花3.8元
- 合肥一小区高层突发火灾:火苗从窗口蹿出 妈妈带着娃从火场逃生
