有時(shí)候我們看到一些作品，并沒有什么太高的“技術(shù)含量”，就是那么的簡(jiǎn)簡(jiǎn)單單，清清爽爽，但是卻那么的順眼。看起來很簡(jiǎn)單，沒有什么技術(shù)含量，但是自己模仿它一做，會(huì)發(fā)現(xiàn)很難做出人家的那種韻律。
那是因?yàn)槲覀儾⒉欢娜思夷强此坪?jiǎn)單的排版后面所蘊(yùn)藏的細(xì)節(jié)，只是單純的覺得這個(gè)很好看，很順眼。
幾乎所有的設(shè)計(jì)排版中，都是運(yùn)用了版式四大原則，當(dāng)我們了解了這四大原則之后，我們就能窺破這背后隱藏的細(xì)節(jié)。什么是四大原則？它就是親密、對(duì)齊、重復(fù)、對(duì)比。下面分別解釋一下四大基本原則的內(nèi)容。
1：親密
在設(shè)計(jì)中，物理位置的接近，意味著存在關(guān)聯(lián)。
比如說一對(duì)情侶走在街上，如果兩個(gè)人不走在一塊，距離比較遠(yuǎn)，那么看到他們的人就很難想到他們是情侶，相反如果兩個(gè)人手拉手走在一起，看到他們的人就會(huì)認(rèn)為他們是情侶。
親密是實(shí)現(xiàn)視覺邏輯化的第一步，在設(shè)計(jì)中我們需要將相關(guān)的部分組織在一起，關(guān)系越近的內(nèi)容，在視覺上就應(yīng)該越靠近，反之，關(guān)系越疏遠(yuǎn)的內(nèi)容，在視覺上就應(yīng)該越遠(yuǎn)離。這樣一來，有關(guān)系的部分將會(huì)被看成一個(gè)組合，而不是零散的個(gè)體，這樣也給讀者明確的提示，快速掌握頁面的內(nèi)容分布。
就像上圖的信息排列一樣，我們不知道這些信息是分開的還是都是一起的，這樣容易混淆獲取信息的內(nèi)容。
段與段之間有標(biāo)題的話，應(yīng)該注意標(biāo)題和上、下段之間的間距應(yīng)該有差別，因?yàn)闃?biāo)題和下一段是一個(gè)整體，和上一段的關(guān)系不大。這種親疏關(guān)系應(yīng)該在間距的大小間表現(xiàn)出來。
如果，一個(gè)版面中的標(biāo)題和正文就是獨(dú)立的兩個(gè)版塊，正文間的親密度應(yīng)該高于正文與標(biāo)題間的親密度。所以，標(biāo)題和正文間應(yīng)該有明顯的區(qū)分，當(dāng)然這個(gè)區(qū)分的方式各種各樣。
再比如像上圖，如果這是一個(gè)簡(jiǎn)單的工作人員公示欄，圓形代表照片，橫條代表文字信息，你覺得那個(gè)比較好看？很顯然圓形和橫條距離近的好看，因?yàn)榫嚯x遠(yuǎn)的，我們很難將文字信息和圖片信息聯(lián)系起來。而當(dāng)縮小它們之間的距離之后，原來底下的文字信息與照片信息很容易就聯(lián)系對(duì)應(yīng)起來了。
但是我們要注意的是親密性原則只針對(duì)于具有相關(guān)聯(lián)系的元素，不能亂用，否則會(huì)讓畫面看起來更加混淆。
2：對(duì)齊
任何元素都不能隨意擺放，素材之間要保持一定的視覺聯(lián)系，間距也有均衡的節(jié)奏。
這個(gè)原則比較好理解，任何設(shè)計(jì)元素都不能隨意擺放，對(duì)齊是為了讓畫面更加整齊，更加具有觀賞性，觀眾的目光會(huì)聚焦在對(duì)齊的位置，這也能更好的傳達(dá)信息內(nèi)容。對(duì)齊也分為左對(duì)齊、居中對(duì)齊、右對(duì)齊、左右對(duì)齊。
圖中的信息元素沒有對(duì)齊，顯得很雜亂，不美觀。
左對(duì)齊之后無形之中會(huì)覺得左邊有一條直線在起作用，目光就會(huì)聚集在這條無形的直線上。
同理居中對(duì)齊也是一樣，讓內(nèi)容集中在畫面中間，從上到下一目了然，整體排版更加有序。
3：重復(fù)
設(shè)計(jì)的某些方面需要在整個(gè)作品中重復(fù)，這是一種統(tǒng)一設(shè)計(jì)各個(gè)部分的有意識(shí)的行為。
重復(fù)是指在頁面設(shè)計(jì)中一些基礎(chǔ)元素的運(yùn)用上可以重復(fù)使用，包括顏色、形狀、材質(zhì)、空間關(guān)系、線寬、字體、大小和圖片以及一些幾何元素等等，使內(nèi)容更加統(tǒng)一，也為了讓畫面看起來更加美觀。比如使用一些整齊排列的色塊，相同的段落格式或者是相同的形狀等。這樣都可以增加畫面的條理性和整體性。
格式不統(tǒng)一，會(huì)導(dǎo)致畫面的不平衡。使用統(tǒng)一的格式使得的畫面更加連續(xù)，美觀，精致。
再比如將不一致的元素統(tǒng)一，修改過后是不是覺得更加順眼了。
4：對(duì)比
字體、顏色、大小、線條、形狀，虛實(shí)等等都會(huì)產(chǎn)生對(duì)比，增強(qiáng)頁面效果。
當(dāng)我們的畫面中滿足親密、對(duì)齊和重復(fù)，在保證版面干凈、整齊的同時(shí)，也會(huì)給讀者帶來枯燥、乏味的感覺。所以，我們需要最后一個(gè)效果——對(duì)比。
正所謂沒有對(duì)比就沒有傷害，只有通過對(duì)比，才能突出一些元素的特點(diǎn)性質(zhì)，吸引觀眾的目光，區(qū)分信息的層級(jí)。
我們可以通過把需要強(qiáng)調(diào)的部分進(jìn)行加粗、調(diào)大、改顏色、增加背景色、加刪除線、下劃線、傾斜或是做一些藝術(shù)化處理等等方式，來使得需要強(qiáng)調(diào)的部分迅速的從大量?jī)?nèi)容中跳脫出來。對(duì)比的附加作用是有效增強(qiáng)視覺效果，打破平淡，吸引讀者注意。
需要注意的是，要么不使用對(duì)比，要對(duì)比就一定要明顯，否則，兩個(gè)元素過于相近，就會(huì)導(dǎo)致混亂，因?yàn)樽x者會(huì)誤會(huì)，不知道你是故意的，還是不小心搞錯(cuò)了。
如果上面幾圖中的長(zhǎng)方形塊表示一句話，那么這個(gè)排版中間有間隔，信息少，文字的大小也一樣，無法區(qū)分文字層級(jí)。但是如果通過顏色對(duì)比，添加線條，大小對(duì)比等手法之后，受眾就能快速的區(qū)分文字的層級(jí)。
解釋完四大原則之后，觀看下列案例，嘗試分析頁面排版。
比如上圖，運(yùn)用了色塊（重復(fù)和對(duì)比），字體左對(duì)齊（對(duì)齊）。
大家可以嘗試自己分析分析下面的海報(bào)。
案例圖來源于網(wǎng)上
聯(lián)系客服
