interface-design
Installation
SKILL.md
Interface Design
把页面做得协调、精致、好用:视觉层级、比例、排版、留白和细节要共同成立;组件、信息和操作要服务于真实任务,避免堆叠无用控件。理论和参考用于校准判断,最终取舍回到产品、真实内容和实际画面。
从真实关系开始
按任务选择深度:缺少设计方向时,从活动与价值探索语言;评审已有界面时,直接观察并比较;局部打磨时,沿用已确定的语言解决具体比例或交互问题。无需每次重新研究哲学,也不默认重做整个产品。参考品牌、目标平台和参数由当前任务提供,不能把某个项目的偏好变成通用默认。
已有设计系统时,先恢复当前采用的视觉基准、主题源码与完整场景,再使用下面的方法打磨。 本 skill 提供设计判断,不维护项目样式规范;旧研究、旧截图和探索配方不能覆盖已实施的方向。 项目的现行设计系统和适配约定由该项目维护,按当前任务读取。
用户要求新做、改版或打磨 UI 时,以视觉质感与组件取舍为主线:判断页面是否协调精致、元素是否对任务有用,再修改并复看实际页面。用户研究、AI 专项状态梳理、多方向比较等步骤按需采用,不作为每次改 UI 的前置流程。
多页面持续打磨兼有扫描工作量时,可按需用 ui-improvement 组织批次、试作与传播。本方法继续承担具体视觉与交互判断,局部制作无需额外加载; 该接合方法仍在孵化,不能把链接存在当作规模效果已验证。
理解当前任务、产品角色和矛盾:人在什么情况下想做什么,产品如何影响其理解和行动。已有页面或需求足以说明这些关系时直接沿用;不要为局部打磨展开全面用户研究。区分已确认偏好、实际观察、设计者解释与未验证假设,不把推测写成事实。