外行人如何看懂设计 ——读《写给大家看的设计书》有感

《写给大家看的设计书》

身为一枚传播学人士,每天都在和品牌、宣传、策划、广告等与之相关的工作打交道,这些工作都与设计息息相关。好的设计让人眼前一亮,不好的设计怎么看怎么别扭。

作为团队的一员,如何用较为专业的眼光和术语,去引导设计师做出符合产品调性的设计是一项难题。这篇文章主要给大家普及在《写给大家看的设计书》里涉及到的设计原则及设计技巧。

在本书中设计主要涉及四大原则:亲密性原则、对齐原则、重复原则及对比原则。


一、亲密性原则


熟悉运用亲密性原则能够使页面更为整洁有条理,便于理解。

亲密性意味着存在关联,如果一个页面需要放置多种元素(主题、文字、图片等),并且这些元素理解上存在关联,或者相互之间存在关系,那么应该把相关的元素分在一起,使它们建立更近的亲密性。


↑ 此页面中的元素较多,有照片、实物图、名字、介绍、价格等,设计者将相关的元素分到一起,在不相关的元素之间留有空白,画面条理清晰,让人一目了然。

一个页面有太多孤立的元素。

在元素之间留出同样大小的空白(除非属于同一组)。


↑上图中的红橙黄的介绍内容之间留白间隙不大并且并不突出,一眼看上去无法让人区分模块及内容,画面较为凌乱枯燥。


二、对齐原则


运用对齐原则使文本连接在一起,使画面统一且有条理。

对齐原则即是我们接触得最多的文本编辑功能,左对齐、右对齐和居中对齐。原则上一个页面中只使用一种文本对齐方式,但若设计中的对齐很明确,可以有意识地打破对齐,但一定要表现出这是有意的。对齐原则运用得好的检验法则是可以在对齐的对象间画出“对齐线”。


↑上图整体采用了两种对齐方式。右边文本采用右对齐的方式,左边文本按照图片中女人的一滴泪流下的路线对齐,泪水作为区隔左右文本的线条,有意识的打破右对齐的方式,非常新奇有趣但又不失条理。

居中对齐。初学者在排版文字的时候最喜欢的对齐方式是居中对齐,但这种排版方式较为乏味。若要有效居中,有三种方法:1.尝试另一种方式;2.变换字体;3.让居中效果更明显。


↑上图采用了居中对齐的排版方式,整体来说较为乏味。


↑上图采用了居中对齐的排版方式,但是页面下方的文字居中效果很明显,左右留白空隙较多,非常吸引眼球。


三、重复原则


重复原则主要加强读者记忆,联系作品,为作品提供统一性,并增强视觉效果。

重复原则多采用多样性实现统一,用不同的方式去重复画面中的元素。加强读者记忆的重要点是,要确保有足够多的重复的元素。


↑上图为系列作品,作品中采用的重复的元素为蘑菇头的美女形象及红色原色,贯穿作品始终,串联整个系列,并加强读者的记忆点。


↑上图中的大字(人物名字)中字体相同,造型相同(第一行单词不加粗,第二行单词加粗)为重复的元素,将人物名字联系起来,整个画面形成统一。

太多重复一个元素,注意对比(请看下一小节)的价值。


↑上图中的整体颜色过于重复,皆为粉色、淡粉色,把重复用得过滥,混淆重点,图中需要宣传的产品并不突出,感觉上也让人不太舒服,应当尽量使用多样性实现统一。


四、对比原则


对比原则主要为页面增强视觉效果,让人眼前一亮。

有效的对比=强烈的对比,对比原则主张完全不同,在排版中可以通过字体、线宽、颜色、形状、大小、空间等产生对比。


↑上图中的“FRAYED”这六个字母就采用了对比,在字体、形状、大小、空间这几个方面跟页面其余的文字形成强烈的对比,整个画面更加鲜明有活力。

稍有不同。不要将0.5的线与1的线对比,不要将棕色和黑色对比。


↑拿本图中的文字举例,作品中的标题采用的是与内文相同的字体,字号也是稍微大一些而已,看起来并无明显的区分。(但本图中强调的重点是图片,因此画面并无不妥。)


文章中的许多知识点皆为书中的知识点,只是给大家整理了出来,并配合了我自己的理解。例子也是我自己找的,要是理解和点评得不对请大家多多指教。

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

推荐阅读更多精彩内容