寫給大家看的設計書，讀書筆記

1、《寫給大家看的設計書》第3版美RobinWilliams一、排版一、排版四大基本原則：對比、重復、對齊、親密性1親密性原則：將相關的項目組織在一起，親密性原則：將相關的項目組織在一起，移動這些項，使他們的物理位置互相靠近，移動這些項，使他們的物理位置互相靠近，這樣一來，相關項將被看作凝聚為一體的一這樣一來，相關項將被看作凝聚為一體的一個組，而不是一對彼此無關的片段。個組，而不是一對彼此無關的片段。a設計要逐步提高，要先從簡單的表達開始。

2、b根本目的：實現組織性。盡管其他原則也能達到這個目的，不過利用親密性原則，只需要簡單地將相關的元素分鐘一組建立更近的親密性，就能自動地實現條理性和組織性。如果信息很有調理，就更容易閱讀，更容易被記住。此外還有一個很好的“副產品”，利用親密性原則，還可以使用空白（這個設計者們最喜歡用的）更美觀（也更有條理）。c如何實現：微微瞇起眼睛，統(tǒng)計眼睛停頓的次數來數頁面上的元素，當元素超過3~5個，就要考慮哪些元素可以歸納在一起成為一個視覺單元。d

3、要避免的問題：★不要因為有空白就把元素放在角落或中央；★避免一個頁面有太多孤立的元素；★不要再元素之間留出同樣大小的空白，除非各組屬于一個子集。★標題、子標題、圖片能否歸入其相關材料？在這個問題上一定要非常清楚（哪怕只有一點含糊也要盡量避免）。★在有很親密性的元素之間建立關系；不同屬一組的元素之間不要建立關系！如果元素彼此無關，就把他們分開。2對齊原則：任何元素都不能再頁面上隨意對齊原則：任何元素都不能再頁面上隨意安放，每一項都應當與頁

4、面上的某個內容存安放，每一項都應當與頁面上的某個內容存在某種視覺關系。在某種視覺關系。a強制避開居中對齊，結合親密性，明確左對齊或右對齊。b打破規(guī)則本身也有一天rohin規(guī)則：在打破規(guī)則之前必須清楚規(guī)則是什么。c根本目的：使頁面統(tǒng)一而且有條理。其效果類似于把客廳里四處零落的洋娃娃撿起來，并把他們放在一個玩具箱中。不論創(chuàng)建精美的、正式的、有趣的還是嚴肅的外觀，通?？梢岳靡环N明確的對齊（當然，要結合適當的字體）來達到目的。d要特別注意元素

5、放在哪里，應當總能在頁面找出與之對齊的元素，盡管這兩個對象的物理位置可能相距很遠。e要避免的問題：★盡可能避免在頁面上混用多種對齊方式?！锪硗猓Ρ苊饩又袑R，除非你有意識地創(chuàng)建一種比較正式、穩(wěn)重（通常也更乏味）的表示。★并不是完全杜絕使用居中對齊，有時也可以有意地選擇這種對齊方式，但是不要把他作為默認選擇。3重復原則：設計的某些方面需要在整個作重復原則：設計的某些方面需要在整個作品中重復。品中重復。（一致性）（一致性）a重復元素可

6、能是一種粗字體，一條粗線，某個項目符號、顏色、設計要素，某種格式、空間關系，讀者能看到的任何方面都可以作為重復單元。b根本目的：重復的目的是統(tǒng)一，并增強視覺效果。不要低估頁面視覺效果的威力，如果一個作品看起來很有趣，它往往更易于閱讀。c如何實現：重復可以認為是保持一致性。需要把現有的一致性更向前推進一度。d要避免的問題：★要避免太多的重復一個元素，重復太多會讓人討厭?！镆⒁鈱Ρ鹊膬r值。4對比原則：如果兩個項不完全相同，就應對比原則：如

7、果兩個項不完全相同，就應當使之不同，而且應當截然不同。當使之不同，而且應當截然不同。a對比方式：字體大小、字體、細線、粗線；冷色與暖色；平滑材質與粗糙材質、水平與垂直，間隔寬緊，圖片大小等等。b根本目的：一是增強頁面的效果，如果一個頁面看起來很有意思，往往更有可讀性。另一個目的是有助于信息的組織。讀者應當能立即了解信息以何種方式組織，以及從一c如何實現：可以通過字體、線寬、顏色、形狀、大小、空間等。重要的是：對比一定要強烈。d要避免的問

8、題：★不要猶豫。如果你想要形成對比，就加大力度?！锊灰獙⒁粡埞志€與一種更粗的線進行對比?！锊灰獙⒆厣珕栴}與黑色文本標題建立對比?！镆苊馐褂脙煞N或多種類似的字體。★如果各個項不完全一樣，干脆讓它們截然不同。二、顏色二、顏色1互補：色輪上想對（完全對立）的顏色為互補色。由于他們如此對立，所以最佳搭配是一種作為主色，一種用于強調。2三色組：彼此等距，協調。3分裂互補三色組：從色輪的以便選擇一種顏色，再從色輪上找出它對面的互補色。不過并不是

9、直接使用這個互補色，而是該互補色兩側的顏色。4類似色：由色輪上彼此相鄰的顏色組成。5亮色與暗色：純色加黑或加亮。6暖色與冷色。暖色與冷色組合，一定要少用些暖色；由于冷色后退型，所以可使用更多的冷色才能產生效果或形成有效對比。7顏色的取舍：顏色的取舍：a先看一種合理的方法。項目有季節(jié)性嗎？也許可以使用類似色來暗示季節(jié)，火熱的夏天和黃色表示夏季；冰冷的藍色表示冬季；不同色度的橙色和棕色代表秋天；明亮的綠色象征春天。b公司里面有沒有定制一些官

10、方顏色？也許可以先從這些顏色入手，再使用一些亮色和暗色。是不是子啊處理一個logo，其中包含一些特定的顏色？可以使用這些顏色的一種分裂互補色。c你的項目是否包含一個照片或其他圖像？可以選擇照片的一個顏色，在根據這個顏色選擇一組其他顏色?？赡芟Ｍ褂妙愃粕?，保持一種沉著冷靜的感覺，也可以使用互補色增加視覺活力。d如果項目會定期反復，你可能希望自己建立一個調色板，供所有項目一致性使用。三、設計過程三、設計過程做一個設計或者重新設計時，從哪里

11、開始？a從中心開始。確定希望讀者最先看到什么。除非你已經決定要建立一個非常協調的設計，否者就應該創(chuàng)建一個有強烈對比的中心點。b將信息分組。按邏輯進行分組，明確這些組之間的關系。通過組之間的靠近與否（親密性）來顯示這些關系。在頁面組織文本和圖片是，要建立并維護明確的對齊。如果能看到一個明顯的邊界，如照片的邊界或垂直線條，可以通過其他文本對象的對齊來加強這個邊界。C創(chuàng)建重復，或者找出可以重復的項。為建立重復，可以使用粗字體、線、裝飾符號或者