作品集排版的方法有哪些？

作品集排版常用方法

你的作品集排版還存在哪些小問(wèn)題

給大家講一些作品集當中排版的時(shí)候可能會(huì )用到的一些使用方法排版。

1.跳躍率的設計

我現在要講到的一個(gè)概念就是視覺(jué)跳躍率排版，什么是叫做視覺(jué)跳躍率呢？

就是除了我們正常的閱讀的習慣之外呢，我們的目光會(huì )向頁(yè)面當中的哪一個(gè)視覺(jué)的點(diǎn)去看，那這里其實(shí)也就是一個(gè)運用對比的方法排版。

圖6

大家可以看到圖6當中的板式，里邊有兩個(gè)人物的照片，那這兩個(gè)人物的照片呢，他們都是一個(gè)半身像的一個(gè)圖片，雖然圖片是有大有小是有對比的，但是由于圖片中的人物的比例其實(shí)是非常接近的，所以這個(gè)的整個(gè)頁(yè)面，它的跳躍率就不是特別高，整個(gè)的畫(huà)面顯得比較平實(shí)，不是特別地有沖擊力排版。

圖7

圖7就和圖6不太一樣，因為兩個(gè)人物，左邊的這個(gè)人物是一個(gè)胸像，右邊的人物是全身像，那這種比較夸張的人物的比例的關(guān)系，它會(huì )使版面產(chǎn)生一定的空間感，這種對比強烈了，也會(huì )增加這個(gè)視覺(jué)的跳躍率，增加板式設計的一種可閱讀感排版。

圖8

說(shuō)完了這個(gè)圖片的視覺(jué)跳躍率，我們來(lái)說(shuō)一下文字的跳躍率排版。首先我給大家發(fā)的一張游戲的界面的圖片（圖8），大家可以看一下這里面文字大小的對比。

圖9

再看圖9，這是一個(gè)香奈兒的官方網(wǎng)站排版。那我們在對比兩張的時(shí)候，可以看出第一張游戲網(wǎng)站，它的最大的字號和最小的字號是差距非常非常大的，而且最大的字號還同時(shí)把它加粗了；那香奈兒的這個(gè)頁(yè)面，它的最大的字號和最小的字號其實(shí)差距是非常小的，這樣也就是構成了一個(gè)文字的跳躍率。

大家在這個(gè)對比兩張照片的過(guò)程當中可以知道，就是在文字的粗細、字號大小對比，越強烈的頁(yè)面呢，它的視覺(jué)中激勵也就越強排版。

像香奈兒的這個(gè)網(wǎng)站，它的文字的大小、粗細其實(shí)變化不是特別大，整個(gè)的氛圍也就顯得比較平實(shí)，文字的視覺(jué)跳躍率也就在這邊體現了排版。而游戲的界面，它是會(huì )比較體現這種視覺(jué)沖擊力，通常我們在作品集里邊，是在整個(gè)的效果圖中可以就這么處理，但是在整個(gè)的過(guò)程當中，可以去比較平實(shí)地去表達。低跳躍率通常實(shí)表達整個(gè)設計的進(jìn)程，高跳躍率則是突出重點(diǎn)。

2.版心的設計

以前的版心可以看這圖10的左邊，上下左右的邊距都是一樣的，會(huì )顯得比較呆板，除非你是想要表達比較嚴謹的這樣設計，那么可以用這個(gè)上下左右邊距相同的，但是如果比較考究的版心間距，就是需要一些變化排版。

圖10

比方說(shuō)圖10右邊，整個(gè)的邊距呢呈一定的比例關(guān)系的，比較接近于黃金分割比排版。在這些年當中現在化的版式中通常會(huì )采用這樣的版式設計，這種自由地、靈活的版心是近些年的設計趨勢。

圖11

圖12

3.網(wǎng)格的設計

在設計完版心之后，我們可以在頁(yè)面中根據圖文的疏密和比例關(guān)系來(lái)設計網(wǎng)格，這個(gè)網(wǎng)格的格子越多，版面的整個(gè)靈活度也就越大排版。

比方說(shuō)圖12這張圖片是一個(gè)32格子的一個(gè)格子，你就可以在這個(gè)32的格子當中去實(shí)現非常多種的布局方式，如果你能靈活地應用這種網(wǎng)格排版方法，就可以創(chuàng )造出各種風(fēng)格的版式，這種網(wǎng)格不要去限制你的設計，而是可以去幫助你去合理地規劃整個(gè)頁(yè)面排版。

圖13

4.字間距和行距的設計

還有一個(gè)不太容易注意到的點(diǎn)就是字的間距和行距，為了文字的可讀性，最好是把文字每行控制在60到72個(gè)字母之間排版。還有要注意的是標點(diǎn)符號要避頭尾，整個(gè)頁(yè)面中盡量不要超過(guò)三種字體，標點(diǎn)符號不要在頭尾的這種方法可以在InDisign的排版設計當中實(shí)現。

原創(chuàng )文章排版，不得轉載

公眾號

作品集分享Portfolio