bolder

概览

什么是 bolder？

bolder 是一项专注于将安全、通用或视觉平淡的界面转变为更具刺激性和记忆点体验的 UI 设计技能。它帮助设计师和团队识别设计为何显得平淡，并提供结构化方法来增强视觉冲击力和个性，同时不影响可用性和无障碍性。

谁适合使用 bolder？

该技能适合 UI/UX 设计师、产品团队和开发者，尤其是当他们收到设计过于保守、缺乏特色或不够突出反馈时。如果你想为数字产品注入更多活力、独特性或品牌个性，bolder 提供了实用的工作流程。

bolder 解决的问题

• 设计显得通用、可预测或缺乏灵感
• 界面缺乏对比度、层次感或视觉张力
• 项目中利益相关者要求更多个性或视觉冲击
• 确保大胆改动仍保持可用性和无障碍性

使用方法

安装步骤

1. 使用以下命令安装 bolder：

   npx skills add https://github.com/pbakaus/impeccable --skill bolder
   

2. 首先阅读 SKILL.md 文件，了解详细的工作流程和背景。

3. 查看 README.md、AGENTS.md 和 metadata.json 等支持文件，获取更多指导。

4. 探索 rules/、resources/、references/ 或 scripts/ 目录，寻找额外工具和示例。

应用 bolder 工作流程

• 必备准备：
  • 调用 $frontend-design 以收集设计原则和上下文。如果没有设计上下文，先运行 $teach-impeccable。
• 评估当前状态：
  • 识别设计为何显得平淡（例如通用字体、低对比度、层次扁平）。
  • 理解品牌、受众和项目限制。
• 规划增强方案：
  • 决定在哪些地方以及如何添加视觉张力、对比或独特元素。
  • 确保改动符合品牌和无障碍要求。
• 增强设计：
  • 在排版、色彩、布局、动效或层次结构上应用更大胆的选择。
  • 根据反馈和可用性检查进行迭代。

推荐预览文件

• 从 SKILL.md 开始，了解主要工作流程和设计理念。

常见问题

什么时候应该使用 bolder？

当你的设计被描述为平淡、过于保守或缺乏个性，或者利益相关者要求更强的视觉冲击时，使用 bolder。

bolder 会取代设计基础吗？

不会。bolder 建立在坚实的设计原则之上，旨在增强而非取代可用性和无障碍的最佳实践。

哪里可以找到更多细节？

打开仓库中的 Files 标签，浏览完整文件树，包括支持参考资料和脚本，获取更深入的指导。