作品集排版常用方法

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

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

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

你好;

具體的方法如下：

1.標題請務必選擇易讀性較高的字型

太多的字型型別擠壓在一起也是非常難以識別的，儘量使用簡單協調的字型組合。這個案例中僅僅使用了名為Aileron 的字型族，這是一款無襯線字型，整體風格簡約而富有現代美感，字型族中包含了多種字重和變體。

2.需要強調的部分務必巨大醒目

將字型、形狀等需要強調的內容放大。適當地搭配色彩，讓需要強調的部分看起來巨大醒目，在這個案例中，我用Releway 字型來呈現“Scale”這個詞，因為這個字型更加敦實、清晰，放大後看起來體積感十足。

3.控制好各個元素的間距

“Respect”這個詞的字間距被壓縮，從而讓整個單詞顯得更有凝聚力。排版中，各種元素間距需要根據實際情況來調整，內容多的時候可以適當收緊，少的時候可以適當放鬆。間距大小都需要兼顧到基本的可讀性，分太開和離太近都很難讓人閱讀。

4.務必保持整體的一致性和頁面樣式的一致性

明智地選取配色選取同一色系下的不同色調，可以保持整體的一致性。色調明亮程度的差異能給配色帶來對比度，精緻的文字需要用深色的背景來襯托，這也是為什麼我在案例的文字中使用了淺綠色，提高畫質晰度，增強可讀性。

保持頁面樣式的一致性，最簡單的方式就是複製頁面，然後替換其中的圖片，然後編輯文字內容。合理地運用線條點綴，保持樣式的一致性。

5.排版務必乾淨，明快，清晰

透過提升文字內容和背景圖片之間的明暗對比來提升可讀性。通常使用純黑和純白的文字可以更為便捷地實現這一點。

6.確保你選取的字型和你的內容保持一致性

帶有圓角的字型看起來會更加友好，稜角分明的字型看起來更加強硬，襯線體會看起來更加優雅而精緻。此外，還可以使用同族字型。想要讓文字排版擁有高度的一致性，最好的方法是找到一套包含各類字重、字形的字型族，這樣確保了多樣性和一致性。

7.儘量使設計作品更加富有秩序

用對齊營造秩序對齊和對稱都是讓設計作品更加富有秩序的手段。相對而言，對齊運用範疇更廣泛。這裡的案例中，左邊的直線勾勒出對齊的邊緣，提高了設計的整體性。此外，可以用層次來梳理內容。將內容和資訊排列得更加層次化是視覺設計中最重要的部分，調整你的內容中元素的色彩和比例，可以觀察到它在整體視覺中重要性的變化。

9.巧用對稱

許多優秀的設計作品都會充分運用對稱的技巧。運用對稱手法的時候，確保對稱雙方在視覺的厚度上的一致。

10.一定要注意留白

留白會賦予設計中各種元素以足夠的呼吸的空間，給使用者以想象的空間。它讓內容更加集中和易讀，也不會因為凌亂而讓使用者分心。

若有更多藝術留學問題

作品集做好了，就要進行排版。排版是作品集創作的最後一步，同樣也非常重要。國外院校的招生官會從簡歷中獲取的內容快速瀏覽作品集，要在萬份作品集中脫穎而出是件很難的事。一個好的排版可以清晰地展示出作品集，併為其新增光彩，讓你脫穎而出。

作品集排版不只是簡單的樣式排版，也是整個創作邏輯思維的重新梳理。作品集排版，其實也是一項project—書籍設計。現在幾乎所有學校都採用網申形式遞交電子作品集，所以我們暫且不用考慮作品集的裝幀設計，專注於內容設計。呈現出鮮明的個人特色，書籍VI、版式結構（不宜花哨）、封面設計等。

首先來說下作品集排版的重點

第一，一個好的作品集的關鍵是要講好裡面的故事，故事的主題和內涵非常重要。很多藝術專業的學生會把重點放在視覺形式的表現上，而忽略了故事本身，但其實故事的主題和內涵才是最主要的，有了主題才能創造出視覺效果。

第二，內容不是越多越好，但要保持資訊的清晰和完整度，注重敘事過程中的邏輯性。進一步梳理內容，結合概念，概念可以是新穎的敘述角度；也可以是另一塊有趣的內容，找到它們之間的聯絡。

第三，形式要遵循適合原則，appropriate。近年來新知識、新技術、新媒體層出不窮，C4D風格，動態海報，高科技材料等等，但我們還是需要從內容出發，思考它適合以哪種方式呈現給觀眾。簡如初心，理性而不盲從，專注而不繁縟。

第四，作品集的排版闡述中，文字不宜過多，儘量以視覺表現為主。簡單清晰的專案說明，有助於考官迅速get到重點資訊；冗長的解釋則會造成閱讀疲勞。

作品集中專案的順序安排，建議把綜合性最強的放在首位，更好地表達自身能力的全面性和思維的邏輯性。末位可以呈現視覺衝擊感強的專案壓軸，也可以放一些小作品合集。

第五，要學會用ps在保證圖片有效解析度的同時，儘量壓縮大小，以避免上傳或閱讀過程中的意外。

01.視覺傳達類專業

排版本身就是視覺傳達類專業的一部分，所以對於視覺傳達類專業來說，還是非常重要的。排版上主要分成網格版式和自由版式。視覺傳達對於網格版式的運用會更專業一點，以此體現資訊層級和視覺導向。

02.建築類專業

建築類專業的排版基本上只需要整齊清晰，沒有大的排版失誤就可以，一般來說效果圖會比較重要。

03.服裝設計類專業

相對來說，在眾多設計專業中，服裝類專業可以說是最不注重排版的專業之一，它會運用很多手法，比如拼貼。但並不代表就不用排版，也就是不用太在乎對齊以及間距這些問題。但作品集的邏輯性還是要在的，只是相對來說比更關注材料和樣式。服裝設計可以多用collage拼貼風格，更能體現出過程的豐富性。

04.工業設計類專業

工業設計類專業比較注重邏輯性，條例清晰比好看更重要。相對的文字解釋會比較多，如何安排好這些文字也非常關鍵。視覺上並沒有很大的衝擊性，比如對於互動設計來說，流程和資訊的梳理才是最重要的。

作品集培訓排版種類強烈推薦

1、左右分割型

佈局分為左右兩部分。這兩個區域能夠形成一種平衡，還能夠採用強對比度和弱對比度來分散和排版文字，使佈局更加和諧。左右分割排版特別新穎，文字欄將總體風格融入簡單的紋理。

2、上下分割型

佈局分為上部和下部。照片的數量沒有限制，顯示出一種活潑的氣氛。它可以按列寫，還可以彙總在一起。上下分割對垂直排版來說操作很容易，因為對每個板的相等分析不需要為內容分類安排位置。

3、垂直佈局

照片和文字按比例垂直排列，符合廣大觀眾的閱讀習慣，產生嚴格合理的美感。

4、中軸型

佈局水平或垂直排列，字元上下或左右對稱放置。對稱和平衡是格式設計中最常用的。他們在創造穩定和秩序感方面有特別的優勢，但他們很容易讓招生官員感到粗俗和缺乏驚喜。

5、完整版本

它通常用於商業地圖。影象充滿或接近充滿圖片。通常，顏色較淺和較亮的影象也可能會稍微模糊。文字排列在影象上，影象可以放置在四個角或中間，淺色文字在深色圖表上，深色文字在淺色圖表上。

6、並列型

所選圖片以相同的大小和不同的位置反覆排序，以便可以比較整個佈局。透過相關和不同的原素，畫面不僅具有相對的對稱感，而且使畫面更為靈活生動，充滿變化，設計更加現代。

7、曲線、斜型

以曲線的形式排版圖片和文字，或傾斜圖片使版面整體上呈現不穩定的視覺感和更多的節奏感。

8、自由型

做不規則排版，佈局生動活潑，但要防止排版過於凌亂、不詳細。自由版常常導致過度一致和欠缺變化的難題。圖片大小應適當縮放，以增加其強度和弱點之間的對比度。

提高個人作品集設計感的技巧

9、沒有花哨的字型

有成千上萬種字型，其中大部分都非常不切實際。有很多出色和美麗的字型，還有糟糕和不切實際的字型，所以“噱頭”字型必須絕對避免。這並不是說所有花哨的字型都不能使用，但是假如你正在設計的初始階段，不要使問題複雜化，以防增加選擇不實用字型的可能性。

10、選擇主色

你仔細觀察你平常接觸的網站，你會發覺他們中的任何一個都能立即提醒我們他們的顏色，這種顏色引領著他們的每一個產品。有必要只挑選一種合適您的設計顏色，然後一致顏色或運用不同的色調來簡化佈局。