怎么读 阅读路径
设计术语关系图：信息经过层级、排印与栅格组织，再通过颜色、留白与组件形成页面
DESIGN LEXICON / 01—12

设计术语词典把概念看清楚

从“感觉不对”到说得具体：名称、关系、例子与修改方法。
视觉 文字 布局 色彩 系统
从这里开始：先读视觉层级，再观察标题、日期与按钮之间的关系。每个术语都能落到一次具体修改。

一句定义，一组可观察的差别

给初学者、创作者与需要讨论设计的人。

术语是描述工具。“标题不够突出”可以拆成字号、字重、位置与间距；同一个结果可能由不同变量造成。先指出关系，再尝试修改，比堆叠风格形容词更容易沟通。这里把12个基础术语组织为六组，避免只记住孤立的名词。

所有展览、工作坊与界面例子均为本站原创教学示例，不代表真实机构、活动或测试结论。建议打开自己的作品对照阅读，一次只改变一个变量。

按字段阅读：先看中文名与英文对应，再读定义、边界、例子、步骤和适用情景。

按问题查找：找不到重点看层级；读起来费力看排印；边缘散乱看栅格；元素关系不清看留白。

按顺序练习：首页两条路径分别面向从零认识页面和修改已有稿件，编号表示学习顺序，不表示流行度。

中文名 英文对应 定义边界 具体示例 修改步骤 适用情景
6
组概念详解
12
个基础术语
12
个阅读入口
2
条学习路径
6
步观察练习

术语与练习索引

6篇详解 · 12个入口 查看全部 →

每个条目怎么读

固定阅读字段
名

名称与对应

中文词和英文对应一起出现，便于识别设计文件里的标注。

义

定义与边界

说清词指向什么，也说明哪些相近概念不能直接替代它。

例

原创情景

用虚构展览页里的标题、日期、按钮和卡片解释关系。

比

对比与误区

比较两种做法的影响，不把个人审美写成唯一规则。

做

可执行步骤

从观察到修改再到复核，让概念转化为实际操作。

问

适用与问答

交代概念在哪些场景有效，以及使用时要注意的限制。

把讨论说具体

有依据地改稿
01

说对象

把“这里”改成“活动日期”，确保双方讨论的是同一内容。

02

说关系

描述标题与正文、卡片与卡片之间的差别，少用孤立评分。

03

说目标

先约定想让读者找到什么，再决定哪个元素应该更明显。

04

说变量

字号、行距、间隙分别讨论，避免一次改动后无法归因。

05

说证据

用实际文字长度和窄屏状态检查方案，别只看短占位文案。

06

说限制

把教学示例里的数值当起点，回到字体、内容和设备上验证。

四组容易混淆的关系

先分清，再动手
层

层级 ≠ 越大越好

层级回答先读什么；放大所有文字，只会让区别重新消失。

信息优先级
字

字号 ≠ 字的视觉大小

同样字号的不同字体，字面和笔画表现仍可能不同。用实际句子比较。

文字观察
格

栅格 ≠ 每块都一样大

栅格是共同的定位依据；标题可以跨列，内容也可以占不同宽度。

布局关系
组

留白 ≠ 白色背景

有色背景上的空区域同样是留白；关键是间隔如何组织关系。

空间关系

六步观察练习

步骤顺序，非历史年表
STEP 01
写下目标
读者要先知道活动名称，再确认时间，最后找到报名方式。
STEP 02
列出信息
区分标题、日期、正文、图注与操作，暂时不选择颜色。
STEP 03
安排关系
先用字号和间距拉开层级，再检查每组内容的归属。
STEP 04
搭建布局
选择共同边缘和列间隙，允许重要内容跨列。
STEP 05
检查状态
放入长标题、空结果、窄屏和焦点状态，查看是否仍能理解。
STEP 06
记录规则
留下有效的文字样式、间距与组件说明，供下一页复用。

阅读问答

直接回答
一定要按顺序读吗？ 问答
有具体问题可直接搜索；初学时建议按入门路径，先理解信息，再学习形式。
英文名称完全一一对应吗？ 问答
不总是。本文给出当前讨论语境里的常见对应，遇到团队特殊用法应先约定定义。
数字都是行业标准吗？ 问答
不是。原创练习中的字号、间距和列数是演示参数；引用网页标准时会明确说明来源与条件。
平面设计也能用吗？ 问答
层级、排印、栅格与留白可用于平面稿；组件状态与网页对比度的说明主要面向数字界面。
搜索会上传稿件吗？ 问答
搜索只筛选本页已有条目的文字，不需要上传文件或登录。
没有匹配结果怎么办？ 问答
清空关键词并选择“全部”；也可尝试行距、栅格、焦点等较短的词。
怎样提出一次有效的修改意见？ 问答
说明具体对象、要改善的阅读任务和准备改变的变量，例如“让活动日期比补充说明更容易找到”。
怎样判断我真的理解了？ 问答
换一份稿件解释同一概念，并说出何时不宜采用示例里的做法。能迁移比背定义更有用。