很多初學(xué)設(shè)計(jì)钢猛，或者設(shè)計(jì)基礎(chǔ)一般的朋友伙菜，面對(duì)諸多元素不知道該如何排版，并且有的朋友會(huì)任何一處空白都不忍放過(guò)命迈。其實(shí)排版也是有門道的贩绕，大體來(lái)說(shuō)有四大法則：親密性原則火的、對(duì)比、重復(fù)淑倾、對(duì)齊卫玖，只要熟練掌握了這四大法則，排版基本是就不會(huì)出問(wèn)題了踊淳。如果有條件的朋友（其實(shí)大家都有條件假瞬，這本書不貴，不行就找我要電子版）可以買《寫給大家看的設(shè)計(jì)書》迂尝。本文章就是參考的該書脱茉。好了廢話不多說(shuō)了，直接來(lái)把垄开！

親密性

親密性原則就是將相關(guān)的項(xiàng)目組織在一起琴许，將不相關(guān)的項(xiàng)目分開(kāi)。簡(jiǎn)單來(lái)說(shuō)就是將同一類元素距離近一些溉躲，緊密親切一些榜田。不是同一類的離得遠(yuǎn)遠(yuǎn)的。

舉一個(gè)簡(jiǎn)單的栗子??：

這個(gè)栗子好吃不锻梳？

仔細(xì)看箭券，左圖就是沒(méi)有利用親密性原則，而是盡可能的把他們都羅列在一起疑枯。這樣的結(jié)果會(huì)讓人很難高效的找到自己想吃的辩块，用戶體驗(yàn)不友好。而右圖就只是把四個(gè)湯往下放了放荆永，湯和飯就可以明顯的區(qū)分出來(lái)了废亭。當(dāng)然這里還用了對(duì)齊的原則，下一篇文章在講具钥。

我們來(lái)看看下面的這張又問(wèn)題的名片豆村，這是一個(gè)很典型的布局，很多人一般都會(huì)這樣的布局骂删，把四個(gè)邊都填滿掌动，放上自己喜歡的東西，可是這樣你會(huì)讀起來(lái)很費(fèi)力桃漾，眼睛需要轉(zhuǎn)動(dòng)好幾圈才能讀完所有信息并處理坏匪。

這是一張帥氣但是有問(wèn)題的名片

那如果多個(gè)信息之間存在某種關(guān)聯(lián)拟逮，那他們就可以被放在一起撬统。當(dāng)然如果兩個(gè)元素距離很近，就很容易把他們當(dāng)成一個(gè)視覺(jué)單元敦迄，就像實(shí)際生活中一樣：兩個(gè)人總是走在一起恋追，這倆人絕對(duì)有貓膩凭迹。親密性（即緊密性）意味著存在關(guān)聯(lián)。
來(lái)讓我們一起來(lái)看看名片中有哪些可以歸納在一起：其實(shí)這張名片共兩大分類苦囱，一類是個(gè)人信息嗅绸，也就是電話地址微信這三個(gè)都是指的十里先生的個(gè)人信息。另一類是十里先生的名稱和稱謂撕彤，這可以歸為一類鱼鸠。好，根據(jù)這個(gè)我們來(lái)進(jìn)行一下排版羹铅。

這張才是真正迷人的名片

是不是讀起來(lái)很容易了蚀狰，也很容易被理解。僅僅只是簡(jiǎn)單的利用了這樣的概念职员，這個(gè)名片不論從理論上還是從視覺(jué)上都很有條理麻蹋。它還能準(zhǔn)確的傳達(dá)信息。

親密性的使用很微妙焊切，不過(guò)相當(dāng)重要扮授。布局的時(shí)候一定明確元素和其他元素是否在一起，留意無(wú)關(guān)元素专肪。但是親密性原則并不是說(shuō)所有的一切的都要更靠近刹勃，比如上面的名片，也是先理解他們的性質(zhì)是什么樣的嚎尤，同一性質(zhì)的聯(lián)系在一起深夯，不同的就要區(qū)分。也就是說(shuō)如果兩個(gè)元素诺苹，在理解上存在關(guān)聯(lián)或者兩者之間存在某種聯(lián)系咕晋，那就應(yīng)該在一起，反之滾遠(yuǎn)點(diǎn)收奔。（這是第二次強(qiáng)調(diào)）

但我們來(lái)看看掌呜，在下面的這個(gè)栗子中，從左圖里坪哄，你能準(zhǔn)確的得知活動(dòng)涉及的主要知識(shí)嗎质蕉？

這個(gè)栗子很脆

我們?cè)诳纯从覉D，我們一眼就能看到上面羅列了幾個(gè)知識(shí)點(diǎn)翩肌，因?yàn)槊恳粋€(gè)知識(shí)點(diǎn)都拉開(kāi)了一定的距離模暗，雖然六個(gè)都是知識(shí)要點(diǎn)，但是每一個(gè)都個(gè)頂個(gè)的湊在一起也會(huì)影響閱讀念祭，所以靠的近并不是合體兑宇，就像是戀愛(ài)一樣，兩個(gè)人戀愛(ài)了當(dāng)然是要靠近一些了粱坤，但是彼此也應(yīng)該給對(duì)方留有一些空間隶糕，這樣才是正確的相處關(guān)系瓷产，彼此才不會(huì)因?yàn)榫嚯x過(guò)近產(chǎn)生厭煩，也不會(huì)因?yàn)闆](méi)有距離而感到壓抑枚驻。（當(dāng)然右圖我還運(yùn)用了對(duì)比原則濒旦，也是后面的文章會(huì)講給大家的）

最后再舉一個(gè)栗子本章就結(jié)束了，還是以菜單為栗再登，這次升級(jí)了

是不是讀起來(lái)賊費(fèi)勁

上述問(wèn)題就不多闡述了尔邓，讓我們利用親密性原則給他升級(jí)一下：

這個(gè)栗子半熟

依舊是不同對(duì)類別進(jìn)行了簡(jiǎn)單對(duì)區(qū)分，效果就立竿見(jiàn)影了锉矢。但是價(jià)格信息還是很亂铃拇，雖然價(jià)格理論上是對(duì)齊了，跟著菜名沈撞，但是視覺(jué)上慷荔，所有的價(jià)格完全沒(méi)有親密關(guān)系，這樣我們?cè)谏?jí)一下：

這個(gè)栗子可以吃了

我們把價(jià)格全部右對(duì)齊缠俺，同時(shí)在增加一些點(diǎn)显晶，讓價(jià)格和菜名連接起來(lái)方便閱讀。這樣看是不是就好多了壹士，其實(shí)市面上大多數(shù)的菜單都已經(jīng)做到這點(diǎn)了磷雇，我們只是以這個(gè)作為栗子來(lái)學(xué)習(xí)親密性原則。凡是所有需要排版的設(shè)計(jì)躏救，包括平面唯笙、app、web等等的一切都要熟練運(yùn)用這四大原則盒使，這樣我們的設(shè)計(jì)才是一個(gè)合格沒(méi)有閱讀障礙甚至看上去顏值頗高的作品崩掘。

好了今天初十，小編也是一個(gè)人留守空房寫文章少办，希望大家能多多支持（甚至我還拿談對(duì)象為栗子苞慢，哎）