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

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

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

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

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

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

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

8、題：★不要猶豫。如果你想要形成對比，就加大力度?！锊灰獙⒁粡埞志€與一種更粗的線進(jìn)行對比。★不要將棕色問題與黑色文本標(biāo)題建立對比?！镆苊馐褂脙煞N或多種類似的字體?！锶绻鱾€項不完全一樣，干脆讓它們截然不同。二、顏色二、顏色1互補(bǔ)：色輪上想對（完全對立）的顏色為互補(bǔ)色。由于他們?nèi)绱藢α?，所以最佳搭配是一種作為主色，一種用于強(qiáng)調(diào)。2三色組：彼此等距，協(xié)調(diào)。3分裂互補(bǔ)三色組：從色輪的以便選擇一種顏色，再從色輪上找出它對面的互補(bǔ)色。不過并不是

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

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

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