组件设计规范

什么是组件设计规范?

因为组件设计与开发自由灵活度极高,加上组件设计与开发并非一人完成的,所以在已有一定经验情况下会制定一些组件开发设计规范标准,只有这样做出来的组件才能尽量达到统一且通用性较高。组件设计规范包含设计准则与设计案例,详细的介绍了如何去按照通用标准与规范去设计一个组件并制定它的属性。

提示

此设计规范只是建议,您可以不按照规范自由发挥,或者你有更好的规范建议欢迎 提出或纠正在新窗口打开

设计十大准则

牢记设计十大准则,设计开发两全其美

组件边界要划分,相交应要尽量避免

  • 概要:
  • 图例:

组件划分为两类,常规与模态不可少

  • 概要:
  • 图例:

使用对象要分明,简单与复杂基于此

  • 概要:
  • 图例:

组件属性分两类,综合与用户个性化

  • 概要:
  • 图例:

制定属性先理清,优先用户其次综合

  • 概要:
  • 图例:

组件通用应优先,高复用可扩展为主

  • 概要:
  • 图例:

页面即为树结构,组件也可为树结构

  • 概要:
  • 图例:

组件交互叫通信,通信规则先查后立

  • 概要:
  • 图例:

主题皮肤不可少,颜色与图片都可为

  • 概要:
  • 图例:

组件扩展要考虑,常用事件必须内置

  • 概要:
  • 图例:

设计案例