欢迎查阅我们的设计规范文档,以下是核心内容概览:

1. 基础设计原则 🎨

  • 一致性:确保所有界面元素风格统一,如按钮样式、字体字号等
  • 可用性:遵循 用户体验指南 设计直观交互逻辑
  • 可访问性:符合 WCAG 2.1 标准,支持键盘导航与屏幕阅读器
  • 响应式布局:适配多端设备,参考 前端实现规范

2. 视觉系统规范 🖼️

设计原则_图标
- 主色调:品牌色系为 `#2A9D8F`(深绿)与 `#E9C46A`(浅黄) - 字体规范:中文使用思源黑体,英文使用 Roboto - 图标库:[点击查看完整图标集](/design/icons)

3. 组件使用规范 🧩

  • 按钮:
    • 默认状态:<button class="primary">确认</button>
    • 悬浮状态:<button class="primary hover">确认</button>
  • 表单:
    • 输入框:<input type="text" placeholder="请输入..." />
    • 下拉菜单:<select><option>选项1</option></select>

4. 设计资源中心 📁

设计流程_图表
> 了解更多设计方法论,请访问 [/design/methodology](/design/methodology)