我的读书笔记1:《写给大家看的设计书》

——作者:[美]Robin Williams

设计师,畅销作家。通过写书和授课,它已经影响了整整一代数字设计师。在Adobe和Mac技术社区拥有大批拥护者。


——推荐这本书的理由

1、“这些年我逐渐认识到,通晓图像设计是一个人最有用也最有成就感的技能。每天我都庆幸自己养成了一双设计师的眼睛,学会了利用软件将设计技能应用到工作中。我说的不限于图像设计领域,而是日常生活的各个方面。”

2、“学会设计,是人生的必修课。如果每个人都有一点设计的知识,那么这个社会将无比优雅、文明。”

3、“这个世界,设计无处不在,然而多数人未必有机会学习专业的设计。实际上,设计不仅仅是专业设计师的事情。”

4、作者打破了大量理论叙述的模式,注意实际举例对比。大量的举例说明,让各项表达更加容易理解,而且很多道理能应用到工作和生活中。

5、生活要设计,即使你不是设计师,读完这本书你的PPT一定会做的清晰美观,甚至日常发朋友圈的图片都会更高级。


——设计的四大基本原则

引言:“一旦能够说出什么东西的名字,就会很容易注意到它。你就会掌握它,拥有它,让它受你所控。”

1、亲密性(Proximity)

彼此相关的的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单位,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。

* 如果某些元素存在关联,或者相互之间存在某种关系,那么这些元素在视觉上也应当有关联。

* 物理位置的接近就意味着存在关联,将相关的项组织在一起,相互之间没有直接关系的项要分开。

* 利用位置的紧密程度反映元素间的关系(设置不同的间隔来指示各项的接近程度或关系的重要性)。

* 关注空间,合理布局空白,使空白更美观(也更有条理)。

亲密性具有组织性,让设计不论从理解上还是从视觉上都很有条理(令表达更清晰,让页面更美观)。

2、对齐(Alignment)

任何东西都不能在页面上随意安放。每个元素都应当与页面上另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。

* 摒弃居中对齐(有时可以有意地选择,但不要把它作为默认方式),通过充分利用亲密性,并结合明确的左对齐或右对齐,你会惊异于设计的改观。

* 只使用一种对齐方式(左对齐、右对齐、居中对齐、两端对齐) 。

* 对齐线(明确的边界,即边界的强度为布局提供力度),找一条明确的对齐线,并坚持以它为准则。

* 只要你是有意为之,有时完全可以任意地打破常规对齐。(但必须记住,在打破规则之前必须清楚规则是什么。)

对齐具有统一性,使页面统一且有条理,不论创建精美的、正式的、有趣的还是严肃的外观,通常都可以利用一种明确的对齐(当然,要结合适当的字体)来达到目的。

3、重复(Repetition)

让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片,等等。这样一来,既能增加条理性,还可以加强统一性。

* 设计的某些方面需要在整个作品中重复,重复的元素可能时一种粗字体、一条粗线、某个项目符号、颜色、设计要素、某种格式、空间关系等。

* 重复是一种统一设计各个部分的有意识的行为。有助于组织信息,有利于将设计中单独的部分统一起来。还有助于增强读者对设计所表示的实体的认知度

* 重复具有一致性的元素,让这些元素效果更强更生动。通过把重复表现得更明显,页面看上去更有趣,视觉上会增强其条理性和一致性。

* 有时重复的项并不一定完全相同,而只是存在明确关联的紧密相关的对象。

* 使用重复原则,有事可以把一个元素从现有的设计中抽取出来,并根据这个元素创建一个新设计。

重复具有一致性,设计中视觉元素的重复可以将作品的各部分连在一起,从而统一并增强整个作品。

4、对比(Contrast)

对比的基本思想是,要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。要让页面引人注目,对比通常是最重要夫人一个因素,正是它能使读者首先看这个页面。

* 页面上的不同元素之间要有对比效果,达到吸引读者的对比效果。如果两个项不完全相同,就应当使之不同,而且应当截然不同。

* 对比不仅可以吸引眼球,还可以用来组织信息、清晰层级、在页面上指引读者,并且制造焦点。

* 对比元素不应当让读者混淆,也不能错误强调重点(即本不该是重点的元素)。

* 可以通过字体选择、线宽、颜色、形状、大小、空间等来增加对比。它们不可以类似,要实现有效对比。

对比具有增强性,对比可能是增加视觉效果最有意思也最让人满意的方法了。重要的是:对比一定要强烈。


——颜色的运用

1、12种基本颜色构成色轮

三原色(黄、红、蓝),三间色(绿、紫、橙),第三色(橙黄、橙红、紫红、蓝紫、蓝绿、黄绿)


色轮

2、色轮上颜色的搭配

互补色:色轮上完全对立的颜色。最佳搭配是一种作为主色,另一种用于强调。

三色组:彼此等距的三种颜色,例如红黄蓝、橙绿紫。这样的组合流行、舒服、协调。

 分裂互补三色组:从色轮上选择一种颜色,再找出它对面的互补色两侧的颜色。这样得到的组合有一种更为细致的颜色边界。

类似色: 有色轮上彼此相邻的颜色组成,例如水绿色、绿色、黄绿色。无论两种颜色还是三种颜色都形成协调的组合。

* 暗色和亮色:纯色就是色调,向色调增加黑色就构成暗色,向色调增加白色就构成亮色。

* 单色组合:由一种色调及其相应的多种亮色和暗色组成。设计项目里使用一种单色组合,尽享其中的快乐。

* 暗色和亮色的组合:选择上述颜色组合的不同亮色和暗色形成新的组合。大大丰富你的选择,每个组合都有新的效果

* 暖色和冷色: 冷色趋于做背景色,暖色是趋进型。不要让冷暖色太过均衡,组合暖色和冷色,一定要少用暖色。冷色是后退型,使用更多的冷色才能产生效果或形成对比。

* 注意色质: 指某种颜色的特定明暗度、深浅度或色调。如果色质很接近,看上去会模糊不清。

3、CMYK

Cyan(一种蓝色)、Magenta(一种红/粉色)、Yellow(黄色)、Key色(通常是黑色)

如果你的项目要由一个印刷机印到某种物理介质上,就可以使用CMYK颜色模型。

4、RGB

 Red、Green、Blue

我们在计算机显示器、电视、手机等上看到的就是RGB颜色模型。


——字体设计

1、字体的基本规则:

各种符号和标点的正确使用

专业排版的小细节

 2、字体是”搭建“所有排版页面的基本模块

3、字体类别:

旧式体、现代体、 粗衬线体、手写体、花体

4、字体对比:

大小、粗细、结构、形状、方向、颜色


——设计的大概过程

1、从中点开始。

2、将信息按逻辑进行分组,确定这些组之间的关系,通过亲密性来显示这些关系。

3、创建重复,看看布局里哪些元素自然重复,再看看是否适合加大重复力度。

4、除非你已经决定创建一种协调的设计,否则一定要建立强烈的对比。



用XMIND做的读书笔记
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容