用途:这是一套基于 Refactoring UI 原则的 UI 设计指导,强调设计决策应有意图而非装饰,每个视觉选择(颜色、尺寸、间距、字重)都应传达层级并引导注意力。
主要能力:涵盖设计个性与基调(正式↔随意、克制↔表现两个轴及四象限)、色彩理论与心理(冷暖色、类比/互补/分裂互补/三角配色、各色相联想、饱和度作为设计杠杆)、布局决策框架(按内容类型选布局、信息密度谱、导航模式、各领域布局画像)、视觉层级与排版等。
使用方式:先回答“这应该给人什么感觉”,确定设计个性象限,再据此选择圆角、字体、饱和度、留白密度、阴影与图像风格;配色按决策树:定个性→选主色相→选配色方案→定饱和度→用 HSL 构建色板。资料中给出示例变量如 --primary: hsl(250, 45%, 50%)。
适用场景:金融、医疗、电商、创意工具、教育、SaaS 仪表盘、媒体内容、开发者工具等界面设计,并给出各领域布局画像。
限制:资料未提供具体安装命令、平台支持、收费或价格信息;内容为设计原则指导,非可直接运行的代码库。