《寫給大家看的設計書》——[美]RobinWilliams

第一部分 設計原則

第1章

1. 準確的陳述問題

2. 一旦能夠說出什么東西的名字，就會很容易注意到它，你就會掌握它，擁有它，是他在你的掌握之中

3. 四大基本原則

   1. 對比

   截然不同，讓頁面引人入目

   1. 重復

   加強條理性，加強統(tǒng)一性

   1. 對齊

   每個元素都應當與頁面上的另一個元素有某種視覺聯(lián)系，這樣才能建立一種清晰、精巧而且清爽的外觀

   1. 親密性

   彼此相關的想應當靠近，歸組在一起，形成一個視覺單元，有利于組織信息，為讀者提供清晰地結構

4. 好的表達方式，就像黑咖啡那樣，令人興奮，品位之后讓人倦意頓消

第2章 親密性

1. 親密性原則：將相關的項組織在一起，物理位置的接近就意味存在著關聯(lián)

2. 合理利用大小寫，圓角和直角，logo與邊框的關系，突出重點

3. 理解上存在關聯(lián)，視覺上也應當關聯(lián)，增強組織性

4. 設計技能需要逐步提高，要先從簡單的表達開始

5. 元素內部不截留空白

第3章 對齊

1. 但那條看不見的強有力的基準線，可以將這兩文本聯(lián)系在一起

2. 頁面上只是用一種文本對齊

3. 找一條明確地對齊線，并堅持以它為基準

4. 第一段不縮進，右邊界盡可能平滑

5. 打破規(guī)則之前必須清楚規(guī)則是什么

第4章 重復

1. 設計的某些方面需要在整個作品中重復

2. 重復不只是自然一致，還是一種統(tǒng)一設計各個部分的有意識的行為。把整個作品聯(lián)系起來

3. 把元素抽取為圖片并重復很有意思，也很有效

4. 重復最大的好處是使各項看起來屬于同一組，雖然看起來都不完全相同。

5. 只需要找到你喜歡的一個元素，然后隨你擺弄它

6. 不要把重復用的太濫，而應當盡量“采用多樣性實現(xiàn)統(tǒng)一”，明確要重復的元素，采用不同的方式

7. 對于一個大家有很熟悉的元素，可以嘗試只包含其中的一部分，或者采用不同的方式加以使用

8. 如果一個作品很有趣，它往往也更易閱讀

第5章 對比

1. 對比是為頁面增加視覺效果的最有效的途徑之一，另外還能在不同的元素之間建立一種有組織的層次結構

2. 要想實現(xiàn)有效的對比，對比就必須強烈

3. 對比對于信息的組織至關重要，讀者一看到文檔就能立即理解文檔的內容

4. 對比使文檔的目的性和組織性增強

5. 要實現(xiàn)有意思的對比，最容易的方法是實現(xiàn)字體對比

6. 好的對比引導讀者以正確高效的的方式和順序閱讀，有開始，有結束，有重點

7. 不要害怕讓一些項很小，這樣不僅可以與更大的項形成對比，還能留出更多的空白。一旦讀者把握住重點，只要他們感興趣，自然回去讀這些較小的文字，如果他們不感興趣，多大的字體他們也不回去讀。

第6章 復習

1. 提高視覺敏感度

2. 從優(yōu)秀的作品中，“借去”靈感

第7章 顏色運用

1. 和諧 三色組

   • 基色三色組+間色三色組
   • 色輪：120 * 3

2. 對比 三色組

   • 分裂互補三色組
   • 色輪：150 + 60 + 150

3. 單色組合，由一種色調及其相應地多種亮色和暗色組成

4. 不使用原色調，而是使用這些顏色的不同亮色和暗色。

5. 冷色總趨于后退，而暖色是趨進型的。如果要組合暖色和冷色，一定要少用些暖色

第8章 更多提示與技巧

1. 統(tǒng)一且合適的格式和圖像

2. 名片字體小一點

3. 確定一個最想突出的主導元素

4. 使用有對比的子標題，豐富大標題想表達的內容

5. 選擇一種對齊方式

6. 明信片

   與眾不同，成“系列”，明確具體，力求簡練，盡可能的使用顏色

7. 空白也是一種設計元素

8. 報紙廣告

   • 空白(向組織信息一樣的有意識的組織空白)
   • 機敏，清楚，簡潔，盡可能使用顏色

9. 網站

   • 重復和清晰
   • 不要讓訪問者移動滾動條
   • 增強可讀性，行寬要更短

第二部分 字體設計

第9章 字體與人生

1. 使用一個字體系列，產生協(xié)調關系，正式感，但會相當乏味

2. 使用多種類似字體，會出現(xiàn)一種沖突的關系

3. 使用多種截然不同的字體，就會出現(xiàn)一種對比關系。

4. 這個世界上所有特性都依賴于比較才能顯現(xiàn)。如果沒有比較，則根本就沒有存在的前提

5. 字體對比的不同方式：大小、粗細、結構、形狀、方向和顏色

6. 字體設計時不要太保守

第10章 字體類別

1. Oldstyle

   
   
   Oldstyle.png

2. Modern

   
   
   Modern.png

3. Slab serif

   
   
   SlabSerif.png

4. Sans serif

   
   
   SansSerif.png

5. script

   
   
   Script.png

6. Decrative

   
   
   Deractive.png

第11章 字體對比

1. 不要保守

2. Size 大小

   1. 確定中心點元素，利用強烈的對比突出強調
   2. 只讓首字母大寫，留出空間，增強可讀性
   3. 如果字體大小對比非同一般，這本身就能成為一種圖形元素

3. Weight 粗細

   1. 至少引入一種非常粗的黑粗體。粗細對比是為頁面怎家視覺效果最容易而且最有效的方法之一
   2. 引人注目，便于整理信息的層次結構

4. Structure 結構

   1. 字體結構是指這種字體是如何建立的。
   2. 不要把同一類別中的兩種字體放在同一頁面上

5. Form 形狀

   1. 字母的形狀就是指他的外形
   2. 我們認識一個詞不僅從他的各個字母來認，還會根據他的整體形狀。

6. Direction 方向

   1. 千萬不要在角落里放有角度的字體
   2. 瘦高字體是“垂直”方向
   3. 粗矮字體是“水平”方向
   4. 借助線條和圖片來強調方向和形成方向反差
   5. 材質是由不同字體的結構、行間距、字母間距、粗細度、大小和形狀共同創(chuàng)造的。

7. Color 顏色

   1. 暖色（紅色、橙色）是前進型的
   2. 冷色（藍色、綠色）是后退型的
   3. 在黑白文本中的不同“顏色”是由不同的字母粗細、結構、形狀、字母內的空間、字母間距、行間距、字體大小或x-height大小產生的。即使同一個字體，也可以創(chuàng)建不同的顏色

   4. 指出問題，你就能找出解決方案

第三部分 其他

第12章 你掌握了嗎？

1. 設計過程

   1. 從中心點開始
   2. 將信息分組
   3. 建立并維護明確地對齊
   4. 創(chuàng)建重復
   5. 建立強烈的對比
   6. 黑白分明

Deractive.png