design-direction 是一个用于确定视觉方向与情绪板的技能，来自 poorvith-mp/skills-design，地址为 https://www.skills.sh/poorvith-mp/skills-design/design-direction。
核心哲学 该技能强调：视觉设计方向不是从 Pinterest 情绪板上随机挑颜色。设计方向是对一种建筑式视觉流派的有意选择，用来直接强化产品可信度、受众预期与功能效用。选错视觉方向——例如给严肃的数据库监控工具套上 whimsical 的粉彩卡通美学——会破坏市场信任并损害转化。
四步战略设计方向框架 第一步：视觉流派分类 列出五种当代数字设计流派：
- 瑞士/国际主义排版：刚性网格对齐、冷峻无衬线字体（Inter、Helvetica）、不对称平衡、高对比、零装饰冗余；适合开发者平台、云基础设施、高密度金融分析。
- 编辑/高工艺：优雅衬线体（Newsreader、Canela）、充足留白、丰富的低饱和纸张色调、新闻摄影；适合出版平台、思想领导力内容、知识型工具、精品 SaaS。
- 新粗野主义：高对比 2px 黑色实线边框、硬投影（4px 4px #000）、粗体无圆角按钮、鲜艳原色、裸露结构；适合挑战臃肿既有产品的开发者工具、Z 世代创作者工具、颠覆性应用。
- 软科技/极简氛围：微妙渐变模糊、深板岩黑曜石表面、细 1px 半透明边框（rgba(255,255,255,0.08)）、微抬升；适合 AI 平台、现代生产力软件（Linear、Raycast）。
- 复古计算/终端：等宽字体、CRT 扫描线、深绿/琥珀单色调色板、ASCII 艺术边框；适合黑客工具、网络安全平台、底层系统工具。
第二步：产品与受众匹配矩阵 关注谁在评估工具：企业安全负责人对应瑞士或软科技（传递严谨与合规）；个人后端黑客对应终端或新粗野主义（传递速度与反企业姿态）；创意总监对应编辑或实验性风格。
第三步：精选情绪板与令牌合成 反 Pinterest 的情绪板纪律：收集 8 到 12 件真实世界实物——实体建筑、印刷杂志版式、复古计算硬件、顶级数字界面；提取 DNA：字体字重、表面圆角、颜色对比、间距密度。
第四步：概念冲刺与方向矩阵 生成 2 个截然相反的概念：不要只设计 1 个视觉方向，为核心界面做 2 个不同的设计冲刺——方向 A：克制的瑞士/单色；方向 B：氛围软科技/高对比。把两者放到目标用户面前测试理解度、速度与信任。
交付物格式：视觉设计方向简报（DESIGN-DIRECTION.md），内容包括所选视觉流派（如瑞士工业/高密度，含核心美学、目标受众、品牌感受）、基础设计原语（8px 基线网格、12 栏响应式布局、4px 圆角、1px 高对比分隔线 #27272A、等宽数据字体 JetBrains Mono 与无衬线标签 Inter、深板岩画布 #090D16 与卡片 #18181B），以及竞品视觉差异化说明。
案例 某数据库初创公司原用柔和粉彩紫色渐变，客户质疑其能否承受高吞吐企业负载。转向瑞士工业方向：深炭黑背景、锐利 2px 圆角、高密度数据表、鲜明霓虹琥珀状态指示。结果企业试点转化提升 40%，客户评价软件“像工业钢铁一样坚固”。
验证清单 所选视觉流派是否明确匹配受众角色与认知需求；是否至少开发并评估 2 个对比视觉方向；圆角、描边、字体与间距密度是否已编码；方向是否与同类竞品通用套路形成可见差异；方向是否支持高密度信息架构而不损失可读性。
反模式 闭门造车：从 Twitter/Dribbble 挑选与软件功能效用相矛盾的流行美学；通用紫色团块：所有 B2B 应用默认紫色渐变和漂浮 3D 球体；美学压过密度：在用户需要看到 50 行数据的分析仪表盘上优先巨大留白和巨型字体。