寫給大家看的設(shè)計(jì)書，讀書筆記

1、《寫給大家看的設(shè)計(jì)書》第3版美RobinWilliams一、排版一、排版四大基本原則：對(duì)比、重復(fù)、對(duì)齊、親密性1親密性原則：將相關(guān)的項(xiàng)目組織在一起，親密性原則：將相關(guān)的項(xiàng)目組織在一起，移動(dòng)這些項(xiàng)，使他們的物理位置互相靠近，移動(dòng)這些項(xiàng)，使他們的物理位置互相靠近，這樣一來(lái)，相關(guān)項(xiàng)將被看作凝聚為一體的一這樣一來(lái)，相關(guān)項(xiàng)將被看作凝聚為一體的一個(gè)組，而不是一對(duì)彼此無(wú)關(guān)的片段。個(gè)組，而不是一對(duì)彼此無(wú)關(guān)的片段。a設(shè)計(jì)要逐步提高，要先從簡(jiǎn)單的表達(dá)開始。

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

3、要避免的問題：★不要因?yàn)橛锌瞻拙桶言胤旁诮锹浠蛑醒?；★避免一個(gè)頁(yè)面有太多孤立的元素；★不要再元素之間留出同樣大小的空白，除非各組屬于一個(gè)子集?！飿?biāo)題、子標(biāo)題、圖片能否歸入其相關(guān)材料？在這個(gè)問題上一定要非常清楚（哪怕只有一點(diǎn)含糊也要盡量避免）。★在有很親密性的元素之間建立關(guān)系；不同屬一組的元素之間不要建立關(guān)系！如果元素彼此無(wú)關(guān)，就把他們分開。2對(duì)齊原則：任何元素都不能再頁(yè)面上隨意對(duì)齊原則：任何元素都不能再頁(yè)面上隨意安放，每一項(xiàng)都應(yīng)當(dāng)與頁(yè)

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

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

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

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

8、題：★不要猶豫。如果你想要形成對(duì)比，就加大力度。★不要將一張弓粗線與一種更粗的線進(jìn)行對(duì)比?！锊灰獙⒆厣珕栴}與黑色文本標(biāo)題建立對(duì)比。★要避免使用兩種或多種類似的字體。★如果各個(gè)項(xiàng)不完全一樣，干脆讓它們截然不同。二、顏色二、顏色1互補(bǔ)：色輪上想對(duì)（完全對(duì)立）的顏色為互補(bǔ)色。由于他們?nèi)绱藢?duì)立，所以最佳搭配是一種作為主色，一種用于強(qiáng)調(diào)。2三色組：彼此等距，協(xié)調(diào)。3分裂互補(bǔ)三色組：從色輪的以便選擇一種顏色，再?gòu)纳喩险页鏊鼘?duì)面的互補(bǔ)色。不過并不是

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

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

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