來看看下面這張名片的信息布局，在這樣一個(gè)小的空間里你看到多少個(gè)獨(dú)立的元素？你的眼睛要停下來多少次才能看全這張名片上的所以信息？你的眼睛是不是停過5次？這張小小的名片上放置了5個(gè)獨(dú)立的內(nèi)容。你可能是從中間開始閱讀的，因?yàn)橹虚g的短句字體最粗最大。接下來你是不是依次往下從左到右閱讀？如果已經(jīng)讀到名片的最后（右下角），你的目光是不是還會(huì)全盤再巡視一遍，確保自己沒有遺漏任何角落？

 

                                       調(diào)整前

 

如果按照親密性原則，把這張名片的布局做一下調(diào)整，把相關(guān)聯(lián)的元素分在一組，使它們建立更近的親密性關(guān)系。調(diào)整之后這張名片不論從理解上還是從視覺上都很有條理，這樣一來，也能更清楚地表達(dá)信息。

 

                                       調(diào)整后

 

 

 

再來看下面這個(gè)栗子，第1張圖里的123數(shù)字項(xiàng)跟其后面的內(nèi)容沒有任何關(guān)聯(lián)，數(shù)字看起來就像是一個(gè)單獨(dú)的元素。第2張圖當(dāng)數(shù)字和其后面的信息靠的更近時(shí)，就能很直觀的看出來它們之間的關(guān)系了。

 

 

親密性原則并不是說所有的一切都要更靠近，真正的含義是：如果某些元素在理解上存在關(guān)聯(lián)，或者相互之間存在某種關(guān)系，那么這些元素在視覺上也應(yīng)當(dāng)有所關(guān)聯(lián)，除此之外，其他孤立的元素或元素組則不應(yīng)該存在親密性。位置是否靠近可以體現(xiàn)出元素之間是否存在關(guān)系。

 

 

 

 

 

圖1圖2文本項(xiàng)都進(jìn)行了分組，有合理的親密性，文本本身居中對(duì)齊，并在頁面上居中展示。盡管這是一種合理的對(duì)齊方式，但邊界是“軟”的；實(shí)在看不出來那條“對(duì)齊線”的強(qiáng)度。圖3文本右對(duì)齊，盡管這是一條看不見的線，但它很明確，連接了這兩組文本的邊界，正是這個(gè)邊界的強(qiáng)度為布局提供了力度。

 

 

 

下面是兩張報(bào)告封面，圖1居中對(duì)齊，居中對(duì)齊會(huì)創(chuàng)建一種更正式、更穩(wěn)重的外觀，這種外觀顯得中規(guī)中矩，但通常也很乏味，可閱讀性較差。圖2利用明確的左對(duì)齊，可閱讀性變強(qiáng)，還能給人留下更精美的印象，那條看不見的線提供了強(qiáng)有力的對(duì)齊基準(zhǔn)，可以將上下兩部分的文本內(nèi)容連在一起。

 

 

 

頁面上放其他項(xiàng)時(shí)，一定要確保每一項(xiàng)都與頁面上的其他項(xiàng)存在某種對(duì)齊。如果文本行水平擺放，則按其基準(zhǔn)線對(duì)齊。如果有多個(gè)單獨(dú)的文本塊，則對(duì)齊其左邊界或右邊界。如果有圖片元素，將其邊界與頁面的其他邊界對(duì)齊，絕對(duì)不要在頁面上隨意擺放元素。

 

 

 

 

 

 

下面圖片中圖1中有些人是同一隊(duì)的，但從圖片上我們無法看出。圖2中他們衣服的重復(fù)性讓我們馬上就能看出來這些人屬于同一個(gè)組織。

 

 

 

重復(fù)有助于組織信息，可以幫助讀者瀏覽信息和各個(gè)頁面的內(nèi)容，也有利于將設(shè)計(jì)中單獨(dú)的部分統(tǒng)一起來。

 

下圖中重復(fù)的元素有 粗體字、細(xì)字體、方塊項(xiàng)目符號(hào)、縮進(jìn)、間隔、對(duì)齊等

 

 

 

 

 

 

下面圖1是兩個(gè)人嗎？還是應(yīng)該看作是同一個(gè)人？圖2如果他們是不同的，那就讓他們看起來截然不同。

 

 

 

如果兩個(gè)元素雖然不同，但是區(qū)別不大，那么這個(gè)時(shí)候就不是對(duì)比了，而是沖突。下面兩張簡(jiǎn)報(bào)的圖片，圖2增加了頁面上一些元素的對(duì)比，字體大小對(duì)比、字體粗細(xì)對(duì)比等。使頁面變得簡(jiǎn)潔明快，內(nèi)容一目了然。

 

 

 

下面這兩張宣傳單，圖2較圖1增加了標(biāo)題文字大小對(duì)比、小標(biāo)題與內(nèi)容增加了字體大小粗細(xì)對(duì)比，整個(gè)背景與內(nèi)容也增強(qiáng)了對(duì)比。幾處調(diào)整讓宣傳單內(nèi)容更明確，也更具吸引眼球。

 

 

 

 

親密性：如果項(xiàng)彼此相關(guān)，就把它們分在一個(gè)組，建立更近的親密性。這有助于組織信息、減少混亂、為讀者提供清晰的內(nèi)容結(jié)構(gòu)。

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

重復(fù)：讓設(shè)計(jì)中的視覺要素在整個(gè)作品中重復(fù)出現(xiàn)?？梢灾貜?fù)顏色、形狀、材質(zhì)、空間關(guān)系、線寬、字體、大小、圖片等等。

           這樣既能增加條理性，還可以加強(qiáng)統(tǒng)一性。

對(duì)比：要避免頁面上的元素太過相似，如果元素不相同，那就干脆讓它們截然不同。對(duì)比能讓頁面引人注目，也更能使頁面內(nèi)容結(jié)構(gòu)清晰易讀。

 

 

 

有關(guān)設(shè)計(jì)（同時(shí)也是有關(guān)生活）的一個(gè)指導(dǎo)原則：不要畏畏縮縮

 

1.不要害怕在設(shè)計(jì)（或生活）中留有空白，這能讓你的眼睛（或心靈）稍作休息。

2.不要害怕設(shè)計(jì)是不對(duì)稱的，使用非居中的格式，不居中往往能使效果更強(qiáng)烈。

3.不要害怕把有些信息設(shè)置的非常大或非常小，不用擔(dān)心說話聲太大或者太小，只要是在合適的場(chǎng)景。

4.只要最后的結(jié)果能支持或強(qiáng)調(diào)你的設(shè)計(jì)或觀點(diǎn)，不要害怕讓圖片太大或太小。