《給你們看的設計書》讀書筆記

1 chapter四大基本原則

一旦說出某種東西的名字，就會很容易注意到它，你就會掌握它，擁有它；使他在你的控制之中。

四大基本原則：

1.對比（ contrast ）：避免頁面上的元素太過類似，若是元素不相同，那就讓他們大相徑庭。

2.重複（ Repetition ）：讓設計中的視覺要素在整個做品中重複出現，能夠重複顏色，形狀，材質，空間關係，線寬，字體，大小和圖片，等等。既能夠增長條理性，又能夠增長增強統一性。

3.對齊（ Alignment ）：任何東西都不能在頁面上隨意安放，每一個元素都應當與頁面上的另外一個元素有某種視覺聯繫，這樣能創建一種清晰、精巧且清爽的外觀。

4.親密性（ Proximity ）：彼此相關的項應當靠近，歸組在一塊兒。若是多個項相互之間存在很近的親密性，它們就會成爲一個視覺單元，而不是多個孤立的元素。這有助於組織信息，減小混亂，爲讀者提供清晰的結構。

2 chapter 親密性

Robin親密性原則：將相關的項組織到一塊兒，使他們的物理位置相互靠近。

在一個頁面上，物理位置的接近意味存在着關聯。

設計技能的逐步提升，須要從簡單的表達開始

親密性小結：

若是多個項之間存在很近的親密性，它們將成爲一個視覺單元，而不是多個孤立的元素。彼此相關的項應當歸爲一組。要有意識地注意到你是怎樣閱讀地，你的視線是如何移動地：從哪裏開始，沿着怎樣的路徑；到哪裏結束，讀完以後，接下來看哪裏？整個過程應當是一個合理的過程，有肯定的開始，並且要有肯定的結束。

根本目的：

根本目的是實現組織性，儘管其餘原則也能達到這個目的，不過利用親密性原則，只需簡單地將相關的元素分在一組創建更近的親密性，就能自動地實現條理性和組織性。

如何實現：

微微眯起眼睛，統計你的眼睛停頓的次數來數一數頁面上有多少個元素。若是頁面上的項超過 3-5 個（固然，這取決與具體狀況，就要看看哪些孤立的元素能夠歸在一組創建更近的親密性，使之成爲一個視覺單元。

3 chapter 對齊

Robin對齊原則指的是：任何元素都不能在頁面上隨意安放，每一項都應當與頁面上的某個內容存在某種視覺聯繫。

任何元素都不能隨意擺放，每一個元素都應擔與頁面上的另一個元素存在某種視覺聯繫。

在設計中，統一性是一個重要的概念，要讓頁面上的全部元素看上去統1、有聯繫並且彼此相關，須要在各個單獨的元素之間存在某種視覺紐帶。儘管這些孤立元素在頁面上的物理位置可能並不靠近，可是經過適當放置，可讓他們看上去是由聯繫並且相關的，而且與其餘信息統一。

根本目的

使頁面統一併且有條理。其效果相似於把客廳裏四處零落的洋娃娃撿起來，放到一個玩具箱中。

不論建立精美的、正式的、有趣的仍是嚴肅的外管，一般均可以利用一種明確的對齊（固然要結合適當的字體）來達到目的。

如何實現

特別注意元素放在哪裏，應當總能在頁面上找出與之對齊的元素，儘管這兩個對象的物理位置可能相距很遠。

要避免的問題

避免在也頁面上混合使用多種文本對齊方式（也就是說，不要將某些文本居中，而另一些文本右對齊）

另外，要避免居中對齊，除非你相有意識地建立一種比較正式的，穩重（一般也更乏味）的表示。並非徹底杜絕劇中對其，有時能夠有意識地選擇這種對齊方式，可是不要把它做爲默認選擇。

4 chapter 重複

Robin重複原則指出：設計的某些方面須要在整個做品中重複。

設計中的視覺元素的重複能夠將做品中的各個部分連在一塊兒，從而統一併加強整個做品，不然這些部分只是彼此孤立的單元。重複不只對只有一頁的做品頗有用，對於多頁文檔的設計更顯重要（對此咱們稱之爲保持一致）

根本目的

重複的目的就是統一，並加強視覺效果。不要低估頁面視覺效果的威力，若是一個做品看起來頗有趣，它每每也更易於閱讀。

如何實現

重複能夠認爲是保持一致性，如今須要把現有的一致性向前推動一步。

最初能夠是隻是找出現有的重複，而且將其增強。重複就像是強調你的衣着，若是一位女士穿着一件可愛的黑色晚禮服，戴着一頂別緻的帽子，她可能會用紅色高跟鞋、紅色口紅和一朵紅色小花來突出她的晚禮服。

要避免的問題

避免太多地重複一個元素，重複太對會讓人討厭。要注意對比的價值。

5 chapter 對比

原則：要想實現有效的對比，對比就必須強烈，千萬不要畏畏縮縮。

若是兩個元素相同，就不會產生對比。假若這兩個元素之間存在某種不一樣，但差異並非很大，那麼你作出的效果並非對比，而是衝突。這就是關鍵：若是兩個項之間不徹底相同，就應但使之不一樣，並且應可是大相徑庭。

要增前對比的意思，最容易的方法就是實現字體對比，還能夠利用線、顏色、元素之間的間隔、材質等造成對比

在頁面上增長對比能吸引眼球，咱們的眼睛喜歡看到對比的事物，若是頁面上放置兩個徹底不一樣的元素，他們就不能相似。要實現有效的對比，這兩個元素必須大相徑庭。

對比就須要修補一處漆記時配漆同樣，不能大概地配色，顏色要麼配置的徹底不一樣，要麼從新把整個前面徹底粉刷一邊。

根本目的

根本目的有兩個方面，這兩個方面相輔相成，沒法分開。一個目的是加強頁面的效果，更具備可讀性，另一個目的是有助於信息的組織。讀者應當更能當即瞭解信息以何種方式組織，以及從一項到另外一項的邏輯流程。對比元素不能讓讀者混淆，也不能錯誤的強調重點。

如何實現

能夠經過對字體選擇，線寬、顏色、形狀、大小、空間等對比手法來加強對比；增長對比很容易，途徑有不少。

要避免的問題

6 chapter 複習

設計的指導原則（不要畏畏縮縮）

• 親密性

• 對齊

• 重複

• 對比

7  chapter 顏色運用

CMYK和RGB顏色模型之間的區別：

CMYK表明Cyan（一種藍色）、Magenta（一種紅/粉紅色）、Yellow（×××）和一個Key色（一般是黑色），能夠打印出千萬種顏色，稱爲「四色處理」，用在印刷上的。

RGB用在顯示器、電視、iphone上。

三原色(Primary color)：黃、紅、藍

三間色(Secondary color):×××+蘭色=綠色；藍色+紅色=紫色；紅色+×××=橙色

第三色(tertiary color )

互補：色輪上相對（即徹底對立）的顏色爲互補色(complement)，因爲對立，因此最佳搭配是一種做爲主色，另一種用於強調。

三色組(triad)：色輪上彼此等距離的三種顏色造成一個三色組，紅、黃、藍就是一種極其流行的顏色組合，兒童產品一般採用這三種顏色。也成爲基色三色組(primary triad)

間色三色組(secondary triad): 綠色、橙色、紫色

分裂互補三色組(split complement):從色輪的一邊選擇一種顏色，再在色輪上找出對面的互補色，不過並非直接使用這個互補色，而是使用該互補色兩側的顏色，這樣獲得的組着會有一種更爲細緻的顏色邊界。

相似色(analogous):組合由色輪上彼此相鄰的顏色組成。

暗色和亮色：

純色就是色調(hue)

向色調增長黑色就構成一個暗色(shade)

向色調增長白色就構成一個亮色(tint)

單色組合 ( Monochromatic combination): 由一種色調及其相應的多種亮色和暗色組成。

暖色和冷色：

• 暖色老是趨進型的，冷色總趨於後退。

• 暖色不費多大功夫就能產生效果。

• 如何組合暖色和冷色，必定要少用些暖色

• 冷色是後退型的，因此可使用，更多的冷色才能產生效果或造成有效的對比。

• 不要讓冷暖色太過均衡，必定要充分利用這種視覺現象。

在美國，標準的企業名片規格爲：3.5英寸寬，2英寸高（垂直格式的規格爲：2英寸寬，2.5英寸高）。

設計在WEB網站上的應用

本文反覆提到的四大設計原色，一樣使用時WEB設計，這其中重複是網站設計的最重要的因素之一。重複可讓訪問者注意到本身是否仍是在同一網站之中，

能夠查看peachpit.com或者Adobe.com網站，找到有助於提供一致性的設計。