SuperAPI AI 工具集

ui-visual-polish

设计与创作

查看项目

更新于 10-23 18:28

技能介绍

UI Visual Polish 是一个用于精修界面视觉设计与信息层级的技能,资料给出的使用场景是:在完善(refining)一个界面时应用这些规则;倾向做减法与克制;产出修改后的 UI(代码或描述),并列出具体改动。

主要规则按主题分为以下几部分。

颜色:把每一种颜色都替换为 Radix UI Colors 中最接近的匹配色;遵循 Radix 的色阶与使用约定(背景、边框、文本、强调色、对比度)。

排版:字号最多使用三种,绝不超过四种;下限为 12px;优先用字重、颜色和间距而非增加字号来建立层级。

对齐与形状:按视觉而非纯数字对齐;嵌套的圆角元素优先使用同心半径;需要线条时使用 0.5px 边框;仅在圆角与阴影有明确功能目的时使用,取值保持克制并与组件角色一致。

动效:默认不加过渡;确有需要时使用 ease-out、250ms。

文案:面向该屏幕的真实受众写作,清晰、准确、正式程度适当;长度与功能匹配,避免填充内容和生造术语;移除所有作为分隔符出现的“·”(中点)。

层级与装饰:用字号层级、字重、颜色与留白构建层级;仅当眉题/上标文字能补充主标题尚未承载的分类、语境或关键信息时保留;避免卡片左侧装饰性强调线。

交互与信息架构:尽量减少迫使用户在继续之前先做决定的交互;把不可避免的选择放在用户本就预期做选择的位置;按优先级对信息排序并重新组织为清晰顺序。

完成要求:每个被修改的界面都必须满足上述规则,并报告所做的改动。

适用场景为界面视觉走查、设计系统颜色对齐、排版与层级收敛、文案与信息顺序梳理等;具体安装命令、调用方式、收费与平台支持情况暂未提供。