用途:当任务不只是“能用”,而是“看起来经过设计”时使用。适用于从零构建落地页、仪表盘、应用界面或视觉系统,也用于把平淡界面升级为有意图、令人印象深刻的界面,或把产品概念转化为具体视觉方向。
主要能力:提供一套设计工作流。第一步先框定界面,明确目的、受众、情绪基调、视觉方向以及用户应记住的一点;方向可选极简、编辑风、工业、奢华、俏皮、几何、复古未来、柔和有机、极繁等,选定一个并干净执行,不随意混搭。第二步建立视觉系统,定义字体层级、颜色变量、间距节奏、布局逻辑、动效规则以及表面、边框、阴影处理,建议用 CSS 变量或项目 token 系统保持一致性。第三步有意图地构图,在强化层级时用不对称,在制造深度时用重叠,在明确焦点时用强留白,仅在产品受益时使用密集布局,避免默认对称卡片网格。第四步让动效有意义,用于揭示层级、分阶段呈现信息、强化用户操作,并创造一两个记忆点,而非到处散布通用微交互。
使用方式:资料未提供具体安装命令或调用方式,仅说明在用户要求构建 Web 组件、页面或应用时使用。执行时需保留既有产品设计系统,让技术复杂度匹配视觉构想,保持可访问性与响应式,桌面与移动端都应显得刻意。
限制与质量门槛:交付前界面需有清晰视觉观点,字体与间距显得有意为之,颜色与动效支撑产品而非随机装饰,结果不应像通用 AI UI,且实现需达到生产级。资料未提供收费、价格、平台或效果数据。