你用8秒看世界,他用12个视觉法则套路你

人的平均注意力只有短短的8秒,好的视觉设计效果能够留住更多的目光。比如,它能影响人眼感知画面信息的顺序,或是对一个画面元素保持更多的关注时间。

在设计师的世界里,存在着12个视觉层次结构法则。它对于任何设计的成功,都有着至关重要的作用。

仔细看,下面的对比图,能让你更快的理解这些法则。

- 01 -

排版的层次

图 | 排版层次规则对比图

比如:一张名片,除了正面的公司名称和LOGO,最突出的部分应当是持卡人的姓名,然后是职位、联系方式,以及其他信息。


- 02 -

尺寸vs比例

图 | 尺寸和比例规则对比图


把设计出来的画面,还原到真实世界中,就会得到最好的答案。图例中人与鲸的,调整后的尺寸和比例,才是我们正常认知的视觉感受。


- 03 -

颜色vs差异

图 | 颜色和差异规则对比图

如果你的设计中,需要突出群体中的个体特征,不同的色彩和形态能够帮到你。


- 04 -

间距的作用

图 | 间距规则对比图

两个元素之间的关系,通过调整适当的距离就能有微妙的变化。图例中,宇航员与月球之间在调整距离后,视觉上就产生了空间感。


- 05 -

新密度

图 | 新密度规则对比图

想要表现一个团队,新密度是一个必要的画面语言。成员之间零距离的组合,传达出一种亲密无间的伙伴关系。


- 06 -

运用负空间

图 | 负空间规则对比图

负空间设计渐渐流行起来,它能带给我们不同的视觉感,进一步影响到内心的感受。同样是两只手,利用负空间呈现出来的叠加效果,既有元素之间的层次感,又领会到更多的画面情感。


- 07 -

整齐排列

图 |排列规则对比图

整齐的画面语言,会带给我们更优质的视觉体验。元素的整齐排列,文字的大小组合、两端对齐,都是行之有效的方法。


- 08 -

安排零碎的元素

图 |安排元素规则对比图

在设计过程中,会用到多种元素。整洁、有序的元素,会带给我们舒服的感受。即使你不懂设计,也能很轻易的感受到这一点。


- 09 -

元素重叠

图 |重叠元素规则对比图

设计元素可以单独使用,也可以组合使用。如果这两种方式不能达到最佳效果,重叠排列也许能够表现出更丰富的画面层次。


- 10 -

引线构图

图 |引线构图规则对比图

在摄影作品中,常会运用到这样的构图方式。比如:通向远方天路、蜿蜒的河流……它会产生一种延伸的效果,让画面产生结构感,从而使得画面的空间更加立体。


- 11 -

三分之一规则

图 | 三分之一规则对比图

平面设计受到静态画面的限制,如果想要表现出动态感,可以尝试三分之一法则。空间与人物的层次关系,在你挪动鼠标后就产生了。


- 12 -

角  度

图 | 角度规则对比图

换个视角看世界,世界大不同。平行视觉,我们只能看到一个人及其常规的工作状态。变成俯视后,画面层次更加丰富。不但能看到工作者桌面上的内容,还可能对他的工作性质、个人喜好、兴趣爱好等产生联想。也许,这就是很多大神设计师提到的,用你的作品讲故事。


------------------


视觉层次结构法则,能够帮助设计师们创造出美观、有趣的设计。那位第一个发现视觉层次法则的设计师,想必是经历了数不清的尝试呢。所以说,成功的设计师也一定是不折不扣的实践家。

- END -

以上图片 | 来源于网络

▌在这里,你将会看到:

1.设计圈新资讯

2.精彩作品解析

3.创作经验分享

4.课程亲测推荐

5.课程优惠活动

重要的是:

你有什么想法,或是想要看什么内容,记得直接告诉!不然,我可能会偷懒……^_^

▌关注公众号:加油设计师,每周更新!

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,236评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,867评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,715评论 0 340
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,899评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,895评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,733评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,085评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,722评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,025评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,696评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,816评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,447评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,057评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,009评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,254评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,204评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,561评论 2 343

推荐阅读更多精彩内容

  • CSS3动画的属性主要分为三类:transform、transition以及animation。 Transfor...
    may_mico阅读 11,979评论 1 19
  • 1. Sticker Size 有3个大小 100x100, 136x136,206x206 2. APNG是推荐...
    奔跑的Max阅读 1,254评论 0 0