閱讀筆記寫給大家看的設計書第三版

這本書我大概花了兩天的時間就看完了。對於新手來說比較友好，講的東西很容易就明白，設計原則也很實用。當你思維枯竭的時候翻翻這本書，總會找到靈感的。但是案例樣式太過陳舊，放在現在來說並不以一定符合我們現在的審美。而且這本書關於**設計的內容很少，主要是海報文字排版。

親密性、對齊、重複、對比

對比的思想就是，要避免頁面上的元素太過相似。如果元素（字型、顏色、大小、線寬、形狀、空間等）不相同，那就乾脆讓它們截然不同。要讓頁面引人注目，對比通常是最重要的乙個因素，正是它能是讀者首先看這個頁面

要避免的問題

不要用顏色、大小、粗細過太過相近的元素來做對比。

要避免使用兩種或多種類似的字型。

讓設計中的視覺要素在整個作品中重複出現。可以重複顏色、形狀、材質、空間關係、線寬、字型、大小和，等等。這樣以來，既能增加條理性，還可以增加統一性。

重複案例

要避免的問題

要避免太多地重複乙個元素，重複太多會讓人討厭。

要注意對比的價值

任何東西都不能在頁面上隨意安放。每個元素都應當與頁面上的另乙個元素有某種視覺聯絡。這樣能建立一種清晰、精巧而且清爽的外觀。

對齊舉例

要避免的問題

要避免再頁面上混合使用多種文字對齊方式。

著力避免居中對齊（初學者不要輕易使用）。

彼此相關的項應當靠近，歸組在一起。如果多個項相互之間存在很近的親密性，它們就會成為乙個視覺單元，而不是多個孤立的元素。這有助於組織資訊，減少混亂，為讀者提供清晰的結構。

親密性舉例

要避免的問題

不要因為有空白就把元素放在角落或**。

避免乙個頁面上有太多孤立的元素。

不要再元素之間留出同樣大小的空白，除非各組同屬乙個子集。

不同屬於一組的元素之間不要建立關係！如果元素彼此無關，要把他們分開。

色輪的基礎是紅、黃、藍三種顏色。這些顏色被稱為三原色。由三原色兩兩混合得到的顏色：綠色、紫色、橙色，這三種顏色被成為三間色。第三色則是這些顏色在色輪上過度形成的顏色。

互補

色輪上相對（即完全對立）的顏色為互補色。由於它們如此對立，所以最佳搭配是一種作為主色，另一種用於強調。

三色組

彼此等距的三種顏色通常會形成乙個讓人愉悅的三色組。紅色、黃色、藍色就是一種極其流行的顏色組合，兒童產品通常都採用這種組合。由於這是三基色，所以這種組合也稱為基色三色組。

也可以嘗試使用綠色、橙色、紫色構成的間色三色組。

**互補三色組

另一種形式的三色組稱為**互補三色組。從色輪的一邊選擇一種顏色，再在色輪上找出它對面的互補色，不過並不直接使用這個互補色，而是使用該互補色兩側的顏色。這樣得到的組合會有一種更為細緻的顏色邊界。

類似色

類似色組合由色輪上彼此相鄰的顏色組成。不論組合兩種顏色還是三種顏色，他們呢都有相同的基礎色，這就形成乙個協調的組合。用不同的亮色和暗色組合一組類似色，效果相當醒目。

在乙個好的web設計中，最重要的兩個因素就是重複和清晰。

在**上每乙個頁面上重複某些視覺元素（公司logo等標誌）。這不僅能讓訪問者知道他們還在你的**中，還可以提供一種統一性和連續性，這是所有優秀設計必不可少的特性。

到了內容頁上，訪問著應當能在相同的位置、以同樣的順序找到有同樣的導航系統。這不僅能讓訪問者很容易地訪問你的**，還能為所有的頁面提供一種統一性。

與紙上相比，網頁上的行寬要更短。正文絕對不應超出網頁的總寬度，這說明，必須把文字放在乙個表中（或者至少使用塊縮排，即文字在左邊和右邊同時縮排）。不過，使用太短的行寬也不好，這樣會導致不得不過多地將句子斷開。

閱讀筆記 寫給大家看的設計書 第三版