赞助商
立即赞助

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个小技巧,让你的视觉层次“蹭蹭蹭”提升!

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

相关文章

很多设计师在拿到了甲方需求,也和甲方进行了充分沟通的前提下,所完成的作品,甲方还是不满意。可能甲方会说,这个蓝色不是...
色彩基础
认真做事情的人会发光,做电影也是,做设计也是。 最近被《我不是药神》电影刷屏了朋友圈,这一部还在「点映」的电影,在豆...
创意灵感
重复、对比、对齐以及亲密性是版式设计中的四大原则,各种排版形式与规则都是基于这四大原则衍生而来,而掌握这些具有指导性...
对齐原则
编者按:没有字库版权?设计字体没参考?这篇教程精细讲解,教你如何在字体设计道路上通关。 欢迎关注作者...
中文字体设计
编者按:做一张Banner 需要掌握版式、字体、配色等等,那么庞大的知识体系,应该如何学习?本文从排版这个知识点入手,告诉你...
Banner设计
@飞屋睿UIdesign :虽说中国不是英语国家,但是在现代平面设计当中,很多时候也会涉及到对英文的使用。尽管大部分时候,英文...
中英文排版
相信在日常工作中,经常会听到「这个画面看起来很凌乱」、「颜色太多太杂了」、「画面没有重点」之类的意见(吐槽)。 怎么...
色彩基础
什么是矛盾空间 矛盾空间是利用视觉的错觉和视点的转换交替,在二维的平面上表现了三维的立体形态,设计出在实际空间中无法存...
平面设计