在和一些小伙伴交流的過(guò)程中，發(fā)現(xiàn)他們好像對(duì)《寫(xiě)給大家看的設(shè)計(jì)書(shū)》中的排版四大原則沒(méi)有特別的熟練哦。哈哈，小伙伴還說(shuō)，書(shū)是看過(guò)，就是感覺(jué)用不上，如果是這樣的話(huà)，不知道是不是看書(shū)的時(shí)候左手拿書(shū)右手拿手機(jī)呢

信很多設(shè)計(jì)師看過(guò)《寫(xiě)給大家看的設(shè)計(jì)書(shū)》這本書(shū)，里面的親密性、對(duì)齊、重復(fù)、對(duì)比四大原則在平時(shí)的設(shè)計(jì)中的運(yùn)用非常廣。無(wú)論是交互、UI還是產(chǎn)品經(jīng)理崗位，四大原則都是非常受用，它可以讓你稿子顯得更專(zhuān)業(yè)，做出來(lái)的設(shè)計(jì)稿也更加美觀。還有說(shuō)懂四大原則卻用不上的設(shè)計(jì)師，其實(shí)是可能你沒(méi)有在實(shí)踐中好好的用它哦！本片文章教你如何使用四大法則。

| 什么是四大原則？

親密性（Proximity）

彼此相關(guān)的項(xiàng)應(yīng)該靠近，歸組在一起。如果過(guò)個(gè)項(xiàng)相互之間存在很近的親密性，它們就會(huì)成為一個(gè)視覺(jué)單元，而不是多個(gè)鼓勵(lì)的元素。這有助于組織信息，減少混亂，為讀者提供清晰的結(jié)構(gòu)。 

對(duì)比（Contrast）

避免頁(yè)面上的元素太過(guò)相似，如果元素（字體、顏色、大小、線(xiàn)寬、形狀、空間等）不相同，那就干脆讓他們截然不同。要讓頁(yè)面引人注目，對(duì)比通常是一個(gè)最重要的因素，正式它能夠使讀者首先看這個(gè)頁(yè)面。

對(duì)齊（Alignment）

任何東西都不能在頁(yè)面上隨意安放，每個(gè)元素都應(yīng)當(dāng)與頁(yè)面上的另一個(gè)元素有著某種視覺(jué)聯(lián)系。這樣能建立一種清晰、精巧而清爽的外觀。

重復(fù)（Repetition）

讓設(shè)計(jì)中的視覺(jué)要素在整個(gè)作品中重復(fù)出現(xiàn)?？梢灾貜?fù)顏色、形狀、材料、空間關(guān)系、現(xiàn)款、字體、大小和圖片等等。這樣以來(lái)，既能增加條理性，還可以加強(qiáng)統(tǒng)一性。

ps：四大原則的概念來(lái)自《寫(xiě)給大家看的設(shè)計(jì)書(shū)》

都說(shuō)道理誰(shuí)都懂，能做好才是硬道理。突然想到韓寒的一句話(huà)，聽(tīng)過(guò)很多大道理，依然過(guò)不好這一生。不知道你是否也有這種感覺(jué)。。。好了，廢話(huà)少說(shuō)，直接進(jìn)入如何在設(shè)計(jì)中使用這些法則的環(huán)節(jié)，讓你的產(chǎn)品呈現(xiàn)更好。下面將進(jìn)入實(shí)際案例講解階段。

| 四大原則如何使用？

以36krAPP界面為例講解四大原則的應(yīng)用，首先展示36kr的頁(yè)面，有色塊標(biāo)識(shí)的，則為后文重點(diǎn)講解的部分。

1. 親密性

2. 對(duì)比

3. 對(duì)齊

4. 重復(fù)

| 總結(jié)

四大原則親密性、對(duì)比、對(duì)齊、重復(fù)的應(yīng)用并不難，無(wú)非將界面中的一些元素根據(jù)某種規(guī)則擺放起來(lái)，這些規(guī)則并存并相互影響。四大原則是設(shè)計(jì)中最基礎(chǔ)的原則，掌握好這些基礎(chǔ)原則對(duì)界面的設(shè)計(jì)有良好的影響。

學(xué)習(xí)的方法就是當(dāng)你做設(shè)計(jì)時(shí)想起并運(yùn)用這些原則，熟悉了之后依靠條件反射就可以毫不費(fèi)勁的將這些原則運(yùn)用在你的設(shè)計(jì)中。

以上就是全文，聽(tīng)說(shuō)看過(guò)文章的人都進(jìn)步了，喜歡的話(huà)記得點(diǎn)贊哦~