如何建立一套 UI 设计规范?
首先是你要足够了解你的产品这样才能很清晰的知道哪些地方可以形成规范。举例一个app1.首先你可以把所有界面全部截图下来,横向对比你会发现,很多一样的东西或者类似的东西居然都做的不一样;2.你把类似的归
如何建立一套 UI 设计规范?首先是你要足够了解你的产品这样才能很清晰的知道哪些地方可以形成规范。
举例一个app
1.首先你可以把所有界面全部截图下来,横向对比你会发现,很多一样的东西或者类似的东西居然都做的不一样;
2.你把类似的归类,比如弹窗,设计出一个公共样式出来,给出使用规范;
3.你的规范需要非常的详细,这样开发看到你的规范后就可以形成代码模板,后面的开发只需调用公共代码即可。
扩展
你可以把你的规范做成一个网站,
这个可以参考一下谷歌Material design 的设计规范Color - Style
然后我们可以把所有能形成规范的写上去,让开发在你的对应控件加上代码(写上使用方法和调用方法),到时候特别是新来的同事,就可以直接访问这个网址,同时也能知道怎么使用,同时你也可以把相关的产品文档上传到对应的位置,当同事访问该规范的时候不仅可以直接下载源文件进行修改,还可以下载产品文档。
这样做的好处就是,你这个规范不仅仅是从设计师的角度出发的,是为整个团队考虑的这样大家都方便了,才真正成立了一个行之有效的工具。
接下来你就可以不断的优化规范,开发也可以不断的优化代码。
能定规范的一定是要非常容易理解和方便使用的,如果成为一种负担,或者不能提高效率,那都是不成功的规范设计。
最近我们团队也制定了非常详细的规范,用起来之后,发现确实好很多了,以前每条产品线在app上总是各种各样,现在才慢慢统一,当然效率提升也是必然的。
先这样想到了再补充
举例一个app
1.首先你可以把所有界面全部截图下来,横向对比你会发现,很多一样的东西或者类似的东西居然都做的不一样;
2.你把类似的归类,比如弹窗,设计出一个公共样式出来,给出使用规范;
3.你的规范需要非常的详细,这样开发看到你的规范后就可以形成代码模板,后面的开发只需调用公共代码即可。
扩展
你可以把你的规范做成一个网站,
这个可以参考一下谷歌Material design 的设计规范Color - Style
然后我们可以把所有能形成规范的写上去,让开发在你的对应控件加上代码(写上使用方法和调用方法),到时候特别是新来的同事,就可以直接访问这个网址,同时也能知道怎么使用,同时你也可以把相关的产品文档上传到对应的位置,当同事访问该规范的时候不仅可以直接下载源文件进行修改,还可以下载产品文档。
这样做的好处就是,你这个规范不仅仅是从设计师的角度出发的,是为整个团队考虑的这样大家都方便了,才真正成立了一个行之有效的工具。
接下来你就可以不断的优化规范,开发也可以不断的优化代码。
能定规范的一定是要非常容易理解和方便使用的,如果成为一种负担,或者不能提高效率,那都是不成功的规范设计。
最近我们团队也制定了非常详细的规范,用起来之后,发现确实好很多了,以前每条产品线在app上总是各种各样,现在才慢慢统一,当然效率提升也是必然的。
先这样想到了再补充
责任编辑: