ui-refactor

UI 重构与设计

此技能将战术性、逻辑性规则应用于用户界面设计。它优先考虑清晰度、层次和系统，而非“艺术天赋”。

核心工作流

1. 功能优先：不要从设计“外壳”（导航栏、侧边栏）开始。先从具体功能入手（例如搜索表单、联系人卡片）。
2. 低保真：初期忽略颜色、阴影和字体。使用粗头记号笔或基础线框图，以灰度进行设计，先解决布局和间距问题。
3. 定义系统：不要使用随意的数值。立即为间距、字体和颜色建立严格的系统。
4. 完善：运用具体策略来优化层次、深度和精致度。

特定领域策略

参考以下文档，了解具体的实现规则：

• 突出或融入元素：参见 hierarchy.md（大小、字重、对比度、语义）。
• 留白与对齐：参见 layout-spacing.md（网格、间距尺度、密度）。
• 文本与字体：参见 typography.md（字号阶梯、行高、字体）。
• 颜色与配色方案：参见 color.md（HSL、饱和度、无障碍对比度）。
• 图像、阴影与精致度：参见 depth-and-polish.md（光源、素材、收尾细节）。

快速经验法则

• 限制选择：如果你无法在两个选项间做出决定，说明选项太多了。将输入项（颜色、字号、间距）限制在预定义的尺度中。
• 个性：
  • 严肃／优雅：衬线字体、锐利的边角、金色／蓝色、正式的语言。
  • 活泼／友好：圆角无衬线字体、大圆角半径、粉色／橙色、随意的语言。
• 复杂度：不要先针对边缘情况进行设计。先设计“理想路径”（简单版本），再逐步应对复杂情况。