要想成為一個(gè)優(yōu)秀的設(shè)計(jì)師睡陪，就必須要知道設(shè)計(jì)的四大基本原則是什么据德？
設(shè)計(jì)的四大原則是：親密性、對(duì)齊毕谴、重復(fù)银舱、對(duì)比
一蝗羊、親密性（Proximity）
將相關(guān)的項(xiàng)組織在一起撮抓，移動(dòng)這些項(xiàng)，使他們的物理位置相互靠近七芭，這樣一來(lái)阅酪，相關(guān)的項(xiàng)將被看作凝聚為一體的一個(gè)組，而不再是一堆彼此無(wú)關(guān)的元素。
如果信息之間關(guān)聯(lián)性越高，它們之間的距離就應(yīng)該越接近坑填，也越像一個(gè)視覺(jué)單元；反之，則它們的距離就應(yīng)該越遠(yuǎn)莱没，也越像多個(gè)視覺(jué)單元。親密性的根本目的是實(shí)現(xiàn)組織性，讓用戶對(duì)頁(yè)面結(jié)構(gòu)和信息層次一目了然。
1袜刷、縱向間距關(guān)系
通過(guò)『小號(hào)間距』轻局、『中號(hào)間距』洪鸭、『大號(hào)間距』這三種規(guī)格來(lái)劃分信息層次样刷。
這三種規(guī)格分別為：20px（小號(hào)間距）、24px（中號(hào)間距）卿嘲、32px（大號(hào)間距）
在這三種規(guī)格不適用的情況下颂斜，可以通過(guò)加減『基礎(chǔ)間距』的倍數(shù)，或者增加元素來(lái)拉開(kāi)信息層次拾枣。
公式：Y=4+4 x n沃疮。其中，n>=0梅肤，y 是縱向間距司蔬，4 是『基礎(chǔ)間距』
2、橫向間距關(guān)系
為了適用不同尺寸的屏幕姨蝴，在橫向采用柵格布局來(lái)排布組件俊啼，從而保證布局的靈活性。
在一個(gè)組件內(nèi)部左医，元素的橫向間距也應(yīng)該有所不同授帕。
二、對(duì)齊（Alignment）
任何元素都不能在頁(yè)面上隨意安放浮梢。每一項(xiàng)都應(yīng)當(dāng)與頁(yè)面上的某個(gè)內(nèi)容存在某種聯(lián)系跛十。如果頁(yè)面上的一些項(xiàng)是對(duì)齊的，會(huì)得到一個(gè)更內(nèi)聚的單元秕硝，它們之間會(huì)有一條看不見(jiàn)的線把彼此連在一起芥映。
正如『格式塔學(xué)派』中的連續(xù)律（Law of Continuity）所描述的，在知覺(jué)過(guò)程中人們往往傾向于使知覺(jué)對(duì)象的直線繼續(xù)成為直線远豺，使曲線繼續(xù)成為曲線奈偏。在界面設(shè)計(jì)中，將元素進(jìn)行對(duì)齊躯护，既符合用戶的認(rèn)知特性惊来，也能引導(dǎo)視覺(jué)流向，讓用戶更流暢地接收信息榛做。
1唁盏、文案類對(duì)齊
如果頁(yè)面的字段或段落較短、較散時(shí)检眯，需要確定一個(gè)統(tǒng)一的視覺(jué)起點(diǎn)厘擂。
正確示例：
標(biāo)題和正文左對(duì)齊，使用了一個(gè)視覺(jué)起點(diǎn)锰瘸。
錯(cuò)誤示例：
標(biāo)題和正文使用了兩個(gè)視覺(jué)起點(diǎn)刽严，不推薦該種對(duì)齊方式，除非刻意強(qiáng)調(diào)兩者區(qū)別。
2舞萄、表單類對(duì)齊
冒號(hào)對(duì)齊（右對(duì)齊）能讓內(nèi)容鎖定在一定范圍內(nèi)眨补，讓用戶眼球順著冒號(hào)的視覺(jué)流，就能找到所有填寫項(xiàng)倒脓，從而提高填寫效率撑螺。
3、數(shù)字類對(duì)齊
為了快速對(duì)比數(shù)值大小崎弃，建議所有數(shù)值取相同有效位數(shù)甘晤，并且右對(duì)齊。
三饲做、重復(fù)（Repetition）
設(shè)計(jì)的某些方面需要在整個(gè)作品中重復(fù)线婚。重復(fù)元素可能是一種粗字體、一條粗線盆均、某個(gè)項(xiàng)目符號(hào)塞弊、顏色、設(shè)計(jì)要素泪姨、某種格式游沿、空間關(guān)系等“估可以把重復(fù)認(rèn)為是“一致性”奏候。
重復(fù)元素可以是一條粗線、一種線框唇敞，某種相同的顏色、設(shè)計(jì)要素咒彤、設(shè)計(jì)風(fēng)格疆柔，某種格式、空間關(guān)系等镶柱。
重復(fù)元素：
1.粗字體
2.細(xì)字體
3.方塊項(xiàng)目符號(hào)
4.縮進(jìn)
5.間隔
6.對(duì)齊
線框重復(fù)示例：
文案格式重復(fù)示例：
設(shè)計(jì)要素重復(fù)示例：
卡片樣式重復(fù)示例：
相同的元素在整個(gè)界面中不斷重復(fù)旷档，不僅可以有效降低用戶的學(xué)習(xí)成本，也可以幫助用戶識(shí)別出這些元素之間的關(guān)聯(lián)性歇拆。
四鞋屈、對(duì)比（Contrast）
頁(yè)面上的不同元素之間要有對(duì)比，達(dá)到吸引讀者的效果故觅。如果兩個(gè)項(xiàng)不完全相同厂庇，那就應(yīng)當(dāng)使之不同，而且應(yīng)當(dāng)是截然不同输吏。對(duì)比不僅可以用來(lái)吸引眼球权旷，還可以組織信息、清晰層級(jí)贯溅、在頁(yè)面上指引讀者拄氯，并且制造焦點(diǎn)躲查。可以采用多種方式產(chǎn)生對(duì)比译柏，如字體大小對(duì)比镣煮、字體粗細(xì)對(duì)比、冷暖色對(duì)比等等
對(duì)比是增加視覺(jué)效果最有效方法之一鄙麦，同時(shí)也能在不同元素之間建立一種有組織的層次結(jié)構(gòu)典唇，讓用戶快速識(shí)別關(guān)鍵信息。
注：要實(shí)現(xiàn)有效的對(duì)比黔衡，對(duì)比就必須強(qiáng)烈蚓聘，切不可畏畏縮縮。
1盟劫、主次關(guān)系對(duì)比
為了讓用戶能在操作上（類似表單夜牡、彈出框等場(chǎng)景）快速做出判斷， 來(lái)突出其中一項(xiàng)相對(duì)更重要或者更高頻的操作侣签。
注意：突出的方法塘装，不局限于強(qiáng)化重點(diǎn)項(xiàng)，也可以是弱化其他項(xiàng)影所。
在一些需要用戶慎重決策的場(chǎng)景中蹦肴，系統(tǒng)應(yīng)該保持中立，不能替用戶或者誘導(dǎo)用戶做出判斷猴娩。
2阴幌、總分關(guān)系對(duì)比
通過(guò)調(diào)整排版、字體卷中、大小等方式來(lái)突出層次感矛双，區(qū)分總分關(guān)系，使得頁(yè)面更具張力和節(jié)奏感蟆豫。
3议忽、狀態(tài)關(guān)系對(duì)比
通過(guò)改變顏色、增加輔助形狀等方法來(lái)實(shí)現(xiàn)狀態(tài)關(guān)系的對(duì)比十减，以便用戶更好的區(qū)分信息栈幸。
常見(jiàn)類型有『靜態(tài)對(duì)比』、『動(dòng)態(tài)對(duì)比』帮辟。
總結(jié)
親密性：如果項(xiàng)彼此相關(guān)速址，就把它們分在一個(gè)組，建立更近的親密性织阅。這有助于組織信息壳繁、減少混亂、為讀者提供清晰的內(nèi)容結(jié)構(gòu)。
對(duì)齊：頁(yè)面上的任何東西都不能隨意安放闹炉，每個(gè)元素都應(yīng)當(dāng)與頁(yè)面上的另一個(gè)元素有某種視覺(jué)聯(lián)系蒿赢。這樣能建立一種清晰、精巧而且清爽的外觀渣触。
重復(fù)：讓設(shè)計(jì)中的視覺(jué)要素在整個(gè)作品中重復(fù)出現(xiàn)羡棵。可以重復(fù)顏色嗅钻、形狀皂冰、材質(zhì)、空間關(guān)系养篓、線寬秃流、字體、大小柳弄、圖片等等舶胀。這樣既能增加條理性，還可以加強(qiáng)統(tǒng)一性碧注。
對(duì)比：要避免頁(yè)面上的元素太過(guò)相似嚣伐，如果元素不相同，那就干脆讓它們截然不同萍丐。對(duì)比能讓頁(yè)面引人注目轩端，也更能使頁(yè)面內(nèi)容結(jié)構(gòu)清晰易讀。
在設(shè)計(jì)中逝变，這四大原則不是獨(dú)立使用的基茵，而且互相嵌套，你中有我壳影，我中有你...
在打破規(guī)則之前耿导，你必須清楚規(guī)則是什么？
最后态贤，有一個(gè)觀點(diǎn)讓我印象深刻：做設(shè)計(jì)不要畏畏縮縮。
