UI/UX设计大师

2小时前更新 2 00
UI/UX设计大师UI/UX设计大师
UI/UX设计大师

技能简介

UI/UX Master 是一套综合性的界面设计规范体系,整合 Apple 人机界面指南、现代网页设计模式、SuperDesign 原则及通用 UX 最佳实践,覆盖 iOS/macOS/watchOS/tvOS/visionOS 原生应用与 Web 端项目。

能做什么

  • 输出符合 Apple HIG 的 iOS/macOS 应用设计方案
  • 构建响应式网页与 PWA 的完整设计系统
  • 制定色彩、字体、间距等原子级设计规范
  • 设计按钮、表单、导航等组件的多状态交互
  • 实现 WCAG 标准的无障碍访问支持

使用说明

本技能为知识参考型工具,无需安装。使用时直接引用各平台规范:

  1. 确认目标平台(Apple 原生/Web/跨平台)
  2. 查阅对应参考文档:apple-platforms.md / web-design.md / color-systems.md / typography.md / layout-patterns.md
  3. 按 8pt 网格系统建立间距层级
  4. 采用 oklch() 色彩空间定义语义化色板
  5. 确保触摸目标不小于 44×44px,对比度不低于 4.5:1

输入与输出

见下方输入与输出表格。

项目内容
输入设计需求描述、目标平台类型、品牌规范、用户画像、技术约束
输出设计原则、色彩系统、字体规则、组件规范、布局参数、无障碍清单
适用人群UI/UX 设计师、前端开发者、产品经理、独立开发者、设计系统维护者
不包含设计源文件、组件代码、用户调研、A/B 测试、后端接口设计

 

风险提示

  • 需人工判断平台特性与业务场景的匹配度
  • 色彩对比度需配合实际环境光测试验证
  • 动效参数需根据设备性能调整,避免卡顿
  • 无障碍功能需配合真实辅助技术测试

来源信息

原始链接:https://github.com/openclaw/skills/tree/main/skills/kdbhalala/ui-ux-master/SKILL.md
来源类型:GitHub 开源技能库

数据统计

相关导航

暂无评论

none
暂无评论...