本指南旨在为开发者提供一套清晰的设计风格标准,确保我们的产品在视觉上保持一致性和专业性。

通用原则

  • 简洁性:设计应简洁明了,避免冗余元素。
  • 一致性:遵循统一的颜色、字体和布局规则。
  • 可访问性:确保设计符合可访问性标准,让所有人都能轻松使用。

颜色

我们使用以下颜色作为品牌的主色调:

  • 主色:#0056b3
  • 辅助色:#009688
  • 中性色:#ffffff, #000000

字体

我们使用以下字体:

  • 主字体:Arial
  • 副字体:Georgia

图片

确保所有图片质量高,并且符合品牌形象。

  • 图片尺寸:建议图片宽度不超过 1200px。
  • 版权:所有图片需获得相应授权。

交互

  • 按钮:按钮应清晰标识,易于点击。
  • 加载:加载状态应有明确的提示。

示例

以下是一个按钮的示例:

<button>点击我</button>

扩展阅读

想了解更多关于设计风格指南的信息?请访问我们的设计资源.

设计风格示例