設計師必須知道的50個設計詞匯

設計師必須知道的50個設計詞匯

初學設計的時候，你會覺得仿佛是在修習一門全新的語言。你總

會在書本上、老師嘴里碰到從來沒聽到過的新詞匯，間距、版式、冷

色調、暖色調、CMYK、RGB，我了個去。感到迷惑的時候，千萬不

要抓狂，今天這篇文章就是寫給大家的設計術語解釋，幫你度過最困

惑的入門階段。

01.排版（Typography）

以更加藝術化的手法將文字等內容排布好，讓它們得具備更強的

可讀性，具備更強的視覺吸引力。排版通常和設計息息相關，并且借

助多種多樣的字體設計來獲得更好的視覺效果和視覺傳達。

02. 正文（Body Copy）

設計、書寫、初版的文章主體通常被我們稱為正文（中文其實挺

好理解的），網站中的文章的主體、書籍中的主要內容、甚至你此刻

正在閱讀都算是某個文章的“正文”。

03. 展示字體（Display Type）

那些被設計得引人矚目的標題和字體。電影海報中的電影名稱、

雜志的文章標題、報紙的頭條，等等都在此范疇。

04. 層次（Hierarchy）

元素和信息按照重要程度進行視覺設計，展現出來的效果就是層

次。正如同大標題的字體加粗，確保能吸引更多的注意力。

05. 字母間隙（Kerning）

英文單詞中兩個字母之間的間隙并非均勻統一的，調整兩個字母

之間的間隙能夠讓整個單詞看起來更加均勻平衡。

06. 行間距（Leading）

其實的Leading這個詞的讀音應該為“Ledding”，它通常指的

是兩行文字之間的空隙間隔。和字間距一樣，它是控制段落的疏密視

覺效果的重要指標。

07. 字間距（Tracking）

這里所說的字間距是單詞中字母間隙的疏密與否，調整字間距會

讓每個字母之間的距離都隨之變化，它通常是著眼于整體的疏密，注

意同字母間隙（kerning）在語境上的差異。

08. x高度（X-Height）

它指的是小寫字母的平均高度。之所以為稱為x高度是應為通常

拿字母x作為參考。

09. Ascender

Ascender 指的是小寫字母中高于x高度的部分。諸如字母 b、d

和 f。

10. Descender

Descender 通常指的是小寫字母從x下方延伸出來的部分，諸如

字母 g、j 和 p。

11. “孤兒”和“寡婦”（Orphans and Widows）

他們通常指的是段落在頂部和底部所留出的較短的行。為了視覺

上的美觀，通常會盡力通過排版將這些部分隱藏起來。

12. 襯線字體（Serif Typeface）

也就是我們所說的襯線體，它們通常在橫向或者縱向的端點處有

裝飾性襯線（中文中的宋體通常算是襯線體），襯線體通常看起來很

傳統，給人專業(yè)和權威的感覺。

13. 非襯線體（Sans Serif Typeface）

沒有裝飾性襯線的字體（中文中的黑體等通常算在此列），非襯

線體通常看起來更加現代、時尚、整潔。

14. 手寫字體（Script Typeface）

模仿手寫筆記的字體（中文中這類字體很多，張海山系列的手寫

體幾乎都算），手寫字體常常看起來優(yōu)雅而有性格。

15. 厚襯線體（Slab Serif Typeface）

這類襯線體的襯線通常會更加粗壯，多用于標題，很少出現在正

文中。厚襯線體通常會追求更厚重、更穩(wěn)固、更權威的視覺體驗。

16. 可讀性（Legibility）

字母在視覺上區(qū)分度的指標，可讀性涉及到的因素很多，包括字

體的大小和類型的選取，通常越簡單的字體越適宜于使用小字體的場

合。

17. 對齊（Alignment）

各種元素在視覺邊緣上保持齊平，按照順序或者邏輯進行布局。

排版印刷上所說的對齊通常有四種，居中對齊、左對齊、右對齊和調

整對齊，它們都有對應的使用場合。

18. 引用（Pull Quote）

從正文中摘出一段文字放大，并用作一種分割和強調的視覺元素，

呈現你認為重要的文字內容。在雜志的版面設計上非常常見。

19. 調色板（Palette）

你所選取的用于你的設計中的各種色彩，也就是配色方案。

20. 單色（Monochrome）

設計的時候只使用一種色彩，或者使用某一色調的深色和淺色。

21. 類似色（Analogous）

使用色輪中彼此相鄰的三種色彩來作為配色方案。

22. 互補色（Complementary）

使用色輪上相對位置的兩種色彩來進行搭配

23. 三色（Triadic）

使用色輪上互呈120度角度的三種色彩搭配

24. CMYK

CMYK 四個字母對應的是四種不同的色彩，青色、品紅、黃色和

定位版套色（黑色），他們是印刷時用的一種套色模式。這種配色方

案中，加入的色彩越多，最后生成的色彩越接近于黑色。

25. RGB

RGB 是工業(yè)色彩標準，其中三個字母分布標識紅色、綠色和藍色，

它們也代表三個通道的色彩，RGB和CMYK不同的地方在于它是一種

疊加色，加入的色彩越多，整個色彩越接近于白色。

26. 彩通色（Pantone ，PMS)

PMS，也就是我們常說的彩通配色系統，這套系統是屬于印刷體

系的標準化系統，每個色彩都有對應的彩通編號和名稱，更易于用來

識別色彩。

27.暖色調（ Warm Colors）

這種色彩通常會讓你想起溫度，感到溫暖。諸如黃色和橙色，它

們往往讓人感到舒服、友好、開朗。

28.冷色調（Cool Colors）

那些讓人感到寒冷的色彩是冷色調，諸如藍色、紫色、綠色，等

等，這些色彩通常可以營造出冷靜、平和的氛圍。

29. 色彩理論（Color Theory）

那些研究人們對于色彩的感受也反饋的理論，它通常會涉及到不

同色彩是如何喚醒潛意識中的某些情緒。藍色會讓人感到信任和可靠，

這也是為什么很多企業(yè)會選擇藍色作為主要的色彩。

30. 漸變（Gradient）

顏色無縫地逐步變化，從一種色調過度到另外一種色調，兩種色

調通常是呈現出線性梯度的，從左到右，或者重中間到邊緣。

31. 不透明度（Opacity）

通常用作元素透明度的指標，不透明度越低，透明度越高。

32. 分辨率（Resolution）

圖片所能呈現的細節(jié)的精細度。一般而言，較高分辨率的圖片，

所呈現出來的細節(jié)越多，效果越好。

33. 對比度（Contrast）

兩個并列元素之間的差異程度，黑和白，深和淺，粗與細、厚和

薄，都是對比。

34. 飽和度（Saturation）

這是顏色強度和鮮明度的指標。低飽和度的圖片會顯得蒼白，或

者是褪色的效果，而高飽和度的圖片會顯得鮮艷而充滿活力。

35. 高清圖片（Stock Photo）

這里所說的Stock Photo通常指的是出自專業(yè)攝影師之手且有授

權的優(yōu)質高清圖片。當然，我們非常喜歡授權可商用的免費Stock

Photo……

36. 三分法（Rule Of Thirds）

三分法理論，借助兩橫兩豎將圖片分割成為9個部分，交叉處為

圖片的重要部位，或者設計重心。

37. 品牌（Brand）

品牌是涵蓋公司價值的理念、想法、情感和形象的合集。

38. 品牌識別（Brand Identity）

也就是大家常說的BI，將品牌設計視覺化，用一個具現化的形象

來代表公司的價值、品牌的精神。它所涵蓋的外設包括標識、名片、

信紙、制服、包裝等等。

39. 字體LOGO（Logotype）

通常這樣的字體LOGO是基于公司/品牌的名稱或者，經過視覺化

的設計之后而構成。諸如谷歌、宜家、迪士尼都是這樣的LOGO。

40. 商標（Brandmark）

用視覺化的符號或者形象來作為公司和品牌的標識，最典型的是

我們所熟知的蘋果公司的LOGO，它使用的是被咬了一口的蘋果。

41. 手繪縮略圖（Thumbnail Sketch）

并不是所有手繪的標識都是此處說所的手繪縮略圖。它特制在概

念設計階段提出的粗略解決方案中的手繪標識，他們通常承載著設計

師的概念化設計，這些手繪圖隨后會輸入電腦進行可視化重現。

42. 柵格系統（Grid）

通過橫豎線來構建柵格系統，用作設計框架。柵格的出現可以幫

助設計人員更好的進行各種元素的排布，確保一致性。

43. 比例縮放（Scale）

將對象進行一定比例的縮放，確保整體外觀比例的一致。在較大

比例下進行設計可以創(chuàng)造出精致出彩的細節(jié)。

44. 紋理（Texture）

模擬真實物體表面材質和感覺的設計。紋理可以賦予設計對象以

質感，反映實際的視覺外觀。

45. 留白（White Space）

我們也會將其稱之為負空間，它通常指的是未填充內容的設計區(qū)

域。留白在設計中是重要的元素，它賦予設計作品以“呼吸感”，有

助于規(guī)避復雜的設計，保持干凈。

46. 邊距（Margins）

圍繞頁面或者元素的邊緣空間，通過增減邊距的大小能夠創(chuàng)造出

疏密不同的視覺效果。

47. 印模割圖（Die Cut）

通過在印刷品表面切割出多種不同的形狀來陰躁獨特的視覺效果。

這個通常是在完成印刷之后最后的環(huán)節(jié)。

48. 燙金（Foil Stamping）

通過熱處理將箔紙按壓到印刷品表面。

49. Letterpressing

這個是通過金屬模具在紙版表面按壓出有立體感的形狀。

50. 假文（Lorem Ipsum）

也被稱為“Dummy Copy”，它通常是不具備真實含義的混亂的

填充文本，它會展示出文字在某個排版下的視覺效果。