用途:该技能用于在视觉设计决策、评审设计是否“成立”、解释某处为何感觉不对、教学以及排查设计问题时,提供一套基于人类视觉与认知规律的基础原则参考,而非个人偏好。
主要能力:围绕视觉层级(用大小、字重、颜色、位置、间距、深度引导视线,并可用模糊 50% 的方式测试焦点、次要信息与行动点)、格式塔分组(接近性、相似性、连续性、闭合、图底关系)、三分法、黄金比例(1:1.618,同时承认其证据有限,可与其他比例如 1.25、1.333、1.5 并用)、视觉平衡(对称与非对称,以及大小、颜色、复杂度、位置、孤立等视觉重量因素)、对齐、重复、对比、留白与统一等原则展开。
使用方式:先判断当前面对的是“杂乱、无处可看、割裂、单调、摆放随意、分组混乱还是失衡”这类问题,再对应到留白、层级、统一/重复、对比、对齐、接近/相似或平衡等原则并给出调整方向。文中还给出 Tailwind 间距参考,如相关项用 space-y-2(8px),不相关分组用 space-y-8(32px)或 divide-y;间距层级从 gap-2(8px)到 gap-16(64px)或 py-24;对比度方面正文文字为 4.5:1(WCAG AA),大号文字为 3:1,UI 组件为 3:1。
配套资源:references/ 下有格式塔原则、视觉层级、色彩理论、字体基础、构图规则等深入文件,assets/principles-checklist.md 提供评估清单,可在需要更深入判断时阅读。
限制:资料未说明该技能的收费、价格、平台支持范围或具体执行步骤,这些暂未提供;其内容以设计原则与判断方法为主,不包含可直接运行的代码实现。