讓你的履歷好好呼吸/進階視覺篇 1/2

Shan Yu
CV Icream
Published in
Dec 14, 2022

--

「透過視覺的細節安排,讓審查者有更好的閱讀流程體驗。」

Visual tips for CV layout

履歷雖然常常只是短短的一頁或兩頁,但裡面資訊量是密集的;當大多的資訊都是以文字呈現時,如何透過視覺排版將各個區塊(例如「Experience」區、「Education」區)分隔清楚,就非常重要。

我們假設審查者只有2–3分鐘的時間掃描每份履歷;打開履歷的前30秒,眼睛開始快速掃過整份文件,並找到自己需要看的區域。如果能在這段時間裡看到自己感興趣的關鍵字,才會願意進一步花更多時間在這份履歷上。

透過良好的排版,能幫助審查者不用多想就擁有順暢的閱讀體驗。例如第一眼會先看到各個大區塊的分隔(例如「Experience」區),第二眼看每個區塊內的大標(例如「Experience」區塊的大標就是「Job title」),再來針對某個有興趣的大標進一步去細讀下面的文字。

本篇文章想要跟大家分享如何透過簡單留白(White Space)及資訊層級(Hiarachy of Information)的安排,將區塊分隔地更加清楚,提升整份履歷的易讀性。

以下就讓我們一起來看看如何透過上述兩種方式,設計出易讀性更高的履歷吧!

透過簡單留白(White Space)及資訊層級(Hiarachy of Information)的安排,將區塊分隔地更加清楚,提升整份履歷的易讀性。

PS 以下提供的字體大小以px(網頁常用)作為單位,若是使用Microsoft Word編輯履歷的朋友常看到的單位是pt,兩者的轉換值為 16px = 12pt。

-

-

履歷視覺設計第一步:來幫版面留些呼吸空間吧!

留白(White Space):
足夠的間隔讓審查者能直覺地將每個區域分隔開來,讓腦袋專注在第一時間需要的區域。留白又分成:

1.區塊與區塊間的留白

在區塊間留白的安排上,通常為三個部分:
「整體內容距離外圍邊界的間隔」、「各個區塊間的間隔」,以及「區塊內各項目的間隔」。

如果能盡量讓這三者都各自一樣大小(例如藍色區塊都是同樣寬度,綠色也是同樣寬度),那麼履歷就會看起來更簡單乾淨噢。

另外,在設計a&b的大小時,會建議不要使用太小的間距。留白留得越大,區塊分隔就會更清楚,審查者也會容易理解這份履歷的架構(腦袋會自然地把空有足夠間隔的各個區塊分開);當然間隔太大,履歷內容的擺放空間就會不夠,所以就是盡量在兩者間找平衡囉。我做履歷時,間隔的設定大概會如下:

a. 整體內容距離外圍邊界的間隔(藍色區域):32–64px
b. 各個區塊間的間隔(綠色區域):24–44px
c. 區塊內各項目的間隔(粉紅色區域):16–32px

足夠的間隔讓審查者能直覺地將每個區域分隔開來,讓腦袋專注在第一時間需要的區域

-

2. 字體行高(Line height)的留白

字體行高是一大段文字好不好閱讀的小技巧之一,足夠的行高設計能讓段落文字不會都擠在一起,進而達到易讀性高的目標。

通常字體行高我會抓1.2–1.5倍的字體大小,例如字體大小為12px,字體行高就會設定為14–18px這個範圍左右。

足夠的行高設計能讓段落文字不會都擠在一起,進而達到易讀性高的目標

在撰寫履歷時,如果遇到大段落文字的安排(例如工作經驗內的細節描述),我常用的數值為:

(字體大小/字體行高)
12px/16px
14px/20px
16px/22px

-

-

履歷視覺設計第二步:透過資訊的層級安排讓版面架構更清楚好讀!

資訊層級(Information Hierarchy):
資訊層級的意思是將所有想放在畫面上的資訊,以重要程度分級,並將較重要的資訊以較顯眼的方式呈現(這邊值得注意的是,如果覺得好多東西都很重要,都以不同方式highlight,那就等於沒有抓出重點噢)。良好的資訊層級安排能將最重要的資訊在第一時間傳達給閱讀者。資訊層級安排的項目又分為:

  1. 字級大小

人們的眼睛會自動將很像的物體歸為一類,在履歷上就是一樣的字體大小、粗細,和顏色會被分為一類,當其中一個數值變換時,我們的腦袋就會認定這是不同分類,需要花更多注意力去理解。這也是為什麼當使用過多字體大小、粗細,及顏色時,反而會讓閱讀者在閱讀前就覺得眼花撩亂抓不到重點。

所以通常字級的安排上,會建議數量盡量安排在3–5個設定間,以下也附上我自己設計履歷時常用的字級大小選擇:

a. 最大:用於「Name」,36–60px。
b. 次大:用於各區塊標題(例如「Job title」),16–22px。
c. 第三大:用於各區塊副標(例如「Company」、「Timeline」等等),14–18px。
d. 第四大:用於長文段落描述,12–16px。
e. 最小:最後一個是保留給可能會需要備註的說明文字,10–12px。

通常字級的安排上,會建議數量盡量安排在3–5個設定間

-

2. 粗體、底線,及斜體的使用

不論在字體加粗體、加底線、使用斜體,及用有顏色的背景做highlight,都是為了讓某部分的資訊更加顯眼,但記得要把握一件事情:如果highlight的部分太多,審查者一下子沒有辦法抓到重點,就等於沒有highlight。

我會建議整份履歷想特別強調highlight的地方,盡量以1–3個部分為主,如果審查者在快速瞄完你的履歷,能記得1–3件關於你的特點,就很棒了!

-

-

其實只要將上述的留白和資訊層級安排妥善,整體讀起來就會是舒服的感覺了。下一篇我會分享更多讓履歷更好看的小撇步,有興趣的朋友歡迎一起看下去:讓你的履歷好好呼吸 2/2

--

--

Shan Yu
CV Icream

Taiwanese Product Designer and Illustrator, based in the UK. Instagram | @sunshanillustration