完整的 UI/UX 设计智能,用于打造精致的界面——涵盖交互模式、设计系统、用户流程和无障碍访问。
npx clawhub@latest install ui-ux-pro-maxUi Ux Pro Max 是一项全面的设计智能技能,提供战略思维与实践实施指导,帮助您构建精致的、生产级别的界面。它涵盖交互设计、用户流程、组件模式、设计系统、无障碍访问以及微交互。无论您是在重新设计令人困惑的设置页面、构建引导流程,还是建立一致的按钮层级体系,这项技能都将引导您做出有原则的决策并产出具体成果。
该技能将基础性原则——渐进式披露、反馈循环、错误预防、识别优于回忆以及一致性——直接应用于您的具体设计场景。与抽象理论不同,您将获得针对您的用户、任务和平台量身定制的具体决策建议。
涵盖导航模式(顶部导航、侧边栏、标签栏、面包屑导航、命令面板)、表单模式(单列布局、向导式流程、内联编辑)以及数据展示模式(表格、卡片网格、列表、仪表盘),并针对每种模式提供清晰的使用时机指导。
提供加载状态(骨架屏、乐观 UI)、空状态、过渡效果(持续时间、缓动函数、运动参数)以及微交互的精确实现规格,涵盖按钮按压反馈、切换动画和表单提交状态等细节。
生成结构化的组件定义,包括变体层级、尺寸比例以及完整的状态规范(默认、悬停、激活、聚焦、禁用、加载中)。按钮系统示例展示了其详细程度:精确的像素值、透明度规则以及使用约束。
包含实用的验证方法:用于测试页面清晰度的5秒测试、用于检验视觉层次的眯眼测试、用于检查键盘可导航性的Tab键测试,以及错误状态测试。这些方法帮助你在产品上线前发现问题。
当设置页面让用户感到不知所措或杂乱无章时,Ui Ux Pro Max 会对现有结构进行审查,识别分组和交互方面的问题,并推荐采用侧边栏导航布局,配合自动保存行为、变更指示器以及逐字段重置控件——并附带具体的组件模式建议。
针对新的应用功能或产品,Ui Ux Pro Max 将设计一套分步骤的引导流程,每个步骤包含一个主要操作、可见的进度指示器、智能预填默认值、清晰标注的可选步骤以及总体时间目标——完成后可直接交付给工程团队。
当应用程序中存在不一致的按钮或行动号召元素时,Ui Ux Pro Max 会生成一套完整的按钮系统:四种语义变体(主要、次要、幽灵、破坏性),三个尺寸级别及精确尺寸参数,以及所有所需交互状态的精确视觉规格说明。
使用 Ui Ux Pro Max 评估界面的键盘可导航性、可见焦点环、颜色对比度、动效偏好设置以及屏幕阅读器支持——将无障碍访问视为核心用户体验需求,而非事后补救。
npx clawhub@latest install ui-ux-pro-maxnpx clawhub@latest install ui-ux-pro-max登录后撰写评价
暂无评价。来分享你的使用体验吧!