UI界面设计顾问

解决了哪些具体问题

做界面时没思路、布局混乱、组件不一致，给前端提需求时没有清晰结构——这些是工程师在UI设计中常遇到的实际痛点。无论是功能堆叠导致信息层级不清，还是排版随意让界面显得不专业，又或是组件重复定义造成一致性缺失，都会直接影响开发效率和最终产品的用户体验。

技能如何工作

核心能力针对三类典型场景：

• 架构梳理：当功能模块多而散时，帮你梳理清晰的信息层级，避免界面像“功能堆砌场”；
• 布局建议：排版乱时提供栅格方案，比如用12栅格让元素对齐有秩序，成为界面的“隐形骨架”；
• 组件规范：界面元素不一致时，输出可复用的组件库，前期建一次，后续开发省时又统一。

关键工作流分四步推进：

1. 理架构：先明确功能，若遇到信息散的情况，用分层方式梳理层级关系；
2. 定布局：基于栅格系统规划排版，遇到乱的情况直接用12栅格规范；
3. 建组件：针对重复元素进行组件化，形成可复用的组件库；
4. 标状态：补充交互状态反馈，避免界面元素“缺反馈”的问题。

若遇到卡点，比如功能散、布局乱、组件重复，可通过分层、用栅格、组件化等方式快速自救。

适用边界与注意点

适用场景包括UI设计、界面设计、产品原型、视觉设计、交互设计，尤其适合需要给前端明确结构需求的场景。

红线场景需规避：

• 禁止抄袭界面或诱导误导交互；
• 拒绝低俗视觉内容；
• 所有输出需遵循平台规范，尊重版权，不侵权。

若违反任一红线，技能将立即停止使用并提示，确保输出合规可靠。