設計四大基本原則透析
要想成為一個優秀的設計師，就必須要知道設計的四大基本原則是什麼？
設計的四大原則是：親密性、對齊、重複、對比
一、親密性（Proximity）
將相關的項組織在一起，移動這些項，使他們的物理位置相互靠近，這樣一來，相關的項將被看作凝聚為一體的一個組，而不再是一堆彼此無關的元素。
如果資訊之間關聯性越高，它們之間的距離就應該越接近，也越像一個視覺單元；反之，則它們的距離就應該越遠，也越像多個視覺單元。親密性的根本目的是實現組織性，讓使用者對頁面結構和資訊層次一目瞭然。
1、縱向間距關係
通過『小號間距』、『中號間距』、『大號間距』這三種規格來劃分資訊層次。
這三種規格分別為：20px（小號間距）、24px（中號間距）、32px（大號間距）
在這三種規格不適用的情況下，可以通過加減『基礎間距』的倍數，或者增加元素來拉開資訊層次。
公式：Y=4+4 x n。其中，n>=0，y 是縱向間距，4 是『基礎間距』
2、橫向間距關係
為了適用不同尺寸的螢幕，在橫向採用柵格佈局來排布元件，從而保證佈局的靈活性。
在一個元件內部，元素的橫向間距也應該有所不同。
二、對齊（Alignment）
任何元素都不能在頁面上隨意安放。每一項都應當與頁面上的某個內容存在某種聯絡。如果頁面上的一些項是對齊的，會得到一個更內聚的單元，它們之間會有一條看不見的線把彼此連在一起。
正如『格式塔學派』中的連續律（Law of Continuity）所描述的，在知覺過程中人們往往傾向於使知覺物件的直線繼續成為直線，使曲線繼續成為曲線。在介面設計中，將元素進行對齊，既符合使用者的認知特性，也能引導視覺流向，讓使用者更流暢地接收資訊。
1、文案類對齊
如果頁面的欄位或段落較短、較散時，需要確定一個統一的視覺起點。
正確示例：
標題和正文左對齊，使用了一個視覺起點。
錯誤示例：
標題和正文使用了兩個視覺起點，不推薦該種對齊方式，除非刻意強調兩者區別。
2、表單類對齊
冒號對齊（右對齊）能讓內容鎖定在一定範圍內，讓使用者眼球順著冒號的視覺流，就能找到所有填寫項，從而提高填寫效率。
3、數字類對齊
為了快速對比數值大小，建議所有數值取相同有效位數，並且右對齊。
三、重複（Repetition）
設計的某些方面需要在整個作品中重複。重複元素可能是一種粗字型、一條粗線、某個專案符號、顏色、設計要素、某種格式、空間關係等。可以把重複認為是“一致性”。
重複元素可以是一條粗線、一種線框，某種相同的顏色、設計要素、設計風格，某種格式、空間關係等。
重複元素：
1.粗字型
2.細字型
3.方塊專案符號
4.縮排
5.間隔
6.對齊
線框重複示例：
文案格式重複示例：
設計要素重複示例：
卡片樣式重複示例：
相同的元素在整個介面中不斷重複，不僅可以有效降低使用者的學習成本，也可以幫助使用者識別出這些元素之間的關聯性。
四、對比（Contrast）
頁面上的不同元素之間要有對比，達到吸引讀者的效果。如果兩個項不完全相同，那就應當使之不同，而且應當是截然不同。對比不僅可以用來吸引眼球，還可以組織資訊、清晰層級、在頁面上指引讀者，並且製造焦點。可以採用多種方式產生對比，如字型大小對比、字型粗細對比、冷暖色對比等等
對比是增加視覺效果最有效方法之一，同時也能在不同元素之間建立一種有組織的層次結構，讓使用者快速識別關鍵資訊。
注：要實現有效的對比，對比就必須強烈，切不可畏畏縮縮。
1、主次關係對比
為了讓使用者能在操作上（類似表單、彈出框等場景）快速做出判斷， 來突出其中一項相對更重要或者更高頻的操作。
注意：突出的方法，不侷限於強化重點項，也可以是弱化其他項。
在一些需要使用者慎重決策的場景中，系統應該保持中立，不能替使用者或者誘導使用者做出判斷。
2、總分關係對比
通過調整排版、字型、大小等方式來突出層次感，區分總分關係，使得頁面更具張力和節奏感。
3、狀態關係對比
通過改變顏色、增加輔助形狀等方法來實現狀態關係的對比，以便使用者更好的區分資訊。
常見型別有『靜態對比』、『動態對比』。
總結
親密性：如果項彼此相關，就把它們分在一個組，建立更近的親密性。這有助於組織資訊、減少混亂、為讀者提供清晰的內容結構。
對齊：頁面上的任何東西都不能隨意安放，每個元素都應當與頁面上的另一個元素有某種視覺聯絡。這樣能建立一種清晰、精巧而且清爽的外觀。
重複：讓設計中的視覺要素在整個作品中重複出現。可以重複顏色、形狀、材質、空間關係、線寬、字型、大小、圖片等等。這樣既能增加條理性，還可以加強統一性。
對比：要避免頁面上的元素太過相似，如果元素不相同，那就乾脆讓它們截然不同。對比能讓頁面引人注目，也更能使頁面內容結構清晰易讀。
在設計中，這四大原則不是獨立使用的，而且互相巢狀，你中有我，我中有你...
在打破規則之前，你必須清楚規則是什麼？
最後，有一個觀點那就是：做設計不要畏畏縮縮。