用途:视觉形状本身就在传达个性,圆角与尖角给用户的信息不同。该技能关注排版、圆角与图标体系是否讲述一致的故事,常用于启动设计系统、选择图标或圆角令牌、审查视觉一致性。
主要能力:给出形状与语气的对应关系——胶囊/大圆角偏友好现代(消费级、健康、儿童、社交),8–12px 偏专业亲和(SaaS、效率、通用 B2B),2–4px 偏精确结构化(企业工具、金融、数据平台),直角偏技术严肃(开发者工具、安全、工业)。大卡片/模态常用比按钮更大的圆角,背景“井”区域用 2–8px 较小圆角以保持结构感。并从既有品牌读取形状语言:标志、插图、摄影、字体、竞品格局。字体形状同样承载语气(几何无衬线现代、人文无衬线温暖、怪诞无衬线中性、衬线权威、圆体友好、等宽技术)。当品牌手册未定义正文字体时,可按规则扩展:标题保留品牌字体,正文补充气质互补的次级字体,通常两种字体为宜,最多不超过三种,并记录理由。图标方面,描边粗细与圆角风格需与品牌一致,同一图标库同一字重;标准概念(设置、个人资料、搜索、删除、通知)应使用约定俗成的图标,不要自创;承载意义处用固定渲染的图标,Unicode 仅用于结构脚手架;动词图标只用于按钮动作,不作类型标记;固定图标集版本,同一概念全家族同一字形;16px 小尺寸优先以色相区分。
使用方式:为按钮、卡片、输入框、徽章、模态、头像、图标、插图等元素统一应用同一套形状逻辑(如 --radius-button、--radius-card、--radius-input、--radius-modal、--radius-full)。对已上线产品,可用 get_brand_identity 与 get_design_tokens 从 DOM 提取实际圆角、字体与语气,而非凭标志猜测。
适用场景与限制:可在既有产品、旧代码库、品牌手册不完整或仅面向印刷的情况下使用;手册与屏幕媒介不同时,它是证据而非法律,应把偏离作为发现反馈给品牌方。限制与确切的数值建议以资料为准,未提供之处暂未说明。