电竞比分网-中国电竞赛事及体育赛事平台

分享

版式設(shè)計(jì)四大原則

 YAhTo_7 2019-03-01

有時(shí)候我們看到一些作品,并沒(méi)有什么太高的“技術(shù)含量”,就是那么的簡(jiǎn)簡(jiǎn)單單,清清爽爽,但是卻那么的順眼。看起來(lái)很簡(jiǎn)單,沒(méi)有什么技術(shù)含量,但是自己模仿它一做,會(huì)發(fā)現(xiàn)很難做出人家的那種韻律。


那是因?yàn)槲覀儾⒉欢娜思夷强此坪?jiǎn)單的排版后面所蘊(yùn)藏的細(xì)節(jié),只是單純的覺(jué)得這個(gè)很好看,很順眼。


幾乎所有的設(shè)計(jì)排版中,都是運(yùn)用了版式四大原則,當(dāng)我們了解了這四大原則之后,我們就能窺破這背后隱藏的細(xì)節(jié)。什么是四大原則?它就是親密、對(duì)齊、重復(fù)、對(duì)比。下面分別解釋一下四大基本原則的內(nèi)容。


1:親密

在設(shè)計(jì)中,物理位置的接近,意味著存在關(guān)聯(lián)。


比如說(shuō)一對(duì)情侶走在街上,如果兩個(gè)人不走在一塊,距離比較遠(yuǎn),那么看到他們的人就很難想到他們是情侶,相反如果兩個(gè)人手拉手走在一起,看到他們的人就會(huì)認(rèn)為他們是情侶。


親密是實(shí)現(xiàn)視覺(jué)邏輯化的第一步,在設(shè)計(jì)中我們需要將相關(guān)的部分組織在一起,關(guān)系越近的內(nèi)容,在視覺(jué)上就應(yīng)該越靠近,反之,關(guān)系越疏遠(yuǎn)的內(nèi)容,在視覺(jué)上就應(yīng)該越遠(yuǎn)離。這樣一來(lái),有關(guān)系的部分將會(huì)被看成一個(gè)組合,而不是零散的個(gè)體,這樣也給讀者明確的提示,快速掌握頁(yè)面的內(nèi)容分布。

就像上圖的信息排列一樣,我們不知道這些信息是分開(kāi)的還是都是一起的,這樣容易混淆獲取信息的內(nèi)容。


段與段之間有標(biāo)題的話(huà),應(yīng)該注意標(biāo)題和上、下段之間的間距應(yīng)該有差別,因?yàn)闃?biāo)題和下一段是一個(gè)整體,和上一段的關(guān)系不大。這種親疏關(guān)系應(yīng)該在間距的大小間表現(xiàn)出來(lái)。


如果,一個(gè)版面中的標(biāo)題和正文就是獨(dú)立的兩個(gè)版塊,正文間的親密度應(yīng)該高于正文與標(biāo)題間的親密度。所以,標(biāo)題和正文間應(yīng)該有明顯的區(qū)分,當(dāng)然這個(gè)區(qū)分的方式各種各樣。

再比如像上圖,如果這是一個(gè)簡(jiǎn)單的工作人員公示欄,圓形代表照片,橫條代表文字信息,你覺(jué)得那個(gè)比較好看?很顯然圓形和橫條距離近的好看,因?yàn)榫嚯x遠(yuǎn)的,我們很難將文字信息和圖片信息聯(lián)系起來(lái)。而當(dāng)縮小它們之間的距離之后,原來(lái)底下的文字信息與照片信息很容易就聯(lián)系對(duì)應(yīng)起來(lái)。


但是我們要注意的是親密性原則只針對(duì)于具有相關(guān)聯(lián)系的元素,不能亂用,否則會(huì)讓畫(huà)面看起來(lái)更加混淆。


2:對(duì)齊

任何元素都不能隨意擺放,素材之間要保持一定的視覺(jué)聯(lián)系,間距也有均衡的節(jié)奏。


這個(gè)原則比較好理解,任何設(shè)計(jì)元素都不能隨意擺放,對(duì)齊是為了讓畫(huà)面更加整齊,更加具有觀(guān)賞性,觀(guān)眾的目光會(huì)聚焦在對(duì)齊的位置,這也能更好的傳達(dá)信息內(nèi)容。對(duì)齊也分為左對(duì)齊、居中對(duì)齊、右對(duì)齊、左右對(duì)齊。

圖中的信息元素沒(méi)有對(duì)齊,顯得很雜亂,不美觀(guān)。

左對(duì)齊之后無(wú)形之中會(huì)覺(jué)得左邊有一條直線(xiàn)在起作用,目光就會(huì)聚集在這條無(wú)形的直線(xiàn)上。

同理居中對(duì)齊也是一樣,讓內(nèi)容集中在畫(huà)面中間,從上到下一目了然,整體排版更加有序


3:重復(fù)

設(shè)計(jì)的某些方面需要在整個(gè)作品中重復(fù),這是一種統(tǒng)一設(shè)計(jì)各個(gè)部分的有意識(shí)的行為。


重復(fù)是指在頁(yè)面設(shè)計(jì)中一些基礎(chǔ)元素的運(yùn)用上可以重復(fù)使用,包括顏色、形狀、材質(zhì)、空間關(guān)系、線(xiàn)寬、字體、大小和圖片以及一些幾何元素等等,使內(nèi)容更加統(tǒng)一,也為了讓畫(huà)面看起來(lái)更加美觀(guān)。比如使用一些整齊排列的色塊,相同的段落格式或者是相同的形狀等。這樣都可以增加畫(huà)面的條理性和整體性。

格式不統(tǒng)一,會(huì)導(dǎo)致畫(huà)面的不平衡。使用統(tǒng)一的格式使得的畫(huà)面更加連續(xù),美觀(guān),精致。

再比如將不一致的元素統(tǒng)一,修改過(guò)后是不是覺(jué)得更加順眼了。


4:對(duì)比

字體、顏色、大小、線(xiàn)條、形狀,虛實(shí)等等都會(huì)產(chǎn)生對(duì)比,增強(qiáng)頁(yè)面效果。


當(dāng)我們的畫(huà)面中滿(mǎn)足親密、對(duì)齊和重復(fù),在保證版面干凈、整齊的同時(shí),也會(huì)給讀者帶來(lái)枯燥、乏味的感覺(jué)。所以,我們需要最后一個(gè)效果——對(duì)比。


正所謂沒(méi)有對(duì)比就沒(méi)有傷害,只有通過(guò)對(duì)比,才能突出一些元素的特點(diǎn)性質(zhì),吸引觀(guān)眾的目光,區(qū)分信息的層級(jí)。


我們可以通過(guò)把需要強(qiáng)調(diào)的部分進(jìn)行加粗、調(diào)大、改顏色、增加背景色、加刪除線(xiàn)、下劃線(xiàn)、傾斜或是做一些藝術(shù)化處理等等方式,來(lái)使得需要強(qiáng)調(diào)的部分迅速的從大量?jī)?nèi)容中跳脫出來(lái)。對(duì)比的附加作用是有效增強(qiáng)視覺(jué)效果,打破平淡,吸引讀者注意。


需要注意的是,要么不使用對(duì)比,要對(duì)比就一定要明顯,否則,兩個(gè)元素過(guò)于相近,就會(huì)導(dǎo)致混亂,因?yàn)樽x者會(huì)誤會(huì),不知道你是故意的,還是不小心搞錯(cuò)了。

如果上面幾圖中的長(zhǎng)方形塊表示一句話(huà),那么這個(gè)排版中間有間隔,信息少,文字的大小也一樣,無(wú)法區(qū)分文字層級(jí)。但是如果通過(guò)顏色對(duì)比,添加線(xiàn)條,大小對(duì)比等手法之后,受眾就能快速的區(qū)分文字的層級(jí)。


解釋完四大原則之后,觀(guān)看下列案例,嘗試分析頁(yè)面排版。



比如上圖,運(yùn)用了色塊(重復(fù)和對(duì)比),字體左對(duì)齊(對(duì)齊)。


大家可以嘗試自己分析分析下面的海報(bào)。


                                                                                   案例圖來(lái)源于網(wǎng)上

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶(hù)發(fā)布,不代表本站觀(guān)點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶(hù) 評(píng)論公約

    類(lèi)似文章 更多