设计完整术语百科词典

🏠 返回首页： 2026最全、最实用、最干净的软件工具下载大全

🔗 术语包含：✅专业定义 · 💡通俗解释 · 🎯应用场景 · 📌注意事项

😄 整理作者：周大大｜最后更新：2026-07-28

一个专业平面设计师，需要掌握：设计基础 → 版式排版 → 字体设计 → 色彩理论 → 图形图像处理 → 印刷工艺 → 品牌系统 → 数字产品设计。平面设计不是简单地"把东西做漂亮"，而是通过文字、图形、色彩、空间和技术规则，把信息准确、高效、有感染力地传递给目标用户。

⭐设计新人必须掌握的10大核心概念

1️⃣ 矢量：决定 Logo 是否高清。
2️⃣ 位图：决定照片图片质量。
3️⃣ CMYK：决定印刷颜色是否准确。
4️⃣ RGB：决定屏幕显示效果。
5️⃣ 分辨率：决定图片输出质量。
6️⃣ 出血：决定印刷是否出现白边。
7️⃣ 转曲：决定交付文件是否稳定。
8️⃣ 蒙版：决定复杂图形处理能力。
9️⃣ 栅格系统：决定页面是否专业。
🔟 色彩管理：决定设计稿与成品是否一致。

📐一：版面与排版类设计术语

版面设计是平面设计的基础，它决定了信息如何组织、视觉如何流动。优秀的排版不是简单把文字和图片放在一起，而是通过 空间、比例、层级、节奏 让用户快速理解信息。✨

1. 版心（Type Area）

✅ 专业定义

版心是指页面中实际用于放置文字、图片、图形等内容的有效区域，也叫 有效版面区域 ，通常不包含页面四周的边距。

💡通俗解释

一张纸就是一个房间，版心就是房间里真正摆家具的区域。 比如一本画册：页面尺寸 210×285mm，四周留 20mm 空白，中间放内容的位置就是版心。

🎯应用场景

常见于书籍排版、杂志设计、画册设计、报刊设计。

📌设计注意

版心太小 → ❌ 内容拥挤、阅读压力大；版心太大 → ❌ 页面缺少呼吸感、视觉不稳定。

2. 页边距（Margin）

✅专业定义

页边距是指版心距离页面边缘的空白区域，包括上、下、左、右边距。

💡通俗解释

就是页面四周留下的"安全空间"，类似照片留白——没有内容，但决定整体高级感。

🎯应用场景

例如：📚书籍、📄论文、📱网页设计、📦包装设计。

📌设计注意

合理的页边距可以 ✅ 提升阅读舒适度、✅ 增加设计感、✅ 避免裁切风险。

3. 行高（Line Height / 行间距）

✅专业定义

行高是指文字每一行之间的垂直距离，严格来说是文字基线之间的距离。

💡通俗解释

就是"一行字和下一行字隔多远"。文字太密时阅读压力大，增加行高后会更加舒服。

🎯应用场景

用于海报文字、公众号文章、网页设计、UI界面。

📌经验参考

正文行高建议 1.4～1.8 倍字号。例如字号 16px，行高 24px～30px。

4. 字间距（Tracking / Letter Spacing）

✅专业定义

字间距是字符之间的水平距离。

💡通俗解释

就是"每个字之间隔多远"。紧密如"设计"，舒展如"设 计"。

🎯应用场景

常用于 标题 （增加高级感，如 A P P L E）和 品牌Logo （调整视觉比例）。

📌设计注意

中文标题适当增加字距 → ✅ 更现代、更高级；正文不要过度增加，否则降低阅读效率。

5. 段前距 / 段后距（Paragraph Spacing）

✅专业定义

指不同段落之间上下方向的空白距离。

💡通俗解释

就是不同文字段落之间留多少空间。很多新手排版喜欢 ❌ 按很多次回车制造空白，专业设计则 ✅ 使用段前距/段后距。

🎯应用场景

常见于书籍、PPT、网页文章、课程资料。

6. 基线（Baseline）

✅专业定义

基线是文字排列时的一条水平参考线，大多数字母会落在基线上。

💡通俗解释

所有文字站立时踩着的一条"地面"。 例如英文 APPLE 底部的那条线就是基线。

🎯应用场景

用于字体设计、排版对齐、Logo设计。

📌设计注意

不同字体基线高度可能不同，所以视觉对齐 ≠ 数值对齐。

7. 缩进（Indent）

✅专业定义

缩进是指段落文字相对于页面边界产生的水平偏移。主要包括 首行缩进 （第一行向内移动）和 悬挂缩进 （第一行突出，其余行缩进，常用于列表和编号说明）。

💡通俗解释

就是让文字"往里面退一点"。

8. 对齐方式（Alignment）

✅专业定义

文字或图形按照某个基准进行排列的方法，主要包括：

左对齐

最常用，✅ 阅读自然、信息清晰，适合文章、网页。

右对齐

较少使用，适合特殊视觉设计。

居中对齐

视觉正式，适合标题、海报。

两端对齐

左右边缘整齐，常用于书籍排版。

9. 断字（Hyphenation）

✅专业定义

当文字超过行宽时，将单词拆分换行的排版方式。

💡通俗解释

比如英文 visualiza- tion，把一个长单词拆开。

🎯应用场景

主要用于英文杂志、国际出版物。

📌注意

中文一般不会使用断字。

10. 栅格系统（Grid System）

✅专业定义

栅格系统是通过建立规则化的网格结构，对页面元素进行排列的方法。

💡通俗解释

就是提前在页面上画"隐形格子"，然后文字放这里、图片放那里、标题放哪里，全部有规则。例如网页：|栏目1|栏目2|栏目3|。

🎯应用场景

广泛用于UI设计、网站设计、杂志、品牌设计。

📌设计价值

栅格可以 ✅ 提升秩序感、✅ 提高设计效率、✅ 保持统一视觉。

11. 栏间距（Gutter）

✅专业定义

多栏排版中，栏目与栏目之间的空白距离。

💡通俗解释

比如杂志：文字栏｜空白｜文字栏，中间的空白就是栏间距。

🎯应用场景

报纸、杂志、网页布局。

12. 留白（Negative Space）

✅专业定义

画面中没有放置视觉元素的空间，也叫负空间。

💡通俗解释

留白不是"空"，而是一种设计语言。例如苹果官网大量留白，让产品更加突出。

🎯设计价值

优秀留白可以 ✨ 提升高级感、✨ 强化视觉重点、✨ 降低阅读压力。

13. 视觉层级（Visual Hierarchy）

✅专业定义

通过大小、颜色、位置、字体粗细等方式，建立信息的重要程度排序。

💡通俗解释

让用户第一眼看到最重要的信息，第二眼看到次重要信息，第三眼看到详细内容。例如海报：① 活动标题（最大）→ ② 时间地点（中等）→ ③ 说明文字（最小）。

14. 版式（Layout）

✅专业定义

版式是指文字、图片、图形等视觉元素在页面中的整体组织方式。

💡通俗解释

就是"整个页面怎么摆"，包括图片位置、文字排列、空间比例、视觉路线。

🎯应用场景

所有平面设计：海报、画册、包装、PPT、网页。

版心定范围，页边距留空间； 栅格定秩序，留白提高级； 字距调气质，行高影响阅读； 视觉层级决定用户第一眼看到什么。 ✨

🎨二：色彩类设计术语

色彩是平面设计中最重要的视觉语言之一。设计师不仅需要知道"什么颜色好看"，更需要理解颜色如何产生、不同设备如何显示颜色、印刷如何还原颜色、如何通过色彩表达品牌和情绪。

1. RGB（Red Green Blue）

✅专业定义

RGB是一种基于 光线混合原理 的色彩模式，由 R（红色）、G（绿色）、B（蓝色）三种光组成。

💡通俗解释

RGB 就是屏幕里的颜色。 手机、电脑、电视显示的所有颜色，本质上都是RGB光线组合产生的。例如：红光+绿光=黄色，红光+蓝光=品红，三种光全部打开=白色。

🎯应用场景

主要用于📱手机界面、💻网页设计、🎬视频制作、📺数字媒体、🖥️UI设计。

📌设计注意

RGB属于 ✅ 发光模式，屏幕颜色通常更鲜艳、更明亮。但 ❌ 不能直接用于印刷，因为纸张不会发光。

2. CMYK（Cyan Magenta Yellow Key）

✅专业定义

CMYK是印刷行业使用的四色模式：C青色、M洋红、Y黄色、K黑色。

💡通俗解释

CMYK 就是印刷机里的四色油墨。 宣传册、海报、名片最终都是通过青+品红+黄+黑混合印出来的。

🎯应用场景

用于📄宣传册、📚书籍、📦包装、📰海报、🪪名片。

RGB与CMYK区别

| 项目 | RGB | CMYK | | -- | -- | -- | | 原理 | 光混合 | 油墨混合 | | 用途 | 屏幕 | 印刷 | | 颜色范围 | 更广 | 较窄 | | 亮度 | 更亮 | 更暗 |

📌设计注意

常见错误：❌ RGB设计文件直接送印刷，可能导致屏幕上的鲜艳蓝色变成灰暗蓝色。

3. 专色（Pantone / Spot Color）

✅专业定义

专色是印刷时使用预先调配好的特殊油墨颜色，最著名的是 Pantone 色卡系统。

💡通俗解释

普通CMYK像厨师现场调味，专色像厂家提前配好的标准调料，颜色更加稳定。例如某品牌规定"我们的蓝色必须是 Pantone 3005C"，全球印刷都按此标准执行。

🎯应用场景

常用于🏢企业品牌色、🏷️Logo印刷、📦高端包装、💎奢侈品设计。

📌设计价值

专色优势：✅ 颜色统一、✅ 品牌识别强、✅ 印刷效果稳定。

4. 色值（Color Value）

✅专业定义

色值是用数字表示颜色的方法，常见格式有 HEX十六进制、RGB数值、CMYK数值。

💡通俗解释

颜色的"身份证号码"。例如网页颜色 #FF0000 代表纯红色。

常见表示方式：

HEX ：网页设计常用，如 #000000 黑色、#FFFFFF 白色。 RGB ：如 RGB(255,0,0) 表示红色。 CMYK ：如 C0 M100 Y100 K0 表示印刷红色。

5. 色相（Hue）

✅专业定义

色相指颜色本身的类别属性，例如红、橙、黄、绿、蓝、紫。

💡通俗解释

就是"这是什么颜色？"——是红色还是蓝色？就是判断色相。

🎯应用场景

用于配色方案、品牌定位、情绪设计。

6. 饱和度（Saturation）

✅专业定义

饱和度表示颜色的纯度和鲜艳程度。

💡通俗解释

就是颜色"浓不浓"。高饱和如 🔴鲜红，低饱和如 🌸灰粉色。

对比：

高饱和 → 活跃、年轻、强刺激；低饱和 → 高级、安静、柔和。

🎯应用场景

常用于品牌调性设计：科技用低饱和蓝，儿童用高饱和色。

7. 明度（Brightness / Value）

✅专业定义

明度指颜色明暗程度。

💡通俗解释

就是颜色有多亮。深蓝明度低，浅蓝明度高。

三者区别：

| 概念 | 代表 | | -- | -- | | 色相 | 是什么颜色 | | 饱和度 | 颜色纯不纯 | | 明度 | 颜色亮不亮 |

8. 对比度（Contrast）

✅专业定义

对比度是两个视觉元素之间的差异程度，包括明暗对比、色彩对比、大小对比、粗细对比。

💡通俗解释

就是"两个东西差多少"。黑底白字对比强 ✅ 容易阅读；灰底浅灰字对比弱 ❌ 难阅读。

🎯应用场景

用于海报、UI界面、网页设计。

9. 色调（Tone）

✅专业定义

色调是整个画面呈现出的整体颜色倾向。 冷色调 以蓝色、青色为主，感觉 ❄️科技、冷静、专业； 暖色调 以红色、黄色为主，感觉 🔥热情、温暖、活力。

🎯应用场景

电影海报中冷色适合悬疑、科技题材，暖色适合爱情、生活题材。

10. 叠印（Overprint）

✅专业定义

叠印指印刷过程中，一个颜色直接覆盖在另一个颜色上，而不是挖空。

💡通俗解释

类似透明彩笔叠加，黄色覆盖蓝色会产生新的颜色效果。

🎯应用场景

常用于Logo印刷、特殊文字效果、印刷控制。

📌设计注意

黑色文字通常设置 100%黑叠印，避免套印问题。

11. 套印不准（Registration Error）

✅专业定义

印刷过程中，不同颜色版之间没有完全对齐产生的位置偏差。

💡通俗解释

CMYK四色本来应该精准重合，结果青色偏左一点、黄色偏右一点，就叫套印不准。文字边缘会出现彩色边或重影。

表现：

文字边缘出现彩色边、重影。

🎯原因：

可能来自印刷机器误差、纸张变形、制版误差。

12. 陷印（Trapping / 补漏白）

✅专业定义

陷印是在印刷中，让相邻颜色区域产生轻微重叠，避免因套印误差出现白色缝隙。

💡通俗解释

两个颜色拼在一起，如果印刷偏移，中间会出现白边。陷印就是提前让颜色稍微"挤进去"。

🎯应用场景：

常见于包装设计、LOGO印刷、高精度印刷。

13. 色域（Color Gamut）

✅专业定义

色域指某种设备能够显示或输出的颜色范围。

💡通俗解释

不同设备拥有不同的"颜色能力"。普通显示器能显示100万个颜色，专业显示器可能显示更多。

常见色域：

sRGB、Adobe RGB、Display P3。

🎯应用场景：

摄影用 Adobe RGB，手机用 Display P3，网页用 sRGB。

14. 同色异谱（Metamerism）

✅专业定义

同色异谱指两个颜色在某种光源下看起来相同，但换环境后出现明显差异。

💡通俗解释

就是"看起来一样，实际不是一样"。白天自然光下两个包装颜色一样，晚上灯光下发现一个偏黄、一个偏蓝。

🎯应用场景：

常见于品牌包装、产品设计、印刷品。

RGB负责屏幕发光，CMYK负责印刷输出； 专色保证品牌统一，色值记录颜色身份； 色相决定颜色类别，饱和决定鲜艳程度； 明度控制明暗关系，对比决定视觉冲击； 色域决定颜色范围，色彩管理保证最终效果。✨

📄三：印刷工艺类设计术语

印刷工艺是平面设计从"屏幕作品"走向"实体产品"的关键环节。很多设计师只关注视觉效果，却忽略印刷流程，最终容易出现 ❌ 裁切缺内容、❌ 颜色偏差、❌ 工艺无法实现、❌ 成品效果与设计稿差距巨大。优秀设计师不仅会设计，还需要理解印刷生产逻辑。🖨️✨

1. 出血（Bleed）

✅专业定义

出血是指设计文件中的背景、图片或色块，超出最终裁切尺寸的一部分区域。通常设置 3mm出血 。

💡通俗解释

给裁刀留出的"保险区域"。 例如设计一张 A4 海报（210×297mm），制作文件应为 216×303mm，四周多出来的 3mm 就是出血。

🎯应用场景

常见于海报、名片、画册、包装、宣传单。

📌设计注意

没有出血时，裁切稍微偏移就可能出现 ❌ 白边；有出血时，即使偏移 ✅ 颜色依然铺满页面。

2. 模切（Die Cutting）

✅专业定义

模切是利用定制刀模，对纸张进行特殊形状裁切加工。

💡通俗解释

普通裁切是直线切割，模切是按照设计好的形状切出来。普通名片是 ⬜ 矩形，模切名片可以是 ⭐星形、⭕圆形、🍃叶子形。

🎯应用场景

常用于包装盒、标签、贺卡、异形海报、产品吊牌。

📌设计注意

设计模切文件时需要提供刀模线、成品线、出血线。

3. 烫金 / 烫银（Hot Stamping）

✅专业定义

利用热压方式，将金属箔转移到纸张或材料表面的印刷工艺。

💡通俗解释

就是把金色、银色的金属膜"烫"到产品上，效果 ✨金属光泽、✨高级感、✨收藏感。

🎯应用场景

常见于高端包装、品牌LOGO、邀请函、书籍封面、化妆品包装。

📌设计注意

适合少量重点元素（如Logo烫金），不适合大面积复杂图片。

4. UV（UV上光 / UV Printing）

✅专业定义

UV是一种利用紫外线固化油墨或涂层的印刷工艺，常见为局部UV。

💡通俗解释

就是在纸张某些地方增加一层透明亮膜。例如黑色包装盒：普通区域是哑光黑，Logo处是亮光凸起，形成高级对比。

🎯应用场景

常见于名片、包装、画册封面、邀请函。

📌效果：

增加 ✅ 光泽感、✅ 触感、✅ 视觉层次。

5. 击凸 / 击凹（Embossing / Debossing）

✅专业定义

通过压力使纸张产生立体凹凸效果的加工工艺。 击凸 是向上突出 ⬆️， 击凹 是向下凹陷。

击凸

向上突出 ⬆️。

击凹

向下凹陷。

💡通俗解释

类似在纸上压出浮雕，不用油墨，靠触觉表现。

🎯应用场景

常见于高端名片、品牌包装、证书、精装书。

📌优势：

提升 ✨ 质感、✨ 高级感、✨ 触觉体验。

6. 过油 / 覆膜（Coating / Lamination）

✅专业定义

在印刷品表面增加保护层，提高耐磨、防水和视觉效果。主要分 亮膜 （✨反光、颜色鲜艳）和 哑膜 （✨高级、柔和、减少反光）。

亮膜

特点：✨ 反光、颜色鲜艳。

哑膜

特点：✨ 高级、柔和、减少反光。

💡通俗解释

像给纸张贴了一层保护膜。

🎯应用场景：

画册、包装盒、海报、名片。

📌设计选择：

高端品牌通常偏向哑膜+特殊工艺。

7. 拼版（Imposition）

✅专业定义

将多个页面或多个产品合理排列到一张印刷大版上的过程。

💡通俗解释

印刷机不会一次只印一张名片，而是把很多张名片排在一张大纸上，印完再裁切。例如一张大纸排列20张名片 → 印刷 → 裁切。

🎯应用场景：

名片印刷、画册、包装、书籍。

8. 叼口（Gripper Margin）

✅专业定义

印刷机通过机械夹爪固定纸张的位置区域。

💡通俗解释

印刷机需要"咬住"纸张，被夹住的位置就是叼口。

📌设计注意

叼口区域 ❌ 不能放重要内容（文字、Logo、关键图片）。

9. 印张（Printed Sheet）

✅专业定义

印刷行业中计算纸张数量的单位，通常指一张完整印刷大纸。

💡通俗解释

印刷成本计算单位。一本书多少印张决定纸张成本。

🎯应用场景：

主要用于出版印刷、书籍报价、印刷生产。

10. 折手（Signature）

✅专业定义

书籍印刷过程中，根据页码顺序设计纸张折叠方式。

💡通俗解释

一本书不是一页一页印，而是先印大纸 → 折叠 → 形成书页。

🎯应用场景：

书籍、画册、杂志。

11. 骑钉（Saddle Stitch）

✅专业定义

使用金属钉从书籍中间穿过进行装订。

💡通俗解释

就是普通杂志那种中间两个钉子。 优点 ：✅ 成本低、速度快。 缺点 ：页数不能太多。

优点：

✅ 成本低、速度快。

缺点：

页数不能太多。

应用：

宣传册、杂志、产品手册。

12. 胶装（Perfect Binding）

✅专业定义

利用胶水将书页固定在书脊上的装订方式。

💡通俗解释

类似普通商业书籍，书页通过胶水粘在一起。

应用：

目录、书籍、企业画册。

13. 锁线胶装（Sewn Binding）

✅专业定义

先通过线装固定书页，再进行胶装。

💡通俗解释

比普通胶装更牢固。流程：纸张折页 → 线缝固定 → 涂胶装订。 优点 ：✅ 寿命长、可以完全展开。

优点：

✅ 寿命长、可以完全展开。

应用：

高端画册、精装书、收藏书籍。

14. 打样（Proofing）

✅专业定义

正式印刷前制作样稿，用于确认色彩、内容、工艺效果。

💡通俗解释

就是正式生产前先做一个"小样"，类似装修先看效果图、印刷先看样品。

🎯目的：

避免 ❌ 大批量错误。

15. 反白（Reverse Text）

✅专业定义

在深色背景上使用白色文字或图形。

💡通俗解释

普通是白纸黑字，反白是黑底白字。例如黑色海报上的白色标题。

📌设计注意

小字号反白容易 ❌ 糊字，因为印刷套色误差。

16. 安全边距（Safe Area）

✅专业定义

设计中为了避免裁切导致重要内容损失，而预留的内部安全区域。

💡通俗解释

就是不要把重要东西放太靠边。例如名片 Logo 距离边缘至少 5mm。

🎯应用场景：

印刷设计、UI设计、视频封面。

出血防止裁切白边，安全边距保护内容； 模切改变产品形状，烫金提升品牌价值； UV增加视觉层次，击凸增强触觉体验； 覆膜保护印刷品，拼版降低生产成本； 打样确认最终效果，工艺决定作品质感。✨

✍四：字体与文字设计术语

文字不仅是信息载体，也是视觉设计的重要元素。优秀的设计师需要理解字体的结构、版权规则、字体如何影响品牌气质、如何进行专业排版。字体选不好，会直接影响 ❌ 品牌档次、❌ 阅读体验、❌ 信息传达效率。

1. 衬线字体（Serif Font）

✅专业定义

衬线字体是指字体笔画末端带有装饰性小线条的字体，这些小装饰称为 Serif（衬线） 。

💡通俗解释

字的边角带"小尾巴"的字体。 例如英文 Times New Roman，A、T、M 等字母边缘有装饰。

🎯视觉特点

给人 📚传统、🎩优雅、🏛️权威、📖文艺的感觉。

应用场景：

常用于高端品牌、杂志、书籍、奢侈品设计。

2. 无衬线字体（Sans Serif）

✅专业定义

无衬线字体是不带装饰性笔画的字体。Sans 在法语中意为"不带"。

💡通俗解释

干净、简单的现代字体。 例如 Helvetica、Arial。

🎯视觉特点：

给人 ✨现代、✨简洁、✨科技、✨年轻的感觉。

应用场景：

大量用于UI设计、APP界面、科技品牌、网页设计。

衬线 vs 无衬线

| 类型 | 特点 | 感觉 | | -- | -- | -- | | 衬线 | 有装饰脚 | 经典、高级 | | 无衬线 | 没有装饰 | 现代、简洁 |

3. 字族（Font Family）

✅专业定义

字族是指同一个字体设计体系下，由不同字重、字宽、样式组成的一系列字体集合。

💡通俗解释

一个字体不是只有一个版本。比如思源黑体可能包含 ExtraLight极细、Light细体、Regular常规、Medium中等、Bold粗体、Heavy特粗，这些组合就是字族。

🎯应用价值：

完整字族可以保证 ✅ 标题统一、✅ 正文协调、✅ 层级丰富。

4. 字重（Font Weight）

✅专业定义

字重指字体笔画粗细程度，常见有 Thin极细、Light细、Regular常规、Medium中等、Bold粗、Black特粗。

💡通俗解释

就是字体"有多粗"。标题用粗体，正文用常规，辅助文字用细体。

🎯设计作用：

通过字重建立视觉层级。例如标题用 800，正文用 400，说明用 300。

5. 字宽（Font Width）

✅专业定义

字宽指字体横向比例变化，常见有 Condensed（窄体）、Normal（标准）、Extended（宽体）。

💡通俗解释

就是字被横向压缩或拉伸。普通"设计"，窄体"设计"，宽体"设 计"。

🎯应用场景：

适合海报标题、品牌Logo、体育视觉设计。

📌注意：

不要直接拉伸字体（❌ Photoshop横向拉宽会破坏字体结构），应该使用字体自带字宽版本。

6. 标点挤压（Punctuation Compression）

✅专业定义

中文排版中，为改善文字视觉排列，对标点符号进行空间调整的技术。

💡通俗解释

中文标点（，。：；）占据空间比较特殊，设计软件会调整它们的位置。例如普通"你好 ， 世界"优化为"你好，世界"。

🎯应用场景：

常见于书籍排版、杂志、中文出版物。

7. 避头尾（Kinsoku Shori）

✅专业定义

中文、日文排版中的专业规则，用于限制某些字符不能出现在行首或行尾。

💡通俗解释

就是避免奇怪断句。错误："今天学习设计 ，提高能力"（逗号不能跑到下一行开头）；正确："今天学习设计，提高能力"。

🎯应用场景：

中文书籍、杂志、高品质排版。

8. OpenType字体

✅专业定义

OpenType是一种高级字体格式，由Adobe和微软共同开发。

💡通俗解释

它是一种"功能更强大的字体文件格式"。相比传统字体，OpenType支持 ✅ 更多字符、✅ 多语言、✅ 字体替换、✅ 连字功能、✅ 数字样式。

常见格式：

字体文件 .otf / .ttf。

🎯应用场景：

专业设计：品牌设计、出版、海报。

9. 轮廓字 / 转曲（Create Outlines）

✅专业定义

将文字转换为矢量路径，使文字脱离原字体文件。

💡通俗解释

原本文字=字体数据，转曲后文字=图形。例如设计文件发送给印刷厂，如果对方没有你的字体可能 ❌ 字体替换、排版变化；转曲后变成路径 ✅ 不会丢失。

🎯应用场景：

印刷输出前的Logo、标题、特殊文字。

📌注意

转曲后 ❌ 不能直接修改文字内容，所以应保存一个可编辑版本和一个转曲版本。

10. 字库版权（Font License）

✅专业定义

字体版权是指字体设计者或公司对字体使用范围拥有的法律权利。

💡通俗解释

字体不是随便下载就能商用。很多字体免费个人使用，但商业使用需要授权。

常见授权：

免费商用 ：部分开源字体。 个人免费 ：只能个人学习。 商业授权 ：企业项目需要购买。

🎯应用场景：

涉及Logo设计、广告设计、包装设计、商业海报。

📌设计师注意：

商业项目必须确认 ✅ 字体授权范围，避免版权纠纷。

衬线经典有气质，无衬线现代更简洁； 字族丰富方便搭配，字重控制视觉层级； 字宽影响空间比例，标点挤压提升排版质量； 避头尾保证中文规范，OpenType增强字体能力； 转曲避免字体丢失，版权意识保护商业作品。✨

🖼五：图形、图像与输出类设计术语

图形与图像是平面设计最核心的视觉组成部分。设计师每天都会接触Logo制作、海报设计、图片处理、印刷输出、AI生成图片、UI界面设计，这些工作背后都离不开 矢量、位图、分辨率、路径、蒙版、图层、色彩管理 等基础概念。理解这些术语，可以帮助设计师 ✅ 做出更专业的文件、✅ 避免输出错误、✅ 提升设计效率、✅ 更好理解 Photoshop、Illustrator 等软件逻辑。

1. 矢量（Vector）

✅专业定义

矢量图是由数学公式定义的点、线、曲线和形状组成的图形，不是由像素组成，而是由路径信息构成。

💡通俗解释

放大多少倍都不会模糊。 因为软件不是放大"小方块"，而是重新计算图形。例如 Logo 从 100px 放大到 10米广告牌依然清晰。

🎯常见软件：

Adobe Illustrator（AI）、CorelDRAW、Figma。

常见矢量文件：

AI、SVG、EPS、PDF（部分）。

📌适合制作：

✅ Logo、✅ 图标、✅ 插画、✅ 字体设计、✅ 标志系统。

2. 位图（Bitmap / Raster）

✅专业定义

位图是由大量像素点组成的图像，每一个像素记录颜色信息。

💡通俗解释

无数个小色块拼成的照片。 例如手机照片 4000×3000像素，里面包含1200万个像素点。

放大效果：

原图清晰，无限放大后出现 ❌ 马赛克、❌ 锯齿、❌ 模糊。

🎯常见软件：

Photoshop、Lightroom。

常见格式：

JPG、PNG、TIFF、PSD。

3. 分辨率（Resolution）

✅专业定义

分辨率表示图像包含的信息量，常见两个概念：

PPI（Pixels Per Inch）含义：每英寸像素数量，主要用于屏幕显示。手机屏幕高 PPI 画面更细腻。

DPI（Dots Per Inch）含义：每英寸打印点数量，主要用于印刷输出。印刷标准为 300 DPI。

💡通俗理解

图片里面有多少"细节"。

🎯印刷经验：

普通印刷 300dpi，大型喷绘 150dpi左右，网页图片 72-144ppi。

📌注意：

分辨率 ≠ 图片尺寸。两个图片都是 3000×3000像素，一个设置 72dpi、一个设置 300dpi，像素数量一样。

4. 图片格式（Image Format）

不同格式代表不同存储方式。

JPG / JPEG 特点：

✅ 文件小、适合照片。缺点：❌ 有损压缩、不支持透明。适合摄影图片、网页图片。

PNG 特点：

✅ 支持透明背景、画质无损。适合 Logo、UI素材、图标。

TIFF 特点：

✅ 高质量、印刷常用。缺点：文件较大。适合印刷图片、摄影输出。

PSD 特点：

Photoshop源文件，支持图层、蒙版、调整效果，适合后期编辑。

AI特点：

Illustrator源文件，主要保存矢量图形，适合 Logo、插画、品牌设计。

EPS特点：

通用矢量交换格式，印刷行业较常见。

SVG特点：

网页矢量格式，适合网站图标、UI图形、Web动画。

5. 转曲（Convert to Outline）

✅专业定义

将文字或对象转换为矢量路径。

💡通俗解释

就是把"文字"变成"图形"。原"LOGO"是文字，转曲后变成几个路径组成的图案。

🎯用途：

避免字体缺失、排版变化，常用于印刷交稿。

常用于：

印刷交稿。

6. 路径（Path）

✅专业定义

路径是由锚点和贝塞尔曲线组成的矢量图形骨架。

💡通俗解释

路径就是画图时的"骨架"。一个圆形Logo不是像素组成，而是一条闭合路径。

🎯应用：

Illustrator中绘制 Logo、图标、插画。

7. 锚点（Anchor Point）

✅专业定义

锚点是控制矢量路径位置的关键节点。

💡通俗解释

就是决定线条走向的小控制点。画一个圆需要多个锚点控制形状。

🎯应用：

钢笔工具绘图。

8. 手柄（Bezier Handle）

✅专业定义

手柄是控制贝塞尔曲线方向和弧度的控制杆。

💡通俗解释

锚点决定"点在哪里"，手柄决定"线怎么弯"。调整Logo曲线时拖动手柄即可改变弧度。

9. 蒙版（Mask）

✅专业定义

蒙版是一种隐藏或显示图像区域的方法。

💡通俗解释

给图片套一个"窗口"。 窗口显示哪里，哪里就出现。例如圆形头像：照片 → 圆形蒙版 → 圆形头像。

🎯应用：

图片裁剪、特效制作、合成设计。

10. 复合路径（Compound Path）

✅专业定义

将多个路径组合成一个整体，实现镂空效果。

💡通俗解释

多个形状合并成一个复杂图形。例如字母 O 里面有洞，这个洞就是复合路径效果。

🎯应用：

Logo、图标、镂空文字。

11. 剪切蒙版（Clipping Mask）

✅专业定义

使用一个形状作为显示范围，控制另一个对象显示区域。

💡通俗解释

类似把照片塞进一个形状里面。例如圆形+风景照片=圆形照片。

🎯应用：

海报设计、Banner设计、UI设计。

12. 透明度 / 混合模式（Opacity & Blend Mode）

✅专业定义

控制图层之间颜色和透明关系的计算方式。常见模式： 正片叠底（Multiply） 颜色变暗，用于阴影； 滤色（Screen） 颜色变亮，用于光效； 叠加（Overlay） 增强对比。

正片叠底（Multiply）

效果：颜色变暗。用途：阴影。

滤色（Screen）

效果：颜色变亮。用途：光效。

叠加（Overlay）

效果：增强对比。

💡通俗解释

就是不同图层之间如何"混合"。

13. 图层（Layer）

✅专业定义

图层是软件中用于分离管理不同视觉元素的结构。

💡通俗解释

像透明胶片一层层叠起来。例如海报：图层1背景、图层2图片、图层3文字。

🎯优势：

方便修改、调整、管理。

14. 编组（Group）

✅专业定义

将多个对象组合成一个整体进行移动或编辑。

💡通俗解释

多个东西绑在一起。例如 Logo 的图形+文字组合后一起移动。

15. 对齐与分布（Align & Distribute）

✅专业定义

通过软件工具，让多个对象按照规则排列。 对齐 ：左对齐、居中、顶部对齐等。 分布 ：等距离排列。

💡通俗解释

让设计更整齐。例如三个按钮间距完全一致。

16. 像素插值（Interpolation）

✅专业定义

图片缩放时，软件通过算法计算新增或减少像素的方法。

💡通俗解释

图片放大时原来没有的像素怎么办？软件根据附近颜色"猜"出来。常见算法有双线性、双三次、保留细节。

📌注意：

插值不能真正创造细节，低清图片无法无限变高清。

17. 色彩管理（Color Management）

✅专业定义

通过颜色配置文件（ICC Profile）确保不同设备之间颜色一致。

💡通俗解释

解决电脑看到的颜色与印刷出来的颜色不一样的问题，涉及显示器、相机、软件、印刷设备。

🎯应用：

专业摄影、品牌设计、印刷生产。

18. 预览模拟（Soft Proof）

✅专业定义

软件通过模拟印刷设备和纸张效果，提前预测最终输出颜色。

💡通俗解释

在电脑里提前看看"印出来大概是什么样"。例如 Photoshop 中打开校样颜色。

🎯作用：

减少 ❌ 颜色翻车。

矢量无限放大，位图依赖像素； 分辨率决定细节，格式决定用途； 路径构成图形，锚点控制位置； 手柄调整曲线，蒙版控制显示； 图层管理复杂设计，混合模式创造效果； 色彩管理保证屏幕与印刷一致。✨

🧩六：UI与品牌设计补充术语

随着互联网产品、移动应用、数字品牌的发展，现代设计师已经不仅仅制作海报、画册和包装，越来越多的工作涉及APP界面设计、网站设计、产品体验设计、品牌视觉系统、设计规范管理。因此，设计师需要掌握一些UI设计和品牌设计领域的核心概念。

1. 设计规范（Design System）

✅专业定义

设计规范（Design System）是一套用于统一产品视觉和交互体验的设计规则体系，包含色彩规范、字体规范、间距规范、图标规范、组件规范、交互规则。

💡通俗解释

一个品牌或产品的"设计说明书"。 告诉所有设计师：什么颜色可以用、按钮长什么样、字体多大、间距多少。例如一个APP的登录按钮：颜色品牌蓝、高度48px、圆角8px、字体16px。

🎯应用场景

常用于大型互联网产品、企业官网、APP设计、SaaS产品。

📌设计价值

优秀设计规范可以 ✅ 提高设计效率、✅ 保持视觉统一、✅ 降低团队协作成本。

2. 组件（Component）

✅专业定义

组件是可重复使用的界面设计模块。

💡通俗解释

做好的"设计积木"。 以后需要时直接拿来组合。例如APP里的 🔘登录按钮、🔘分享按钮、🔘购买按钮都是按钮组件。

常见UI组件：

Button按钮、Card卡片、Input输入框、Navigation导航栏、Dialog弹窗。

🎯应用场景

主要用于UI设计、Figma设计、前端开发。

3. 最小点击区域（Minimum Touch Target）

✅专业定义

用户在触屏设备上可以准确操作的最小交互区域。

💡通俗解释

按钮不能设计得太小，否则用户手指不好点击。例如手机按钮 ❌ 10×10px太小，✅ 44×44px以上更容易操作。

🎯应用场景：

手机APP的导航按钮、图标按钮、操作区域。

📌设计原则：

设计不仅要好看，还要好用。

4. 可访问性（Accessibility / A11y）

✅专业定义

可访问性是指设计能够让不同能力的人群都可以正常使用，包括视力障碍用户、色弱用户、老年用户、操作困难用户。

💡通俗解释

让更多人都能使用你的设计。 例如错误：浅灰文字+白色背景看不清；优化：提高颜色对比度。

🎯设计要求：

包括 色彩对比 （文字与背景明显区别）、 字体大小 （避免过小）、 操作区域 （按钮足够大）。

应用：

APP、网站、公共服务产品。

5. 品牌VI（Visual Identity）

✅专业定义

VI（Visual Identity）是企业视觉识别系统，通过统一的视觉元素建立品牌识别。 基础部分 包含Logo、标准色、标准字体、辅助图形； 应用部分 包含名片、包装、门店、网站、广告、员工用品。

基础部分

Logo ：品牌标志。 标准色 ：品牌固定颜色。 标准字体 ：品牌使用字体。 辅助图形 ：品牌视觉元素。

应用部分：

名片、包装、门店、网站、广告、员工用品。

💡通俗解释

一个品牌长什么样子的完整规范。 例如看到红色+白色+特定字体，很多人马上想到某些品牌，这就是VI的作用。

🎯UI设计与品牌设计关系

很多新人容易混淆： 品牌设计 解决"别人怎么看我？"，关注Logo、色彩、视觉风格、品牌形象； UI设计 解决"用户如何使用我？"，关注页面布局、操作体验、交互流程。优秀产品中品牌负责建立认知，UI负责提升体验。

品牌设计：

解决"别人怎么看我？"，关注Logo、色彩、视觉风格、品牌形象。

UI设计：

解决"用户如何使用我？"，关注页面布局、操作体验、交互流程。

🧩现代设计扩展概念（补充）

以下是2026年设计行业中越来越重要的概念。

6. Token（设计变量）

✅专业定义

Design Token是设计系统中的基础参数变量。例如颜色 Primary Color: #1677FF、间距 Spacing: 16px、圆角 Radius: 8px。

💡通俗解释

就是把设计规则数字化，方便设计和开发统一。

应用：

Figma、前端开发、Design System。

7. 响应式设计（Responsive Design）

✅专业定义

根据不同设备尺寸自动调整布局的设计方式。

💡通俗解释

同一个网站，电脑是横向布局，手机自动变成竖向布局。适配手机、平板、电脑。

8. 设计一致性（Consistency）

✅专业定义

保证产品中视觉和交互规则统一。

💡通俗解释

同一种功能不要每个页面长得不一样。例如所有按钮统一颜色、统一大小。

价值：

降低用户学习成本。

9. 信息架构（Information Architecture）

✅专业定义

对信息内容进行分类、组织和规划的方法。

💡通俗解释

就是设计信息怎么摆放。例如网站：首页 → 产品 → 详情 → 购买，这个结构就是信息架构。

10. 用户体验（UX / User Experience）

✅专业定义

用户使用产品全过程中的感受和体验，包括易用性、流程、情绪、效率。

💡通俗解释

不仅关注"好不好看"，还关注"好不好用"。

11. 用户界面（UI / User Interface）

✅专业定义

用户与数字产品交互的视觉界面，包括页面、按钮、图标、动效、排版。

💡通俗解释

UI就是用户看到并操作的东西。

12. 视觉语言（Visual Language）

✅专业定义

品牌或产品通过视觉元素形成的一套表达体系，包括色彩、图形、字体、摄影风格、排版方式。

💡通俗解释

就是一个品牌独特的"视觉说话方式"。

Design System统一规则，组件提高效率； 最小点击保证好用，可访问性服务更多用户； VI塑造品牌形象，UI解决产品体验； Token连接设计开发，响应式适配不同设备； 优秀设计不仅漂亮，更需要统一、易用、有价值。✨

🔥七：平面设计高频核心40词速记表

这一部分整理设计行业中最常出现、最需要掌握的40个核心术语，适合作为 📚设计新人入门笔记、🎓设计课程知识库、💼设计师面试复习资料、🧰AI设计工具学习基础词典。

📐一、版式排版类

术语	专业解释	通俗理解
版心	页面中实际放置内容的有效区域	页面中真正放东西的核心区域
页边距	版心距离页面边缘的空间	页面四周留下的空白
栅格系统	利用网格规范页面布局的方法	给页面建立隐形参考线
行高	文字上下行之间的垂直距离	一行字和下一行字隔多远
字距	字符之间的水平距离	字和字之间的间隔
基线	文字排列时的水平参考线	文字站立时踩着的地面
留白	画面中没有内容的空间	故意留下的空白区域
视觉层级	通过大小、颜色、位置区分信息重要程度	告诉用户先看什么

🎨二、色彩类

术语	专业解释	通俗理解
RGB	红绿蓝光混合模式	屏幕显示颜色模式
CMYK	青品黄黑四色印刷模式	印刷使用的颜色模式
专色	提前调配好的特殊油墨颜色	保证品牌颜色一致
色值	数字化表示颜色的方法	颜色身份证
色相	颜色本身类别	红、黄、蓝是什么颜色
饱和度	颜色纯度和鲜艳程度	颜色浓不浓
明度	颜色明暗程度	颜色亮不亮
对比度	视觉元素之间的差异	两个东西差多少
色域	设备能表现的颜色范围	设备拥有多少颜色能力
色彩管理	控制不同设备颜色一致的方法	保证屏幕和印刷接近

🖨三、印刷工艺类

术语	专业解释	通俗理解
出血	超出成品尺寸的裁切安全区域	给裁刀留下保险空间
安全边距	重要内容距离边缘的安全距离	防止文字被裁掉
模切	按照特殊形状裁切材料	切出各种异形形状
烫金	热压金属箔形成金色效果	把金属质感压到纸上
烫银	热压银色金属箔	制作银色高级效果
UV	局部增加透明亮光涂层	让部分区域更亮更突出
击凸	压出向上的浮雕效果	让纸张凸起来
击凹	压出向下凹陷效果	让纸张产生凹陷
覆膜	表面覆盖保护膜	给印刷品加保护层
拼版	多个页面排列到大印版	把很多内容放一起印
叼口	印刷机夹纸位置	机器抓纸的位置
打样	正式印刷前制作样品	提前检查效果
胶装	使用胶水固定书页	常见书籍装订方式

🖼四、图形图像类

术语	专业解释	通俗理解
矢量	由数学路径组成的图形	无限放大不会糊
位图	由像素组成的图片	放大会模糊
分辨率	图像细节信息量	图片清晰程度
PPI	每英寸像素数量	屏幕清晰度单位
DPI	每英寸打印点数量	印刷清晰度单位
图片格式	图片保存方式	JPG、PNG、AI等文件类型
路径	矢量图形的骨架	图形的线条结构
锚点	控制路径位置的点	改变图形形状的小节点
手柄	控制贝塞尔曲线方向工具	调整曲线弧度
蒙版	控制显示区域的方法	像给图片套窗口
剪切蒙版	利用形状限制图片显示	把图片放进指定形状
复合路径	多个路径组合形成复杂图形	制作镂空效果
图层	分离管理视觉元素	像透明纸一层层叠加
编组	多个对象组合管理	把多个元素绑一起

✍五、字体设计类

术语	专业解释	通俗理解
衬线字体	笔画末端带装饰的字体	有“小脚”的字体
无衬线字体	没有装饰笔画的字体	现代简洁字体
字族	同一字体不同粗细版本集合	一个字体大家族
字重	字体粗细等级	字体胖瘦
字宽	字体横向比例	字体宽窄
避头尾	中文排版规则	避免标点跑错位置
标点挤压	调整中文标点空间	让文字排列更舒服
OpenType	高级字体文件格式	功能更丰富的字体
转曲	文字转换为路径	把文字变成图形
字库版权	字体使用授权规则	字体能不能商用

🧩六、UI与品牌设计类

术语	专业解释	通俗理解
Design System	统一设计规则体系	产品设计说明书
组件	可重复使用的设计模块	设计积木
最小点击区域	触屏操作最小尺寸要求	按钮不能太小
可访问性	让不同用户都能使用设计	照顾更多人的体验
品牌VI	视觉识别系统	品牌长什么样的规范