读书笔记——《写给大家看的设计书》
设计的四大基本原则
作者:罗宾·威廉姆斯(Robin Williams)世界著名设计师、技术专家和畅销书作家。
通过写书和授课,她影响了整整一代数字设计师。
-----------------------------------书 中 重 点---------------------------------
设计的四大基本原则
一、对比 (Contrast)
对比的基本思想是,要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。要让页面引人注目,对比通常是最重要的一个因素,正是它能使读者首先看这个页面。

新闻简报简洁明快,如果无法吸引视线,就没有人会去读它。与前一页相比,这个页面更能吸引你的眼球?

如果在列之间使用一条极细的线,需要另一条线时就应该使用2点或4点的粗线,不要在同一个页面上使用0.5点和1点的线。如果要使用另一种颜色来突出效果,一定要确保颜色有反差,对应黑色正文,深棕色或蓝黑色就不能有效地形成对比。

使用了对比,不仅面更吸引人,文档的目的和组织也会更一幕了然
根本目的
一个目的是增强页面的效果,如果一个页面看起来很有意思,往往更有可读性。
另一个目的是有助于信息的组织。读者应当能立即了解信息以何种方式组织,以及从一项到另一项的逻辑流程。对比元素不能让读者混淆,也不能错误地强调重点(即本不该是重点的元素)。
两个方面相辅相成,无法分开。
如何实现
可以通过字体选择、线宽、颜色、形状、大小、空间等等来增加对比。增加对比很容易,途径有很多,这可能是增加视觉效果最有意思也最让人满意的方法了。重要的是。对比一定要强烈。
要避免的问题
不要犹豫。如果你想形成对比,就加大力度。不要将一种粗线与一种更粗的线进行对比。不要将棕色文本与黑色标题建立对比。要避免使用两种或多种类似的字体。如果各个项不完全一样,干脆让它们截然不同!
二、重复(Repetition)
让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片,等等。这样一来,既能增加条理性,还可以加强统一性。

这里包含一些明显的重复元素,从而清楚地指出它的主要内容,除此以外,设计者可能还会在其附信设计中采用其中一个或多个元素。
根本目的
重复的目的就是统一,并增强视觉效果。不要低估页面视觉效果的威力,如果一个作品看起来很有趣,它往往也更易于阅读。
重复还会为你的作品带来一种专业性和权威性。它会便读者感觉有人在负责,因为重复显然是一种经过深思熟虑的设计决策。
要避免的问题
要避免太多地重复一个元素,重复太多会让人讨厌。要注意以下对比的价值。
(例如,如果这女士想穿黑色的晚礼服,配红帽子、红耳环、红口红、红色手提包、红鞋和一件红上衣,重部太滥了,现在的对比不再有统一的效果。感觉上也让人不太舒服,太多的重复
将混淆重点)
三、对齐( Alignment)
任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。


用线来明确那里缺少关联


居中对齐的方式边界是“软”的,看不出那条“对齐线”的强度
右对齐方式,连接了两组文本的边界,这个边界的强度为布局提供了力度

左图:标题和子标题都是左对齐,不过文字介绍是居中的,两个文本元素之间没有共同的对齐方式。它们相互之间没有任何联系。
右图:尽管这两个元素仍然采用两种不间的对齐方式(上面是左对齐,下面是右对齐),但是下面介绍文本的(左)边界与上方标题的右边界对齐,这就用一条看不见的线把二者连接起来。这绝非偶然!

找一条明确的线,并用他来对齐
根本目的
对齐的根本目的是使页面统一而且有条理。其效果类似于把客厅里四处零落的洋娃娃捡起来,并把它们放在一个玩具箱中。
不论创建精美的、正式的、有趣的还是严肃的外观,通常都可以利用一种明确的对齐(当然,要结合适当的字体)来达到目的。
如何实现
要特别注意元素放在哪里。应当总能在页面上找出与之对齐的元素,尽管这两个对象的物理位置可能相距很远。
四、亲密性(Proximity )
彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。

物理位置的接近意味着存在关联

把相关的元素分在一组,是他们建立更近的亲密性,一眼就能得到更多的信息
根本目的
亲密性的根本目的是实现组织性。尽管其他原则也能达到这个目的,不过利用亲密性原则,只需简单地将相关的元素分在一组建立更近的亲密性,就能自动地实现条理性和组织性。如果信息很有条理,将更容易阅读,也更容易被记住。此外还有一个很好的“副产品”,利用亲密性原则,还可以使空白(这是设计者们最喜欢的)更美观(也更有条理)。

如何实现
微微眯起眼睛,统计你的眼睛停顿的次数来数一数页面上有多少个元素。如果页面上的项超过3~5个(当然,这取决于具体情况),就要看看哪些孤立的元素可以归在一组建立更近的亲密性,使之成为一个视觉单元。
小结:
以上是对设计部分的总结。你可能还希望看到更多的例子。实际上,你周围到处都是例子,我最希望的是能向你潜移默化地灌输一种思想,使你提高视觉敏感度。我也考虑过提供类似子“饼干模具”之类的设计范例,不过,正如古人所云,授人以鱼仅一饭之惠,而不如授人以渔。
要记住,专业的设计人员总是会“借取”其他理念,他们总在寻找灵感。如果你在设计-个传单,可以先找一份你确实非常喜欢的传单,采用它的布局。只需使用你自己的文本和图片,就能把原来别人的传单变成你自己独一无二的设计。另外,可以找一个你喜欢的企业名片,把它调整为你自己的企业名片。还可以找你喜欢的一个新闻简报,适当修改把它变成你自己的新闻简报设计。在这种调整中,它就会逐步变成你自己的设计。
对现在来讲,只要开心就好。放松一点。不要把关于设计的这些内容看得太过严肃。我相信,只要遵循这四个原则,就一定能创建出生动、有趣、有条理并让你引以为豪的页面。























































































