摘抄學習自《寫給大家看的設計書》by Robin Williams
?對比 Contrast
要避免頁面上的元素太過相似。如果元素不相同,那么就干脆讓他們截然不同。
重復 Repetition
讓設計中的視覺要素在整個作品中重復出現。既能增加條理性,還可以加強統一性。
對齊 Alignment
任何東西都不能再頁面上隨意安放。每個元素都應當與頁面上另一個元素有某種視覺聯系。
親密性 Proximity
彼此相關的項應當靠近,歸組在一起。有助于組織信息,減少混亂,為讀者提供清晰的結構。
對比
如果兩個項不完全相同,就應當使之不同,而且應當截然不同。要想實現有效的對比,就必須強烈,千萬不要畏畏縮縮。
具體
不要害怕讓一些項很小,這樣不僅可以與更大的項形成對比,還能留出更多的空白。
對比的根本目的,一是增強頁面的效果;二是有助于信息的組織,讓讀者能立即了解信息以何種方式組織,以及從一項到另一項的邏輯流程。
對比元素不能讓讀者混淆,也不能錯誤地強調重點。
要避免的問題
如果想形成對比,就加大力度。
要避免使用兩種或多種類似的字體。
如果各個項不完全一樣,就干脆讓它們截然不同。
重復
讀者能看到的任何方面都可以作為重復元素。設計的某些方面需要在整個作品中重復。
具體
有時重復的項并不一定完全相同,而只是存在明確關聯的緊密相關的對象。
使用重復原則時,有時可以把一個元素從現在的設計中抽取出來,并根據這個元素創建一個新設計。
不要把重復用的太濫,而應當盡量“采用多樣性實現統一”。也就是說,如果一個重復元素很明確,那么可以采用多種不同方式重復這個元素,而不是簡單地重復同一個元素。
重復的根本目的就是統一,并增強視覺效果。
具體實現方式
重復可以認為是保持一致性。
可以增加一些純粹為建立重復而設計的元素。
要避免的問題
要避免太多地重復一個元素,重復太多會讓人討厭。要注意對比的價值。
對齊
定義
任何元素都不能再頁面上隨意安放。每一項都應當與頁面上的某個內容存在某種視覺聯系。
具體
居中對齊是初學者最常用的對齊方式,這種對齊看起來很安全,感覺上也很舒服。居中對齊會創造一種更正式、更穩重的外觀,這種外觀顯得更中規中矩,但通常也很乏味。
一定要堅持一個原則:頁面上只使用一種文本對齊,所有文本都左對齊、或右對齊、或者全部居中。
在頁面上放其他項時,一定要確保每一項都與頁面上的其他項存在某種對齊。
我們的眼睛喜歡看到有序的事物,這會給人一種平靜、安全的感覺。此外也有助于表達信息。
應當找一條明確的對齊線,并用它來對齊。
如果涉及中的對齊很明確,那么可以有意識地打破對齊,但一定要表現出這是有意的。一定要干脆一些,要么全部采用一種方式,要么全都不采用這種方式。千萬不要保守。
但,在打破規則之前必須清楚規則是什么。
對齊的根本目的是是頁面統一而且有條理。
具體實現方式
要特別注意元素放在那里。應當總能在頁面上找出與之對齊的元素,盡管這兩個對象的物理位置可能相距甚遠。
要避免的問題
要避免在頁面上混合使用多種文本對齊方式。
要著力避免居中對齊,除非有意識地想要穿件一種比較正式、穩重的表示。并不是完全杜絕,但不要把它作為默認選擇。
親密性
定義
將相關的項組織在一起,移動這些項,使它們的物理位置相互靠近,那么相關的項將被看作凝聚為一體的一個組。
具體
需要清楚哪些信息應當重要,哪些信息不用強調,可以通過分組形象地表現這種信息。
親密性的思想并不是說所有的一切都要更加靠近,其真正的含義是:如果某些元素在理解上存在關聯,或者相互之間存在某種聯系,那么這些元素在視覺上也應當有所關聯。
親密性的根本目的是實現組織性。如果信息更有條理,將更容易閱讀,也更容易被記住。
親密性的副產品
可以使空白更美觀,也更有條理。
具體實現方式
微微瞇起眼睛,統計眼睛停頓次數來數一數頁面上有多少個元素。如果頁面上的項超過3~5個(it depends),就要看看哪些孤立元素可以跪在一組簡歷更近的親密性,使之成為一個視覺單元。
要避免的問題
不要僅僅因為有空白就把元素放在角落或中央。
避免一個頁面上有太多孤立的元素。
不要在元素之間留出同樣大小的空白,除非各組同屬于一個子集。
標題、子標題、圖標標題、圖片能否歸入其相關材料?在這個問題上一定要非常清楚。在有很近親密性的元素之間建立關系。
不同屬一組的元素之間不要建立關系。如果元素彼此無關,要把它們分開。