视觉设计原则
让读者看懂内容之间的关系，并按任务需要找到重点。先决定应当传达什么，再安排视觉形式。不是把四个术语写进方案就算应用了原则。
本 Skill 根据 Robin Williams《写给大家看的设计书》第 4 版整理。参考文件区分原书依据与面向 UI、中文和工具执行的转用建议；不是原书全文或官方规范。
按任务读取
不要一次加载所有参考文件。
| 当前任务 | 读取内容 |
|---|---|
| 创建或重排页面；诊断分组、对齐、留白与焦点 | 布局判断 |
| 设置文字层级、选字体、处理字体冲突或排版细节 | 字体与排版 |
| 选择颜色、调整强调色、检查前景背景关系 | 颜色 |
| 实现网页或应用界面；调整响应式与组件 | UI 转用，再按问题读布局或字体 |
| 名片、海报、宣传册、报告、演示稿及印刷交付 | 媒介与印刷 |
| 原则说得通但不知道怎么改；需要案例推理 | 案例决策 |
| 交付前检查，或只做评审、比较版本 | 成品验收 |
| 核对书中出处、适用范围与没有沿用的建议 | 来源与边界 |
工作流程
1. 确定重点和约束
从任务与已有材料确定受众、使用场景、阅读或操作目标、展示尺寸和必须保留的内容。缺少非关键条件时说明合理假设并继续；只有会改变任务方向的信息才需要询问。
先决定读者应当首先注意什么，以及接下来找什么。内容、阅读路径与布局一起推敲，不必生成冗长设计报告。安静的长文阅读可以不设置强烈的广告式焦点。
改版前先指出原方案应保留的有效关系。不要为了显得做了设计而全部替换。保留用户文案、数据、品牌资产与现有组件规则；需要删改时按用户授权范围处理。
2. 把视觉意图写成关系
对真正影响方案的部分，明确：
- 哪些项属于一个组，哪些组需要分开；间距表达的是哪种关系。
- 哪些文字边界、图片边界、基线或中轴相互关联；关系是否跨越信息组。
- 哪些角色重复同样的样式，哪里需要有意不同。
- 哪个元素主导，其他元素用什么方式退居次要，同时仍然可读。
“统一左对齐”“增加留白”“高级配色”不是充分的布局说明。应具体到对象，例如“业务说明与联系信息共用右边界，形成邻接插画的稳定文字边”。
关系不清时，用简单草图、线框或现有画面上的辅助线比较可行结构。只在确有不同取舍时比较多个候选；不要给每个小改动强制生成多套稿。
3. 实现最小充分修改
先调整造成问题的分组、位置和层级，再处理字体、颜色和装饰。四原则可以协同使用，不要求每次都修改四个方面。
不默认左对齐，不禁止居中，不要求所有元素压在同一根线上。不默认放大标题或主要按钮。用实际关系和任务决定处理方式。
在已有 UI 中复用现有布局、样式与组件；没有必要不新增设计系统、抽象、依赖或测试。不要用额外的卡片、边框、图标或动画掩盖结构问题。
用户要图片时使用可用的图片生成或编辑工具；用户要可用界面时交付可运行界面。精确排版能力不足时应报告限制，不要把图片中的文字和对齐当作已经可靠实现。
4. 检查实际结果并修正
按 成品验收 检查渲染后的画面，而不是检查自己的意图是否正确。依任务选择实际尺寸、整体缩览、相关视口或状态。
发现已授权范围内可修复的关键问题，先修复，再检查受影响区域。不要一边承认明显错位、文字遗漏或阅读障碍，一边把同一版称为完成。也不要在结果已经满足目标后无休止修改。
只做评审时给出可定位的问题、影响和最小改法，不擅自执行改版。比较版本使用同样的尺寸、内容和评价目标，说明各自有效之处，不迎合用户，也不维护自己的旧方案。
交付
先展示或链接成品，再简要说明改善了什么、实际检查了什么，以及尚存的实质限制。过程记录只保留对判断有帮助的内容，不把检查表放进产品界面。
不要声称“用了本 Skill 所以设计更好”。质量结论需要成品证据；没有实际渲染检查，就明确说明尚未做视觉验收。