用途:这是一份前端视觉设计指导,用于构建新 UI 或重塑既有界面时,帮助确定有辨识度、有意图的美学方向,涉及配色、字体与布局。
主要能力:强调以具体主题为根基,先明确产品、受众与页面唯一目标;主张首屏即论点,用主题世界中最具代表性的元素开场;字体承载页面个性,需刻意搭配展示字体与正文字体并建立清晰字阶;结构装置(编号、分隔、标签)应编码真实信息而非装饰;动效需有目的,避免堆砌;复杂度与愿景匹配;文案视为设计材料,用主动语态、一致命名、明确错误与空状态。
使用方式:分两遍工作。第一遍基于设计简报做紧凑的设计方案,包含 4–6 个命名十六进制色值、2 个以上角色的字体、布局概念(一句话描述与 ASCII 线框)以及一个标志性元素。第二遍对照简报审查方案,若某部分像通用默认产出则修改并说明原因,确认独特性后再写代码,严格按修订方案推导每个颜色与字体决策。写 CSS 时注意选择器特异性,避免类相互抵消。
适用场景:需要差异化视觉识别的新页面或改版项目,尤其适合希望避免模板化观感的界面设计。
限制:资料未提供具体安装命令、平台支持、收费或价格信息;文中提到的三种 AI 常见默认风格仅为校准参考,并非强制规则;简报明确指定视觉方向时应严格遵循。