美文网首页涂生活读书生活家
外行人如何看懂设计 ——读《写给大家看的设计书》有感

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

作者: 小汍 | 来源:发表于2016-09-22 18:40 被阅读0次
《写给大家看的设计书》

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

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

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


一、亲密性原则


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

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

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

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

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

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


二、对齐原则


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

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

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

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

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


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


三、重复原则


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

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

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


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

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

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


四、对比原则


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

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

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

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

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


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

相关文章

  • 《写给大家看的设计书》生活就要设计

    《写给大家看的设计书》 ​ 《写给大家看的设计书》一书作者为世界著名设计师、技术专家Robin Williams,...

  • 大学书单

    已读: 《摆渡人1》《摆渡人2》《如何有效提问》《写给大家看的设计书》《前世今生》《》

  • 《写给大家看的设计书》

    内容简介: 《写给大家看的设计书》出自一位世界级设计师之手。复杂的设计原理在《写给大家看的设计书》中凝炼为亲密性、...

  • 设计 | 写给大家看的设计书

    Robin Williams,世界著名设计师、技术专家和畅销书作家。通过写书和授课, 她已经影响了整整一代数字设计...

  • 写给大家看的设计书读书笔记之对齐

    写给大家看的设计书读书摘要 最近因为工作关系,需要了解下UI/UE,查阅下资料,这本<写给大家看的设计书>[htt...

  • 关于如何提升设计视觉美观度(审美)的简单回答

    第一阶段:理论 读设计相关的书,就凡是你经常听到的那些书籍《设计中的设计》《写给大家看的设计》 阅读的量大概在40...

  • 知道你的简历输在哪儿吗?

    这篇文章并不专门谈论如何准备简历的内容,如何设计简历,而单纯是我对《写给大家看的设计书》这本书精华的提炼。不过,有...

  • 关于排版

    《写给大家看的设计书》这本书从排版到色彩先来个总括概论,再以实例比如设计单页、网页等详细说明如何设计才能让页面整洁...

  • PPT怎样排版才好看?遵循这几条就够了(1)

    一.排版原则 : 《写给大家看的设计书》 * 对齐:参考线...

  • 读书

    《写给大家看的设计书》 ★ 《七日掌握设计配色基础》 《演说之禅》和《Slideology》 ★ 《平面设计原理》...

网友评论

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

    本文链接:https://www.haomeiwen.com/subject/rnntyttx.html