UI设计规范制定

在做项目的过程中,为了做到组件可复用,提高界面的统一性,搭建一套简单明了的组件库,前期参考了市面上成熟的组件库,可在自己动手制作后发现了如下的问题:

  • 规范内容太多导致文档格式和布局混乱
  • 规范创建后上下游成员都不关注也不遵守
  • 规范的内容用起来同事抱怨太麻烦
  • 规范创建完第一版以后就很难维护导致荒废
  • 因为规范的限制导致界面设计看起来很死板

UI设计规范本身的作用和价值:

  • 标准化设计元素,提高界面的统一性
  • 样式复用和组件化,增加设计、开发效率
  • 规范设计流程,降低团队协作成本
  • 书面留档,便于后续复查和核对

一个大而全、细致、全面的规范,在实际项目过程中难以调整和维护,项目迭代过于频繁,没有根据实际情况考量,建立了过于理想化的目标,纯纯为了做规范而做规范。

实际项目中应用的规范

  • 简单易懂、方便查阅、复制、引用
  • 直接在画布中创建制作(除了复用,还包括查看属性参数)
  • 组件状态只保留了示意稿,不在界面设计中直接引用

规范文件中的版本控制

之前使用固定、唯一的设计规范文件

现在每次创建一个版本的文件夹,在里面复制一个独立的版本规范文件

规范里细节是否添加说明

不用每个都添加,写好标题,命好名即可。

有需要通过交互或特殊逻辑产生的状态,用交互文档的展示方法连线和备注

posted @ 2024-06-25 10:42  wqll  阅读(2)  评论(0编辑  收藏  举报