4大基本設計原則

摘抄學習自《寫給大家看的設計書》by Robin Williams

?對比 Contrast

要避免頁面上的元素太過相似。如果元素不相同,那么就干脆讓他們截然不同

重復 Repetition

讓設計中的視覺要素在整個作品中重復出現。既能增加條理性,還可以加強統一性。

對齊 Alignment

任何東西都不能再頁面上隨意安放。每個元素都應當與頁面上另一個元素有某種視覺聯系。

親密性 Proximity

彼此相關的項應當靠近,歸組在一起。有助于組織信息,減少混亂,為讀者提供清晰的結構。


對比

如果兩個項不完全相同,就應當使之不同,而且應當截然不同。要想實現有效的對比,就必須強烈,千萬不要畏畏縮縮。

具體

不要害怕讓一些項很小,這樣不僅可以與更大的項形成對比,還能留出更多的空白。

對比的根本目的,一是增強頁面的效果;二是有助于信息的組織,讓讀者能立即了解信息以何種方式組織,以及從一項到另一項的邏輯流程。

對比元素不能讓讀者混淆,也不能錯誤地強調重點。

要避免的問題

如果想形成對比,就加大力度。

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

如果各個項不完全一樣,就干脆讓它們截然不同。



重復

讀者能看到的任何方面都可以作為重復元素。設計的某些方面需要在整個作品中重復。

具體

有時重復的項并不一定完全相同,而只是存在明確關聯的緊密相關的對象。

使用重復原則時,有時可以把一個元素從現在的設計中抽取出來,并根據這個元素創建一個新設計。

不要把重復用的太濫,而應當盡量“采用多樣性實現統一”。也就是說,如果一個重復元素很明確,那么可以采用多種不同方式重復這個元素,而不是簡單地重復同一個元素。

重復的根本目的就是統一,并增強視覺效果。

具體實現方式

重復可以認為是保持一致性。

可以增加一些純粹為建立重復而設計的元素。

要避免的問題

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



對齊


定義

任何元素都不能再頁面上隨意安放。每一項都應當與頁面上的某個內容存在某種視覺聯系。

具體

居中對齊是初學者最常用的對齊方式,這種對齊看起來很安全,感覺上也很舒服。居中對齊會創造一種更正式、更穩重的外觀,這種外觀顯得更中規中矩,但通常也很乏味。

一定要堅持一個原則:頁面上只使用一種文本對齊,所有文本都左對齊、或右對齊、或者全部居中。

在頁面上放其他項時,一定要確保每一項都與頁面上的其他項存在某種對齊。

我們的眼睛喜歡看到有序的事物,這會給人一種平靜、安全的感覺。此外也有助于表達信息。

應當找一條明確的對齊線,并用它來對齊。

如果涉及中的對齊很明確,那么可以有意識地打破對齊,但一定要表現出這是有意的。一定要干脆一些,要么全部采用一種方式,要么全都不采用這種方式。千萬不要保守。

但,在打破規則之前必須清楚規則是什么。

對齊的根本目的是是頁面統一而且有條理。

具體實現方式

要特別注意元素放在那里。應當總能在頁面上找出與之對齊的元素,盡管這兩個對象的物理位置可能相距甚遠。

要避免的問題

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

要著力避免居中對齊,除非有意識地想要穿件一種比較正式、穩重的表示。并不是完全杜絕,但不要把它作為默認選擇。



親密性


定義

將相關的項組織在一起,移動這些項,使它們的物理位置相互靠近,那么相關的項將被看作凝聚為一體的一個組。

具體

需要清楚哪些信息應當重要,哪些信息不用強調,可以通過分組形象地表現這種信息。

親密性的思想并不是說所有的一切都要更加靠近,其真正的含義是:如果某些元素在理解上存在關聯,或者相互之間存在某種聯系,那么這些元素在視覺上也應當有所關聯。

親密性的根本目的是實現組織性。如果信息更有條理,將更容易閱讀,也更容易被記住。

親密性的副產品

可以使空白更美觀,也更有條理。

具體實現方式

微微瞇起眼睛,統計眼睛停頓次數來數一數頁面上有多少個元素。如果頁面上的項超過3~5個(it depends),就要看看哪些孤立元素可以跪在一組簡歷更近的親密性,使之成為一個視覺單元。

要避免的問題

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

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

不要在元素之間留出同樣大小的空白,除非各組同屬于一個子集。

標題、子標題、圖標標題、圖片能否歸入其相關材料?在這個問題上一定要非常清楚。在有很近親密性的元素之間建立關系。

不同屬一組的元素之間不要建立關系。如果元素彼此無關,要把它們分開。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容