工作方式
Web Design Engineer 是面向页面、仪表盘、原型、幻灯片和可视化的浏览器成果工作流。它不会把每个请求都当作新的落地页,而是先确定成果类型、受众和现有工作模式。扩展产品、保留重新设计的约定、重建视觉方向,是权限各不相同的不同任务。
其设计评估使用五个可调维度:变化度、动效、信息密度、素材依赖度和品牌还原度。这些维度会先形成一个已声明的系统和一份可查看的早期草稿,然后再进行详细实现。对于品牌类工作,真实的标志、产品照片和界面截图比单纯的调色板更重要。该技能还把轻量自检与可执行的浏览器验收区分开来,来源规定后者仅在明确提出 QA 请求时才进行。
预期交付物
- 一个 HTML/CSS/JavaScript 或 React 视觉成果
- 对视觉方向和 design-token 选择的书面评估
- 一份可查看的早期草稿,随后是完整的状态与交互
从需求到评审
- 01阅读现有上下文
检查所提供的源代码、截图、品牌素材和约束条件。判断这项工作属于扩展、保留式重新设计,还是更大范围的改造。
- 02声明设计约定
说明视觉方向、受众、密度、动效和素材,然后明确字体、间距、调色板、表面和交互处理。在编写第一行代码之前,等待用户批准该设计系统。
- 03展示可查看的草稿
用关键布局和如实标注的占位内容来检验方向。在填充每个组件或交互状态之前,等待用户单独批准这份早期草稿。
- 04构建与评审
完成已批准的交互和状态。执行来源中的自检;如果要求浏览器验收,则另行收集实际的视口和交互证据。