来,走走不讲原则的设计路线

写给大家看的设计书

1.先说设计的四大基本原则:亲密性、对齐、重复和对比

亲密性就像切肉,是对较多内容的分类和组织。想想一个人想吃猪肉,烤熟它花不了一局Dota的功夫,但要想下嘴,还是得先拿刀戳猪肚子,把肉一块块割开。同理,当文本内容冗长而繁杂的时候,将其切割、分块,块与块区分开,你才能下得了眼。

如下图1和图2,内容较多时, 建立(并突出)小标题,标题内容与标题内容拉开间距,可视性就会有很大提升。

亲密性.png
亲密性2.png

对齐就像摆盘,摆一摆才能更充分地挑起食欲。对齐也就三种方式:靠左对齐、靠右对齐或者是居中对齐。

对齐1.jpeg

对齐2.jpeg

如图一,在角落放内容是很蠢的设计方式,图二使用居中对齐(同时用到亲密性原则,人名和书名归为一类,电话地址归为一类),马上就美观很多了。

但通常情况下,居中对齐并不是文字摆盘方案中的推荐款式。居中更适用于文字或内容较少的情况,而且这一类情形下文字还需要尽量调小,大量留白,才能好看。

比如这样就难看了:

对齐3.png

需要大量留白的居中对齐:

对齐4.png

下图是长篇幅内容的居中对齐,观感明显很凌乱:

对齐5.png

调整一下:

对齐6.png

靠左或者靠右对齐的一个优势在于,书页或者网页边本身就是垂直的,靠右或靠左可以与边沿达成和谐。

重复,象征一种规律性,就像撒盐要撒平均,摆盘要摆一圈。在企宣资料中,固定Logo、吉祥物或者其它形象的重复出现能保持宣传策略的一致性,提升品牌档次。Office三大件亦同。Word中固定的页眉图案、PPT里固定的角落装饰,都会提升企宣的专业性,给观者建立更深刻的品牌印象。

重复1.jpeg

对比,换个说法就是突出重点,同时进行内容分割。一篇没有重点的纯文字内容,就像没有葱花的花卷,不夹心的饼干,少了那么一个“勾起”食欲的钩子。而在名片、海报这样的短文字页面上,对比也能起到收拢目光,聚集注意力的作用。


对比1.jpeg

还是上面那副名片图,粗字体与细字体的对比。粗字体更能吸引注意,因此粗字体为主,细字体为次,主次很分明。

如果加粗字体或者改变字体颜色还不够醒目,反色也是蛮不错的方案。

对比2.jpeg

2.颜色的运用

色轮:由三原色(黄、红、蓝)衍生出来的颜色递进圆形表。设计经常会碰到颜色不搭的问题,通过色轮,我们可以发现各种颜色关系,从而找到更和谐或者更冲突的颜色搭配。

色轮1.png
色轮2.png

互补色:色轮对立的两种颜色

色轮3.png

三色组:互成120°夹角的三种颜色

色轮4.png

分列互补三色组:一种颜色与其对立色左右两边的颜色

色轮5.png

单色设计:

用同一种颜色的不同色调进行设计,保持宣传VI的一致性。说穿了就是颜色上的重复。

色轮6.png

色质:

避免使用类似色质的色调,以免辨识不清。比如一样深的颜色(或者一样浅的颜色)不要搭配使用:

色轮7.jpeg
色轮8.jpeg

暖色和冷色:

暖色激进、冷色后退。搭配使用时,应该注意暖少冷多,因为暖色更容易触发视力感觉,一般不建议大面积使用:

色轮9.png
色轮10.png

3.字体

不要怕很大或很小的字体。文字嘛,印刷或者排版出来无非就是给人看的。也许大字体太占面积,或者小字体不利于阅读,但如果能增加注意力,还是蛮划算的:

字体1.png

漂亮的字体本身也是一种图形装饰。

字体2.png

4.说了这么些原则,其实原则不是框架,更不是限制。原则能帮你更有效地完成设计任务,但也一样会阻碍你的奇思妙想。如果你已经熟练掌握了以上原则,或者更确切地说是掌握了原则背后的美感原理,那就打破它吧:

规则1.jpeg
规则2.png

注意图1到图2的变化,还有两张随性的破坏原则:

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

推荐阅读更多精彩内容

  • 本书讲了什么 复杂的设计原理在本书中凝炼为亲密性、对齐、重复和对比这4个基本原则。作者以简洁明快的风格,将设计所必...
    少穻阅读 2,101评论 0 14
  • 今天,我读完一本书,并为你绘制了它的思维导图。原书厚240页,字数约30万,按250字每分钟的速度,读完需要20小...
    少宏少宏阅读 3,104评论 9 35
  • 今天做的微商,花了800元买的货,我愿意试试, 昨天一天躺在床上 没有发生什么事情
    阿琳蓝阅读 151评论 0 0
  • 现在的秦本会好后悔和这傻子说话,早知道是这样的情况,那天下午,他就应该把嘴闭得紧紧的,一个字都不说。 秦本会看向李...
    小眼睛大鼻子阅读 196评论 0 0
  • 每天早上的起床都让我无比头疼,明明去到公司没事做,却还是得到公司报到一下,基本都是浑浑噩噩地飘来公司 今天在地铁上...
    hyyzzz阅读 226评论 0 0