赞助商
立即赞助

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

平面设计3年前 (2021)发布 流光
2.9K 0 0

在设计环节中,对于视觉次序的营是每个设计师必须精通的,视觉次序可解为视觉层次,它是设计中的必然,无论是海报设计还是页面设计,从整体来看总会有强弱、次之分,因为有了视觉上的变,才使得整体更富有层次感。从大体来说:当户在浏览信息很多的页时,作为设计师要做到,即使户只是简单的浏览,要有在户脑海中形成记忆的视觉元素,而这些元素就是视觉中的,而当户仔细阅读时才记忆到的元素才是视觉上的次。从来说,要在视觉上形成先后顺序。这期的容就是设计中体现视觉次序手法有哪些?这些是打破版式的手法。

一、大小对比

首先,每个人在浏览东西时都会有自己固有的习惯,如:从上到、从左到右,这叫规方式,而作为设计师,仅仅限于规形式,全的规带来的是设计上的枯燥、乏味。要会利设计知识打同的视觉次序,营更强烈的设计感、层次感。

在众营造视次序的手法中,大小对比几乎是每个人能想到的一种形式,也是很人认为的最简单的一种,比:

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

通大小对比的形式能直观营造出视焦点,种形式在设计中也是最容易接受的一种。果左放置的也是四块小的产品,给人的感就显得枯燥、乏味,版式太统一,而正是因为种放大产品的处理手法,拉开对比,才使得版式不显呆板。种形式无论是在文字排版、报、页面是很用的一种,合成设计中的近大远小也同样适用,只是在做对比效果时一定要大胆。

二、配色方式

通改变不同的方式,也能在视上营造出视次的变化,比我们常见的通有彩与无彩进行区分的手法:

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

在原无彩的排列方式中加有彩,在视上就形成很强烈的差异化,而正是因为有强烈的差异,使得存在差异的部分成为更容易吸引用户的区域,所以就在视上形成先顺序,同时种差异的形式也能到一定打破版式、活跃版式的用。而在有彩之间,同样也能通差异化形成视上的主次,比:

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

一行块能最快引注意的是二个,通彩饱和度的不同,在视上形成很明显的差异化,进一步改变原的做从左往右的习惯视次序。而二行块中最快能引注意的是红,因为里用到改变系的形式进行视上的次序划分。之所以在有彩中也能很的现视次最重要的一点是,他们之间形成的差异够明显,而不是似有非有。

三、形态的不同

营造不同的视次序最重要的就是在正常人习惯的固有次序上寻找变化,么我们同样以以形态上的变化为差异化的形式,比:

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

在固有的形态中寻找其中以引差异化的元素,从视感受而言以分为两种:一,改变原的习惯的阅读方式,也使得整主次生变化;二,原枯燥、呆板的重复式的结构上因为元素形态的改变,也到打破整版式的用,使得整版式变化更,次感更强且版式因此也变得更加活跃。形态上的变化还以么现:

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

虽是矩形框,但是框与块形成很明显的差异,同样也以现视次,而种形式在很页面中也很常见:

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

这是版式设计中很重要的一分,就是寻可打破版式且营视觉层次的元素,正是因为这些手法,才使得版式更丰富、更富有多变性。

四、空间留白

当要求改变很多时,在原有的基础上只需要改变空间位置或者留白方式,可营同的视觉次序,如:

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

在改变大小、颜色、形态的前,只是改变了空间留白,起到改变视觉次序的作;而在编或者标题设计中,通过空间留白的方式拉开层次、次序很见:

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

同样是重复的形式,左侧全没有给人一种有层次、有次序的感觉,在户眼中,这只过是一团信息;而右侧通过改变留白的方式充分的体现视觉上的层级系,每一个独立存在的标题或者栏目之间都应该留白的方式体现,这种留白要遵循的原则是:标题与案的留白要小于栏目与栏目之间且大于说明性字信息之间,只要这样才真正意义上的将层次拉开。

五、投影的方式

投影在设计环节中是很的一种手法,通过投影可体现前后层次,改变视觉次序,如页面设计中的:

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

这里只是在色上添了简单的投影效果,原本的视觉次序就瞬间被打破,而这种投影在海报设计中最的是打破前后系,使得海报更有层次感:

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

这种大投影的方式,是很多海报及页面中的手法之一,因为有了投影,使得画面整体形成了明显的层次系,而投影对于户来说是很容易接受的,如:按钮的投影、体的投影等等,看似很小的改变,往往给页面带来很明显的效果。这种形式可解为形成遮挡系,在一些小场景的设计中,一样很实:

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

了遮挡关系,就会形视觉的层次,这种看似简单的手法,终所呈的效果却立竿见影的。

六、高斯模糊

拉视觉次序的另一种手法:模糊,很多人对于 PS 里的模糊具并不陌,通过将视觉元素模糊化处理,一样能起到营造视觉层次的效果,比如我们常见的电影海报中:

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

过虚实比,使视觉层变化更强,这也是合成设计常用手法,而在文设计,样可以过这样手法来开视觉序关系,比如:

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

过模糊体某个笔画,在视觉上形成了定空关系,也使体层感更加丰富,这也是很多设计师喜欢在作品最后环节加些飘飞模糊状元素丰富体原:

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

视觉层次的变化对于整体而言是不可缺少的一部,有只需要一点点的变化就可以带来想不的效果。

七、应用于版式中

这期所说的多都属于细节上的变化,但是多人对于细节并不重视,认为不重要,但其实优秀的版式计基本上都是用不同的细节理方式堆砌而成的,这期所说的这些形式用于版式计中也同实用,如果你的版式过呆板,可以通过考虑这些方面在适当的位置进行破,破的思是:在本呆板的基础上寻找视觉上的层次变化,使得整体版式活跃起来且有细节,比如:

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

这是从一个页面中选取的一个局部息,上侧版式给人的觉毫无变化,如果页面中出现大面积这种形式的版式,会使得整体调、枯燥,容易形成视觉疲劳。而下侧域则是为了避免这些,在形式上改变了许多:第一,颜色上有轻的变化,这做的目的是开每个栏目。第二,形式上第三个模块做了显的层次变化,颜色显加深了,且投效果加重,而且按钮域也用色块的形式代替边框,使得整体层次更且有保持在一个协调的范围内。这用的法,正是这期所说的。

样我们也可以在网上找些版感很强页进分析,去理解这些手法是如何在版体现,比如些官网设计,看似很简洁、元素很少,而往往这页于版要求更高,为要用极少元素体现其版变化、层。

总结

视觉层感是提升体设计感很要形,如何在固有视觉基础上打破束缚,在形上形成变化,于个设计师而言都是至关要;而很多设计手法都存在着共性,要学会灵活运用,那么我们设计作品不会显平庸常。然这期所说也并全部,这些是很常用些形。

欢迎关注作者的微信公众:「邦」

6个小技巧,让你的视觉层次“蹭蹭蹭”提升!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

@做设计的面条 :我又凑够5张手机摄影照片做的海报,来给大家做设计心得感悟分享。 在看文章之前,为了便于大家理解,我还是...
做设计的面条
写在前面 首先我们做的海报分为商业海报以及艺术海报,当然,对于我们而言,我们都是为企业或者客户做事,基本都是属于商业海...
平面设计
2020上半年转瞬即逝,可能是因为疫情的缘故,时间都变得着急起来。在这样一个特殊的环境下,品牌与创意工作者们,创造出了哪...
平面设计
编者按:在上一篇《2021年平面和视觉流行设计趋势》当中,资深设计师 Iveta Pavlova 总结的12个平面设计趋势,这篇同样来自于...
2021设计趋势
电影圈流传一句话「一张好的电影海报价值2000万票房」。 今天,Canva精选了国内外的20张电影海报,带你从构图、色彩和文字排...
海报设计
阿里巴巴_B2B_UED – 于奇:专注于做好一件小事,哪怕是做不好也用心去做,小到搭建一个精美的网格系统,做好一个字体的拐角……...
中文字体设计
上回,咱说完了文字跳跃率,今个儿,咱就来说道说道图片跳跃率。 说道之前,咱照例还是先来看俩问题。 下面俩版式,哪个给人...
图片跳跃率
@研习设K先生 :我们在日常工作中几乎离不开扭曲和变形工具,它可以帮助一个设计师校正一个元素的透视关系,或者为设计好的标...
平面设计