平面設(shè)計(jì)中，有哪些簡單好用的排版技巧和方法？

當(dāng)兩張圖片中應(yīng)用的構(gòu)成元素都相同，畫布尺寸也相同的情況下，排版的好壞就決定你整張圖片的質(zhì)量了，這就好比兩個(gè)廚師，同樣的食材做同一道菜，味道卻可能截然不同。

一、版式

首先我們需要了解的版式。我們平時(shí)制作或看到的版式大部分都是由—中心型、中軸型、分割型、傾斜型、骨骼型、滿版型為主。

↑ 中心型排版，利用視覺中心，突出想要表達(dá)的實(shí)物—當(dāng)制作的圖片沒有太多文字，并且展示主體很明確的情況下建議多使用中心型的排版。中心排版具有突出主體、聚焦視線等作用，體現(xiàn)大氣背景可用純色，體現(xiàn)高端背景可用漸變色。

上圖為Elysions的作品

↑ 中軸型排版、利用軸心對稱，使用畫面展示規(guī)整穩(wěn)定、醒目大方—當(dāng)制作的圖片滿足中心型排版但主體面積過大的情況下，可以使用中軸型排版。中軸型居中對稱的版面特點(diǎn)，在突出主體的同事又能給予畫面穩(wěn)定感，并能使整體畫面具有一定的沖擊力。

在做電商活動(dòng)海報(bào)的時(shí)候中軸型是很出效果的一種形式

↑ 分割型排版，利用分割線使畫面有明確的獨(dú)立性和引導(dǎo)性—當(dāng)制作的圖片中有多個(gè)圖片和多段文字時(shí)可以使用分割排版。分割型排版能使畫面中每個(gè)部分都是極為明確和獨(dú)立的，在觀看時(shí)能有較好的視覺引導(dǎo)和方向；通過分割出來的體積大小也可以明確當(dāng)前圖片中各部分的主次關(guān)系，有較好的對比性，并使整體畫面不單調(diào)和擁擠。

↑ 傾斜型排版，通過主體或整體畫面的傾斜編排，使畫面擁有極強(qiáng)的律動(dòng)感，刺激視覺—當(dāng)制作的圖片中要出現(xiàn)律動(dòng)性、沖擊性、不穩(wěn)定性、跳躍性等效果，可以使用傾斜型排版。傾斜排版可以讓呆板的畫面爆發(fā)活力和生機(jī)，當(dāng)你發(fā)現(xiàn)自己的圖片過于死板或僵硬時(shí)，嘗試讓畫面中某個(gè)元素帶點(diǎn)傾斜，會(huì)有出奇的效果。

↑ 骨骼型排版，通過有序的圖文排列，使畫面嚴(yán)謹(jǐn)統(tǒng)一、具有秩序感—當(dāng)制作的圖片中，文字較多時(shí)，通常都會(huì)應(yīng)用骨骼型排版。骨骼型排版時(shí)較為常見的排版方式、清晰的調(diào)理和嚴(yán)謹(jǐn)性讓畫面平穩(wěn)，是一種不會(huì)出現(xiàn)的錯(cuò)誤，但是畢竟單一的排版方式。有些時(shí)候?yàn)榱舜蚱乒趋佬偷膯我缓推椒€(wěn)，我們也可以應(yīng)用上圖第三張的形式，在規(guī)整的排列中加入一些律動(dòng)強(qiáng)烈的素材。

↑ 網(wǎng)頁設(shè)計(jì)（包含電商）中大部分都是骨骼型排版形式

↑ 滿版型排版，通過大面積的元素來傳達(dá)最為直觀和強(qiáng)烈的視覺刺激，使畫面豐富且具有極強(qiáng)的帶入性—當(dāng)制作的圖片中有極為明確的主體，且文案較少時(shí)可以采用滿版型排版。常見的滿版型排版有整體滿版、細(xì)節(jié)滿版和文字滿版。

如第一張：整體滿版會(huì)讓畫面有強(qiáng)烈的帶入性。
如第二張：細(xì)節(jié)滿版能快速明確和展示主體。
如第三種：而文字滿版通常是以裝飾的形式來表達(dá)某些文案。

二、方法

了解了基本的版式，我們再去了解排版中需要注意的幾個(gè)問題。

首先是對版式的選擇，你如果拿到一份客戶的要求而沒辦法想出來接下來可以用哪些方法去排版，顯然是作為設(shè)計(jì)師而言不太光彩和合格的事情。我在上邊的例子中也寫到了，不同的情況下可以應(yīng)用不同的版式，而所謂的不同情況大多數(shù)時(shí)候有這么幾種，字少圖少、字少圖多、字多圖少、字多圖多，字圖一樣。其次就是如何應(yīng)用，版式是一種縹緲的藝術(shù)，理論形式固定，但表現(xiàn)形式多樣。當(dāng)你手法純熟了，怎么擺放都會(huì)很好看，而在剛開始練習(xí)的階段，我們還是最好注意好排版中需要嚴(yán)格遵守的一樣?xùn)|西—留白。

留白很多大師都講過，分析過，大部分來說比較宏觀，都是跟意境掛鉤，我再去說重復(fù)的東西就沒有意義了，我要說的是幾個(gè)細(xì)碎的留白問題，首先我要否認(rèn)很多人認(rèn)為留白就是要做簡約風(fēng)的印象，其實(shí)留白無處不在，簡約風(fēng)只是留白更宏觀的定義而已……那么怎樣去理解和運(yùn)用留白呢，首先我們要對留白有幾個(gè)新的認(rèn)識(shí)：

第一，文字間距、行距都是留白，而這種距離如果太過統(tǒng)一和擁擠畫面就會(huì)死板，所以在文段較多的情況下，我們可以適當(dāng)調(diào)節(jié)文段的距離來改善畫面的效果，也就是加大文字間的留白。

如下圖：

第二，比如某個(gè)元素內(nèi)部又有其他元素，那么這個(gè)元素內(nèi)部區(qū)域就需要合理的留白，內(nèi)部元素不能太滿，也不能太偏。

如下圖：

第三，元素跟元素之間要有一個(gè)合理的留白，不然就會(huì)擁擠難受。

如下圖：

第四，除滿版型排版以為盡量讓畫面四周有足夠的留白。有些時(shí)候不必要放那么多的裝飾元素，在畫面中，那樣反而會(huì)搶了主體，比如這個(gè)下圖，其實(shí)竹葉也可以表達(dá)所需的意思，而且更靈動(dòng)。

第五，裝飾元素在做飄散的時(shí)不要集中在一個(gè)區(qū)域，那樣會(huì)讓某個(gè)區(qū)域留白不夠顯得擁擠，還會(huì)顯得圖片的感覺小氣，飄散的元素我們盡量做的大氣一些，揮灑寫，彌補(bǔ)周邊空曠的同事又能讓畫面大氣。

如下圖：

第六，留白的同時(shí)也要去白，去白是一種平衡留白畫面的效果，一般來說常用的去白方式是對線去白，即下方有元素而上方很空的時(shí)候，給上方增加一個(gè)元素來平衡畫面；當(dāng)主體過于渺小導(dǎo)致留白過多時(shí)，需要放大主體和調(diào)整其它元素來去白。

如下圖：

圖1：中心主體太小上下空洞 圖2：下方去白，上方空洞 圖3：上下去白，畫面平穩(wěn)

舉例：

↑中心元素過小，周邊過于空曠

↑中心整體放大，主體上下留白過多被彌補(bǔ)，但主體與文案間的留白關(guān)系不是很舒服

↑拉開文案的行距，使主體與整體文案的空間感相近，彌補(bǔ)文案上下的留白過剩

結(jié)合留白，我再針對上面提到的不同情況應(yīng)用不用版式舉個(gè)簡單的例子，當(dāng)客戶給我的方案是字少圖少和字少圖多的情況下，中心型、中軸型、滿版型、骨骼型、分割型等多種方式都可以解決當(dāng)前問題的。比如我們用一下文字和圖片做一張圖：

圖1：中心型 圖2：中軸型 圖3：滿版型

↑ 骨骼型

↑ 分割型

有時(shí)候我們也會(huì)遇到一張圖片中要放很多小圖片的情況，而且很多小圖片的素材尺寸都是不同的，這里也是很多人經(jīng)常犯錯(cuò)的地方，大部分人都是隨意擺放并配上文字，其實(shí)我們可以把每個(gè)圖片都做在同等大小的形狀中顯示，既規(guī)整又大方，如圖：

而當(dāng)素材不太美觀和即便排列整齊，整體圖片也還是有些擁擠時(shí)，我們可以化繁為簡，去掉小圖展示：

綜上內(nèi)容，版式?jīng)]有絕對的好壞，只有合適不合適；這期我們講的主要還是圍繞簡潔的版式，下期我們隊(duì)復(fù)雜的版式再做更深入的理解。

網(wǎng)站標(biāo)題：平面設(shè)計(jì)中，有哪些簡單好用的排版技巧和方法？
網(wǎng)頁URL：http://www.bm7419.com/news46/43546.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、網(wǎng)站營銷、用戶體驗(yàn)、關(guān)鍵詞優(yōu)化、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)