🎨 本页面介绍设计规范的核心原则，涵盖视觉统一性、用户体验优化及技术适配性三大方向。

视觉统一性

  • 品牌一致性：所有设计元素需遵循品牌VI手册（查看VI指南）
  • 色彩体系：主色 #2C3E50 与辅助色 #E67E22 的搭配逻辑
  • 字体规范：标题使用思源黑体，正文使用苹方（查看字体细则）
设计原则

用户体验优化

  • 信息层级：通过对比度与排版强化关键信息
  • 交互反馈：按钮悬停效果需满足 WCAG 2.1 可访问性标准
  • 响应式适配：移动端优先设计（查看响应式案例）
用户体验

技术适配性

  • 跨平台兼容：支持主流浏览器与设备分辨率
  • 性能考量：图片压缩至 1MB 以内，加载时间低于 2s
  • 可扩展性：模块化组件设计，便于后续迭代
响应式设计

🔗 需要更深入的规范文档？点击此处查看完整设计手册