SuperAPI AI 工具集

web-visual-direction

前端与建站

查看项目

更新于 10-15 21:10

技能介绍

用途:把模糊的需求简报转化为一套连贯、可实现的视觉系统,而不是形容词堆砌的情绪板。适用于需要建立或修复网站、Web 应用艺术指导的场景。

主要能力:检查产品简报、现有代码、品牌资产、截图、内容、组件库与约束,保留有意的品牌资产;用一句话分别说明受众、其即时任务、界面应营造的感受;选择一个带有张力感的视觉主张(如“编辑式权威感与操作速度”),并解释其适配理由;选取两三个相关参考,提取节奏、对比、取景、密度等原则,而非表面装饰或受版权保护的布局。

使用方式:先决定构图再处理样式细节,包括首屏焦点、网格、内容宽度、密度与区块节奏,以及有意打破网格的元素;为排版、色彩、表面、边框、图像、图标与动效定义可直接实现的规则;以小型 token 集和组件影响表达方向,复用项目现有样式系统;在范围内实现一个代表性视口或组件;在移动端与桌面端宽度验证,移除削弱可读性、层级、性能或无障碍性的选择。

决策规则:以真实产品、作品、地点、人物、物件或成果为先;优先可记忆的结构性想法而非装饰效果;密度匹配任务,操作型界面紧凑,叙事型品牌页可留白;字体选择要有理由,不因流行而选或禁;卡片用于有意义的分组,而非默认容器;渐变、玻璃、颗粒、发光与超大字号是工具而非设计质量证明;动效要有目的并尊重减少动效偏好;不得伪造品牌资产、客户标志、指标或产品截图。

交付内容:视觉主张一句话、参考原则(借鉴与避免)、方向规格(构图、字体、配色、表面、图像、图标、动效)、与代码库兼容的 token 草稿、响应式意图、以及有浏览器访问时的截图或视口检查证明。产品类型显著影响方向时,可阅读 references/site-archetypes.md。限制:资料未提供具体收费、平台支持范围与效果保证。