初學設計的時候,你會覺得仿佛是在修習一門全新的語言。你總會在書本上、老師嘴裡碰到從來沒聽到過的新詞匯,間距、版式、冷色調、暖色調、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)
也就是我們所說的襯線體,它們通常在橫向或者縱向的端點處有裝飾性襯線(中文中的宋體通常算是襯線體),襯線體通常看起來很傳統,給人專業和權威的感覺。
13. 非襯線體(Sans Serif Typeface)
沒有裝飾性襯線的字體(中文中的黑體等通常算在此列),非襯線體通常看起來更加現代、時尚、整潔。
14. 手寫字體(Script Typeface)
模仿手寫筆記的字體(中文中這類字體很多,張海山系列的手寫體幾乎都算),手寫字體常常看起來優雅而有性格。
15. 厚襯線體(Slab Serif Typeface)
這類襯線體的襯線通常會更加粗壯,多用於標題,很少出現在正文中。厚襯線體通常會追求更厚重、更穩固、更權威的視覺體驗。
16. 可讀性(Legibility)
字母在視覺上區分度的指標,可讀性涉及到的因素很多,包括字體的大小和類型的選取,通常越簡單的字體越適宜於使用小字體的場合。
17. 對齊(Alignment)
各種元素在視覺邊緣上保持齊平,按照順序或者邏輯進行布局。排版印刷上所說的對齊通常有四種,居中對齊、左對齊、右對齊和調整對齊,它們都有對應的使用場合。
18. 引用(Pull Quote)
從正文中摘出一段文字放大,並用作一種分割和強調的視覺元素,呈現你認為重要的文字內容。在雜志的版面設計上非常常見。
19. 調色板(Palette)
你所選取的用於你的設計中的各種色彩,也就是配色方案。
20. 單色(Monochrome)
設計的時候只使用一種色彩,或者使用某一色調的深色和淺色。
21. 類似色(Analogous)
使用色輪中彼此相鄰的三種色彩來作為配色方案。
22. 互補色(Complementary)
使用色輪上相對位置的兩種色彩來進行搭配
23. 三色(Triadic)
使用色輪上互呈120度角度的三種色彩搭配
24. CMYK
CMYK 四個字母對應的是四種不同的色彩,青色、品紅、黃色和定位版套色(黑色),他們是印刷時用的一種套色模式。這種配色方案中,加入的色彩越多,最後生成的色彩越接近於黑色。
25. RGB
RGB 是工業色彩標准,其中三個字母分布標識紅色、綠色和藍色,它們也代表三個通道的色彩,RGB和CMYK不同的地方在於它是一種疊加色,加入的色彩越多,整個色彩越接近於白色。
26. 彩通色(Pantone ,PMS)
PMS,也就是我們常說的彩通配色系統,這套系統是屬於印刷體系的標准化系統,每個色彩都有對應的彩通編號和名稱,更易於用來識別色彩。
27.暖色調( Warm Colors)
這種色彩通常會讓你想起溫度,感到溫暖。諸如黃色和橙色,它們往往讓人感到舒服、友好、開朗。
28.冷色調(Cool Colors)
那些讓人感到寒冷的色彩是冷色調,諸如藍色、紫色、綠色,等等,這些色彩通常可以營造出冷靜、平和的氛圍。
29. 色彩理論(Color Theory)
那些研究人們對於色彩的感受也反饋的理論,它通常會涉及到不同色彩是如何喚醒潛意識中的某些情緒。藍色會讓人感到信任和可靠,這也是為什麼很多企業會選擇藍色作為主要的色彩。
30. 漸變(Gradient)
顏色無縫地逐步變化,從一種色調過度到另外一種色調,兩種色調通常是呈現出線性梯度的,從左到右,或者重中間到邊緣。
31. 不透明度(Opacity)
通常用作元素透明度的指標,不透明度越低,透明度越高。
32. 分辨率(Resolution)
圖片所能呈現的細節的精細度。一般而言,較高分辨率的圖片,所呈現出來的細節越多,效果越好。
33. 對比度(Contrast)
兩個並列元素之間的差異程度,黑和白,深和淺,粗與細、厚和薄,都是對比。
34. 飽和度(Saturation)
這是顏色強度和鮮明度的指標。低飽和度的圖片會顯得蒼白,或者是褪色的效果,而高飽和度的圖片會顯得鮮艷而充滿活力。
35. 高清圖片(Stock Photo)
這裡所說的Stock Photo通常指的是出自專業攝影師之手且有授權的優質高清圖片。當然,我們非常喜歡授權可商用的免費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)
將對象進行一定比例的縮放,確保整體外觀比例的一致。在較大比例下進行設計可以創造出精致出彩的細節。
44. 紋理(Texture)
模擬真實物體表面材質和感覺的設計。紋理可以賦予設計對象以質感,反映實際的視覺外觀。
45. 留白(White Space)
我們也會將其稱之為負空間,它通常指的是未填充內容的設計區域。留白在設計中是重要的元素,它賦予設計作品以“呼吸感”,有助於規避復雜的設計,保持干淨。
46. 邊距(Margins)
圍繞頁面或者元素的邊緣空間,通過增減邊距的大小能夠創造出疏密不同的視覺效果。
47. 印模割圖(Die Cut)
通過在印刷品表面切割出多種不同的形狀來陰躁獨特的視覺效果。這個通常是在完成印刷之後最後的環節。
48. 燙金(Foil Stamping)
通過熱處理將箔紙按壓到印刷品表面。
49. Letterpressing
這個是通過金屬模具在紙版表面按壓出有立體感的形狀。
50. 假文(Lorem Ipsum)
也被稱為“Dummy Copy”,它通常是不具備真實含義的混亂的填充文本,它會展示出文字在某個排版下的視覺效果。