一、奇數(shù)原則和三分法構圖
奇數(shù)法則意思是說，在設計作品中奇數(shù)元素比偶數(shù)元素更有趣。偶數(shù)元素在圖像中產生了對稱，這可能會顯得過于正式和不自然。比如，在一行中排列三個或五個卡片會比2個或4個效果更好，作品會更加讓用戶感到舒服和自然。
Iskos Design 就是用的奇數(shù)原則做的網(wǎng)頁設計
三分法構圖（也被稱之為黃金網(wǎng)格規(guī)則），在畫面中以水平和豎直方向分成3×3的網(wǎng)格和4個交叉點。這個規(guī)則能很好的協(xié)助設計師將最重要的元素放在網(wǎng)格的交叉點上，這樣可以很容易的設計出滿意的構圖。
為什么會這樣？因為三分法構圖創(chuàng)造了類似斐波那契數(shù)列(黃金比例)那種不對稱的美，產生了更有吸引力的構圖。
二、視覺引導線
你希望用戶關注哪些地方？高級設計師非常擅長引導用戶的視覺焦點，這種引導可以通過可見和不可見的引導線來完成。這些線條在構圖中也可以打造一種動感，也能為畫面增添視覺沖擊力。
達到這種效果通常用特定的形狀和線條，或者是它們的組合形成難以察覺的引導線來實現(xiàn)。利用透視、顏色、對比度和正負空間同樣可以幫助達到這種想要的效果。
從左到右的不易察覺的曲線將用戶的視線引導到頁面文字上
三、大小和比例
大?。╯cale）是設計中一個元素與另一個元素的相對大小。元素通過大小不同創(chuàng)建視覺層次，其中最大的元素首先會吸引用戶的注意力，因此看起來是最重要的。常規(guī)的設計策略就是將最重要的元素做成最大的，然后逐級遞減。
比例(Proportion)不同于大小，類似但有區(qū)別。比例原則是指一個整體設計中各部分的尺寸關系。設計中的元素可以有各種大小，但它們之間的大小差異，整體來看就是比例。
熟練地使用大小和比例是實現(xiàn)設計統(tǒng)一的關鍵。當一些元素的大小過大或過小，或者比例失調時，設計組合就會失去統(tǒng)一性。這種錯誤可能發(fā)生在排版和其他元素上。例如，標題與子標題和正文相比顯得過大。當設計元素失衡時，設計就會“感覺不平衡”。
大小和比例都沒做好時(左圖)，看起來處理的比較細致了，但依然沒有做到很好，在大小上正文和標題分不清(右圖)。
四、強調
強調原則用于使設計的某些元素突出(使用對比、接近、比例、留白等)或不突出，即弱化強調(例如在頁面底部有一個幾乎看不見的“小字”)。強調是層級之母，因為沒有強調就沒有層級。
與其他一些設計原則一樣，“強調”是用來引導人們關注設計，并強調需要重點關注的第一、第二和第三點。首頁面和電商轉化頁面在99%的情況下都使用這種原則。
使用這個原則，在購物網(wǎng)站上強調了標語和產品，轉化效果非常好
五、統(tǒng)一性
統(tǒng)一是指設計元素如何很好地結合在一起，形成“視覺凝聚力”。它指的是設計中的連貫性，讓人們覺得所有部分都是一起的。每個元素都應該具有清晰的視覺關系，以幫助傳達清晰、簡潔的信息。整體性好的設計比整體性差的設計更有條理，質量也更高。
運用統(tǒng)一的配色，重復、平衡和對稱之類的原則將有助于在設計中形成一種和諧感，也就是一致性。設計中良好的一致性就好比歌曲中一首歌被和諧地唱出來，形成一個完美的整體。
一致的顏色、重復的圖案、平衡和對稱在蒂芙尼的網(wǎng)站上創(chuàng)造了一種統(tǒng)一的感覺。
六、接近原則
格式塔的接近原則讓設計師將同類型的相關元素進行分組。把它們分開得更遠，元素就顯得越不相關，它們之間的關系就會減弱。一般來說，人們會認為遠離的元素是不相關的。
不應該讓用戶在設計中分辨哪些元素是相互關聯(lián)的，正如美國郵政服務的例子所顯示的那樣，缺乏對鄰近性的關注會導致直接的認知緊張，損害用戶體驗。
接近原則沒做好的案例。由于字段標簽離它們下面的字段更近，人們可能會搞混
下面是一個鄰近性原則做的好的案例，我們可以看到相關元素是如何通過鄰近性關聯(lián)起來的(分組的元素用紫色表示)。
一個把接近原則用好的網(wǎng)頁設計案例
七、一致性
一致性原則使數(shù)字產品的使用更加可預測，符合用戶的期望。設計中的一致性可以培養(yǎng)熟悉度，它可以提高用戶體驗、可用性和用戶使用效率。另一方面，不一致的設計將產生更多的認知負荷/腦力勞動，并導致困惑和挫折。這就相當于在用戶的路徑上設置障礙。讓用戶的心流嘎然而止!
做好一致性可以增強“審美凝聚力”?！拔覀兌贾溃斘覀兪褂脩脮r，應用的導航位置如果經常變化，或者像“加入購物車”這樣的主按鈕在不同屏幕上從紅色變成綠色，這是多么令人沮喪。
除了視覺一致性和易用性，品牌一致性在產品設計中也發(fā)揮著重要作用。如果沒有一致的元素呈現(xiàn)，如排版、配色和圖案，高質量的品牌體驗將無法傳遞。
在用戶體驗方面，一致性意味著在設計中使用相似的UI元素來完成相似的任務，即在整個產品中擁有相似的功能和行為。因為可用性是一種評估用戶界面易用性的質量屬性，所以一致性對用戶體驗的可用性有很大的貢獻。
一致性是通過使用相同的配色、排版、間距、模式和交互來實現(xiàn)的。
八、顏色
顏色在設計中是非常重要，幾乎是設計中最具影響力的創(chuàng)意元素。一個深思熟慮的配色可以讓一個設計從普通到驚艷，而一個平庸的配色會降低用戶的體驗，甚至阻礙他們使用產品的能力。
明亮、豐富的顏色比柔和的顏色更引人注目，因此有更大的視覺沖擊。柔和的顏色可以提供一個令人愉快的，微妙的配色方案，但適當?shù)膶Ρ缺仨氁?，特別是文字，必須保證可讀性。
顏色甚至可以用于呈現(xiàn)UI中的結構感并指向可用的交互，但為設計制作一個配色方案并不是一項簡單的任務。除了品牌化，還必須非常小心地創(chuàng)造顏色的和諧和耐用性，使得它能在各個場景下都能正常使用。
色彩心理學也不容忽視。色彩承載著意義和情感，可以向人的潛意識傳遞信息。在品牌方面，人們對顏色做了大量的心理學研究，因為在人們與品牌進行任何互動之前，顏色會讓他們產生一種本能的反應。例如，藍色通常被認為是可靠的、安全的和平靜的，想想銀行；而紅色是刺激的，被認為是增加人們的心率，想想飲料包裝。
一個極簡主義的暗色主題設計傳達了一個特定的品牌氣質，并使用了少量的顏色。
九、排版
排版在設計中扮演著非常重要的角色，它的重要性再怎么強調都不為過。在構圖中，字體樣式對人們感知設計的影響比任何其他元素都大，可能除了顏色。
因為我們的大腦以閃電般的速度運轉，一個字體會對一個設計產生影響，以至于它可能在不到一眨眼的時間內改變用戶的印象。與顏色一樣，字體甚至會影響我們的情緒，資深設計師可以通過字體傳達情緒和風格。通過選擇合適的字體，我們可以傳達出穩(wěn)定、優(yōu)雅、舒適、可靠、有力等信息。
排版層次結構可以快速建立視覺層次結構，并且通常在其中扮演重要角色。因此，在設計中經常使用不同的字體和字體大小來表示層次結構，例如標題、副標題、正文和引用。
“除了確保文本清晰易讀，排版可以幫助你理清信息層次，傳達重要內容，并表達你的品牌?！?——蘋果的人機界面指南
蘭博基尼的網(wǎng)站巧妙地使用了排版風格和比例來賦予其設計力量。
十、負空間(又名留白)
Claude Debussy 曾說過，“音樂是音符之間的空間“。同樣的觀點也適用于設計，元素之間的負空間給予設計強調、平衡和統(tǒng)一。
元素周圍適當?shù)呢摽臻g將焦點集中在元素本身。它強調了內容，并提供了必要的喘息空間，以確保布局不顯得雜亂。沒有了呼吸空間，人腦就不太可能掃描興趣點，更容易感到困惑。
蘋果官網(wǎng)提供了一個利用負空間創(chuàng)造強烈焦點的杰出例子。
最后
人們已經開始期待所有平臺和設備上的優(yōu)化、無阻礙的用戶體驗。理解設計原則及其交互方式對所有設計師來說都是至關重要的。使用專業(yè)技能設計它們是創(chuàng)造具有視覺吸引力的功能性設計的關鍵。我們不要忘記，美學的完整性會嚴重影響用戶體驗。
基于原則的設計是設計師在感覺有點迷失或用盡創(chuàng)意時可以依賴的黃金標準方法。在沒有理解和實現(xiàn)設計原則的情況下，也可能實現(xiàn)可接受的設計。然而，這可能需要大量的嘗試和錯誤才能創(chuàng)造出看起來不錯的內容，并創(chuàng)造出最佳的用戶體驗。
產品的美學質量與它的實用性密不可分，因為我們每天使用的產品影響著我們和我們的幸福?！钡挥芯闹谱鞯奈锲凡艜利?。— Dieter Rams(迪特爾·拉姆斯)
當我們不關注由設計原則驅動的設計質量時，我們可能會忽視品牌質量及其所代表的一切。當某些東西設計不好時，品牌就會受到傷害，產品也會受到影響。這就是為什么偉大的設計師在他們的工作中極其嚴謹， 他們知道“你永遠不會有第二次機會給人留下良好的第一印象?！?/strong>
設計的細節(jié)成就了設計本身。—— 查爾斯 伊姆斯（Charles Eames）
原文：https://uxdesign.cc/design-principles-why-a-design-works-a572c5d2d92d
作者：Miklos Philip
譯者：彩云Sky
本文翻譯已獲得作者的正式授權（授權截圖如下）
轉載請注明：學UI網(wǎng)》超全面的設計底層理論，優(yōu)秀設計背后離不開這些（下）
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。
藍藍設計( www.bouu.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網(wǎng)站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司