作品集排版常用方法

你的作品集排版還存在哪些小問題

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

1.跳躍率的設計

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

就是除了我們正常的閱讀的習慣之外呢，我們的目光會向頁面當中的哪一個視覺的點去看，那這里其實也就是一個運用對比的方法排版。

圖6

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

圖7

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

圖8

說完了這個圖片的視覺跳躍率，我們來說一下文字的跳躍率排版。首先我給大家發的一張游戲的界面的圖片（圖8），大家可以看一下這里面文字大小的對比。

圖9

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

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

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

2.版心的設計

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

圖10

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

圖11

圖12

3.網格的設計

在設計完版心之后，我們可以在頁面中根據圖文的疏密和比例關系來設計網格，這個網格的格子越多，版面的整個靈活度也就越大排版。

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

圖13

4.字間距和行距的設計

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

原創文章排版，不得轉載

公眾號

作品集分享Portfolio