2008年攝于北京奧林匹克公園

設計，并非僅僅屬于設計師。我們每個人在日常生活中，都無處不在地與設計打着交道，例如寫一篇文稿、拍一張照片、搭配一身衣服、布置一些家裡的擺設……稍加用心，我們就能從實踐中發現設計的一些通用講究。隻要是具有正常審美能力的人，對美的基本認知，都是一緻的。

在過去，我對設計的一些認識是感性而零散的，在和産品經理以及交互設計師溝通的時候，常常心裡揣着明白，但表達起來總覺得不夠科學和高效。直到幾年前看了一本書，心中積攢的一大堆離散的經驗，瞬間被凝練成了四個簡單而有力的詞語，大有頓悟之感。

這本書就是美國人 Robin Williams 所著的《寫給大家看的設計書》。整本書隻介紹了四個詞語：親密性、對齊、重複和對比。這就是設計的四個基本原則。在此之後，我在日常工作中，遇到的大部分設計問題，都能借助這四個基本原則，得以快速識别并解決。

一、親密性（Proximity）

将相關的項組織在一起，移動這些項，使他們的物理位置相互靠近，這樣一來，相關的項将被看作凝聚為一體的一個組，而不再是一堆彼此無關的元素。

如果信息之間關聯性越高，它們之間的距離就應該越接近，也越像一個視覺單元；反之，則它們的距離就應該越遠，也越像多個視覺單元。親密性的根本目的是實現組織性，讓用戶對頁面結構和信息層次一目了然。

用一篇最普通的 Word 文檔來舉例：标題和正文的間距要大于正文中段落與段落之間的間距，而段落與段落之間的間距又應當大于段落内的行與行之間的間距。

二、對齊（Alignment）

任何元素都不能在頁面上随意安放。每一項都應當與頁面上的某個内容存在某種聯系。如果頁面上的一些項是對齊的，會得到一個更内聚的單元，它們之間會有一條看不見的線把彼此連在一起。

正如“格式塔學派”中的連續律（Law of Continuity）所描述的，在知覺過程中人們往往傾向于使知覺對象的直線繼續成為直線，使曲線繼續成為曲線。在界面設計中，将元素進行對齊，既符合用戶的認知特性，也能引導視覺流向，讓用戶更流暢地接收信息。

三、重複（Repetition）

設計的某些方面需要在整個作品中重複。重複元素可能是一種粗字體、一條粗線、某個項目符号、顔色、設計要素、某種格式、空間關系等。可以把重複認為是“一緻性”。

相同的元素在整個界面中不斷重複，不僅可以有效降低用戶的學習成本，也可以幫助用戶識别出這些元素之間的關聯性。

四、對比（Contrast）

頁面上的不同元素之間要有對比，達到吸引讀者的效果。如果兩個項不完全相同，那就應當使之不同，而且應當是截然不同。對比不僅可以用來吸引眼球，還可以組織信息、清晰層級、在頁面上指引讀者，并且制造焦點。可以采用多種方式産生對比，如字體大小對比、字體粗細對比、冷暖色對比等等。

對比是增加視覺效果最有效方法之一，同時也能在不同元素之間建立一種有組織的層次結構，讓用戶快速識别關鍵信息。

要實現有效的對比，對比就必須強烈，切不可畏畏縮縮。

生活中常見的例子如，标題的字号要明顯大過正文的字号，家具的顔色搭配如果不能做到同色就盡量差距顯著……

總結

親密性：如果項彼此相關，就把它們分在一個組，建立更近的親密性。這有助于組織信息、減少混亂、為讀者提供清晰的内容結構。

對齊：頁面上的任何東西都不能随意安放，每個元素都應當與頁面上的另一個元素有某種視覺聯系。這樣能建立一種清晰、精巧而且清爽的外觀。

重複：讓設計中的視覺要素在整個作品中重複出現。可以重複顔色、形狀、材質、空間關系、線寬、字體、大小、圖片等等。這樣既能增加條理性，還可以加強統一性。

對比：要避免頁面上的元素太過相似，如果元素不相同，那就幹脆讓它們截然不同。對比能讓頁面引人注目，也更能使頁面内容結構清晰易讀。

在設計中，這四大原則不是獨立使用的，而是互相嵌套，你中有我，我中有你。

我們在日常生活中，隻需稍加留心，養成用這四個基本原則審視一切的習慣，我們就離美近了許多。設計雖有高下之分，越高級越專業，但在有和沒有之間，卻很一目了然，你我都可以，也都應該選擇——有。

最後再強調一遍，設計千萬不能畏畏縮縮。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!