页面设计 · 开源收藏

无瑕界面设计

从信息层级到细节交互,系统审视一个页面。

README 介绍

面向前端设计与改进的一组工作方法,覆盖审查、澄清、精简、适配、动效和细节打磨。适合已有页面,但尚不清楚问题出在视觉、结构还是交互的情况;也可用于为重构建立一致的设计方向。

准备什么

页面截图或可访问的页面、源码、目标用户和需要完成的主要任务。

它怎么工作

  1. 理解页面目标与现有设计约束,检查内容层级和操作路径。
  2. 选择匹配问题的工作方式,例如审查、精简、适配或打磨。
  3. 将改动落实到组件和状态,并检查不同宽度与输入方式。

你会得到什么

与任务相匹配的审查意见、设计调整或前端改动。

使用前知道这些

审查需要页面证据;代码修改和浏览器验证需要对应环境。只读审查不等于批准重构。

AI 使用建议

先请它指出最影响理解的三个问题,再逐个改,不要一开始就要求全面美化。

← 继续浏览 Skill 仓库