平面设计中突显视觉主体的常用设计手法总结

资讯频道 - 设计技 来源:中国设计在线 作者:cdo 2019-04-25

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

01/

合理使用色块

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

1. 案例一

<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中突显视觉主体的常用<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>手法总结

△ 案例二

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

修改前

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

修改后

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

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

02/

运用对比手法

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

<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中突显视觉主体的常用<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>手法总结

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

<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中突显视觉主体的常用<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>手法总结

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

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

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

<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中突显视觉主体的常用<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>手法总结

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

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

<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中突显视觉主体的常用<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>手法总结

<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中突显视觉主体的常用<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>手法总结

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

04/

留白

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

<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中突显视觉主体的常用<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a>手法总结

总结

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


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


声明:站内网友所发表的所有内容及言论仅代表其本人,并不反映任何网站意见及观点。

全部评论

暂无相关推荐