用途:这是一套前端设计思维原则,目标是在写代码之前先确立清晰的美学方向,做出有辨识度、不落俗套的界面,避免千篇一律的 AI 生成式审美。
主要能力:提供设计思考框架,要求在编码前先回答四个问题——目的(界面要达成什么)、受众(谁使用、有何预期)、调性(应唤起什么感受)、差异化(什么让它独特)。给出可选的极端美学方向及其特征:粗野主义(原始、诚实、实用)、极繁主义(大胆、层叠、表现力强)、极简主义(克制、精确、本质)、复古未来主义(怀旧科技、霓虹、渐变)、奢华(精致、留白、高级)、俏皮(动效、多彩、愉悦)。同时列出应避免的“AI 味”元素:以 Inter、Roboto、Arial、系统字体作为主字体;紫色渐变、蓝到紫的过渡;居中英雄区加三栏特性布局;到处圆角与细微阴影。还给出反模式清单,涉及排版(全站单一字体、默认系统字体)、色彩(灰上加灰、缺乏灵感的配色)、布局(对称网格、一切居中)、动效(处处悬停效果、弹跳动画)。
使用方式:作为设计前的检查清单使用,逐项核对——排版是否独特(非默认字体)、配色是否有意且克制、布局是否打破可预测模式、动效是否服务于目的且精致、设计方向是否清晰一致、响应式行为是否保持质量、可访问性是否未因美学而牺牲。资料还列出 Fontshare(免费优质字体)与 Coolors(配色生成器)两个资源。
适用场景:前端界面设计、视觉风格定调、评审设计稿是否过于通用。
限制:资料未提供具体安装命令、代码示例、收费或价格信息,也未说明支持的平台与集成方式。