Visual Designer 是一个视觉设计规范类技能,核心原则是“一致性优先于创意”,强调每个颜色、字体和间距决策都应服务于用户体验。其内容按阶段组织:色彩系统部分介绍色轮关系(互补、类似、三角、单色)、60-30-10 配色法则、示例调色板变量、WCAG 对比度要求(普通文本 4.5:1、大字 3:1、UI 组件 3:1)以及深色模式策略与检查清单;字体排版部分涵盖最多两套字体的搭配原则、常见字体组合、模块化字阶(基准 16px、比例 1.25)、字重、行高与字距、以及 clamp 流体排版和断点式响应式排版;间距系统采用 8pt 网格并提供间距变量与用法;布局与构图部分讲解通过大小、粗细、颜色、留白建立视觉层级,12 列网格、留白、响应式断点;视觉润色部分提供阴影层级、圆角、过渡与动画(时长与缓动函数)等变量与示例;还包含对比、对齐、重复、邻近四项设计原则、按钮/卡片/表单等组件设计模式、设计工具清单和覆盖颜色、排版、间距、组件、响应式的视觉设计检查清单。资料中未提供该技能的安装命令或运行方式,也未说明收费、价格或平台信息,仅有外部工具与资源链接。使用时应注意其 WCAG 对比度和触控目标 ≥44px 等要求,具体项目需结合自身设计系统调整。
Visual Designer
设计与创作
更新于 10-15 20:31