用4个平面小技巧,瞬间让视觉主体更突出! - 优设网 - UISDC

用4个平面小技巧,瞬间让视觉主体更突出!

2019/04/21 27060评论 13

在日常的设计工作中,我们经常会碰到:「因为作品中视觉元素过多,导致整体视觉主体不够突显,使得画面杂乱、缺少主次关系、甚至有些轻浮」。这种现象会极大地影响设计作品的视觉表达以及信息传递,使得用户在阅读作品时找不到所要表达的重点,导致视觉最终没有着落点以及画面缺少层次感。视觉主体一般情况下可以是文案、产品或者某一个画面中的视觉元素等等,一旦我们明确画面中的视觉主体,就要做到足够明显。那么突显视觉主体的常用设计手法有哪些?希望本期内容能帮助到大家。

合理使用色块

在日常设计工作中,我们需要结合产品的整体视觉、品牌感、版式节奏感、产品属性等等一系列的因素进行创作,以至于很多时候会顾此失彼,兼顾整体而忽略局部等情况;也会导致有些时候主体与背景颜色互相冲突,又要保持整体色调一致的情况,随之而来的问题就是很容易出现主体不够明显的现象。此时通过色块进行衬托是很好的处理形式之一,也就是之前说过的衬块理论。合理地使用色块就能起到很好地突显主体的作用,下面举两个具有代表性的例子。

1. 案例一

△ 案例一

通过改前和改后对比我们不难发现,改后的海报主体更加明显,而且能形成很好的视觉焦点,下面我们分析一下。

修改前

整体色调偏重,而产品也属于重色调的一种,这就导致产品与背景色在视觉上有所冲突,也可以理解为产品与背景相融,这时产品主体在整个视觉上来看就没有形成绝对的视觉焦点,导致整体画面缺少视觉着落点。虽然是重色调的海报,但给人的视觉感受比较轻浮。

修改后

这里只是在产品与文案处添加了一个白底的矩形色块,目的是将原本产品与背景相冲突的现象打破。因为海报整体偏重色调,所以选择使用与之对比强烈的白色矩形衬托主体元素。虽然海报整体用到了很多点状、线状的元素进行装饰,但是因为白底色块的使用,使得整体的视觉着落点更加明显。尽管装饰性的元素也会分散用户的一些视觉注意力,但是当用户信息捕捉完毕之后,最终还是会把注意力放在色块范围内,所以整体看起来并不会给人一种比较散乱、轻浮、缺少视觉焦点的感受。

2. 案例二

下面我们再看一组偏轻视觉的案例:

△ 案例二

还是通过改前与改后的对比看更加直观,下面简单分析一下。

修改前

虽然画面中能看到产品和文案,但是画面中产品与文案所占整体视觉比重都很小,导致画面整体比较轻浮,没有形成强烈的视觉焦点。由于背景色与产品存在着一定的视觉冲突,导致画面主体不够明显。所以当用户浏览结束之后会导致注意力一直在画面中游离,没有视觉着落点。

修改后

很明显修改前作品不够优秀的原因是画面缺少视觉着落点以及主体不够明显,那么我们就通过添加与整体色调对比强烈的重色块营造视觉焦点、突出主体。这样做的好处一方面是让用户视觉有最终的着落点;另一方面,也是我们常说的,无论一个画面中的元素多或少,都要确保至少有一个视觉点是足够吸引用户眼球的,这样才能体现出视觉以及信息的主次关系和层次感。

当使用色块的目的是为了打破主体与背景的视觉冲突或营造视觉焦点时,在保证符合产品整体视觉的前提下,要尽量做到让色块与主体、背景形成强烈的视觉反差。

运用对比手法

突出所要重点表现的视觉元素,最常用的手法之一就是运用对比,对比也是设计中很常用的手法。所谓视觉元素的强与弱都是需要通过对比的形式体现。对比的表现形式有很多,比如:粗细、大小、颜色、材质、虚实等等,通过对比的形式也能起到很好地突显主体的作用。那么如何体现在设计作品中呢?下面我们举个例子:

其实这两种表现形式在设计上都是可取的,只不过所带来的视觉感受有所不同。上侧产品颜色与背景颜色相近,这种表现形式给人的视觉感受更加平缓和舒服。而下侧产品与背景的颜色是对比色的搭配形式,在视觉上冲击力更强,主体的形象更加鲜明、突出。所以当我们的画面元素较多,又要将主体特别突显时,不妨试试在颜色上进行对比处理,通过营造色彩上的视觉差异突出主体。下面继续结合案例来看:

同样,两组表现形式都在可取的范围之内,只不过相比较而言,上侧的视觉冲击力更加缓和,主体与背景结合度更高。而下侧主体更加明显,占有了绝对的视觉焦点,通过配色形式的改变也间接地突出了主体。

没有一成不变的配色形式,只需要根据自己的需求进行灵活地转变。比如:想突显主体物,那么就可以选择与主体色反差较大的背景色进行搭配;如果想让整体视觉更加缓和、舒服,就可以选择与主体色反差较小的背景色进行搭配。设计的目的不一样,侧重点也会有所改变。

对比的手法不仅仅体现在颜色上,还有虚实、大小和粗细等等。如果我们的目的是为了突显主体,那么我们就可以弱化一些视觉元素,与主体形成对比反差,这也是很常用的一种通过对比突显主体的手法。比如我们平时拍照时常用的虚实结合的形式:

通过弱化周围的视觉元素,在视觉上形成了虚实对比的表现形式,起到了很好地突出主体的作用。通过对比手法突显主体,关键点就在于要让主体成为画面中的特殊视觉点,也就是营造视觉反差感。

使用肌理

合理的使用肌理也能起到一定的突显主体的作用,而使用肌理相较于前两者处理手法而言表现形式更加柔和,能做到最大程度上的不破坏原作品的整体感。也可以把使用肌理突出主体的表现手法间接地理解为「使用色块和对比手法」两者的弱化表现形式。下面举个例子:

通过案例对比我们发现,肌理的使用相对使用色块和对比手法而言,视觉效果更加缓和,并不是像前面两种手法那样有绝对的从弱到强的改变能力。这种手法一般多用在主体相对清晰但又不够特别突出的情况下,主要起到在原有的视觉基础上进一步加强巩固的作用,可以理解为「锦上添花」。但是不排除与产品或者背景对比强烈的肌理,也能起到很明显地突出主体作用的情况。在工作中灵活运用即可。

留白

最后说下留白,合理的留白也能起到很好地突显主体的作用。留白能一定程度上减少其他视觉元素对主体的干扰,间接地提升主体在整个画面中的主导地位,从而起到突出主体的作用。比如我们常说的「无印良品」的海报,在设计中有「少即是多」的说法,也是在侧面强调留白的作用。

总结

文章中提到的一些关于突出主体的设计手法并不是一成不变的。比如:色块的颜色选择、对比手法的对比强度、肌理的清晰度、留白程度等等,要根据实际工作情况灵活使用。当然,突出主体的表现手法并不能只局限于这些。比如:给主体添加光影、倒影、光效或者添加一些视觉效果等等。这里只是提供一些可以参考的思路,要学会举一反三。最后切记:画面中有强就要有弱,强弱应该是并存的。

欢迎关注作者的微信公众号:「美工美邦」

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/4-skills-highlight-the-main-body

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

界面设计 设计圈干货 排版布局 版式设计 职场 优设专访 优设大课堂 设计达人 设计师干货 web前端开发 配色 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 海报设计 设计规范 设计趋势 用户体验设计 动效设计 logo设计 平面设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里