手机客户端UI设计规范模版

末逝情人Amanda

末逝情人Amanda

2016-02-17 00:48

今天图老师小编要向大家分享个手机客户端UI设计规范模版教程,过程简单易学,相信聪明的你一定能轻松get!

UI设计师的视觉设计工作中,一半是效果设计,另外一半是切图切图再切图,调整调整再调整的过程。在给与视觉资源的时候,往往会碰到这样的问题:比如有个公共的title bar重新修改后,需要跟负责每个模块的开发人员都通知一遍;再比如有个列表项的字号或色值重新定义后,需要去查看是否还有同类型的其他页面的列表项也要跟着改过来。重复的劳动工作不仅浪费时间,也显得你和开发人员没有一点默契可言。

举个例子,如下,tab bar的样式和每个标题的颜色和字号需要重新设计调整,而同时有三个开发人员会用到tabbar资源,以及统一的字号颜色。设计师当然要保证同功能的bar都保持一样,但代价就是将改动说明重复三遍:A童鞋呀,这个bar的样式变了,bar标题的颜色字号也变了;B童鞋呀,这个bar的样式变了,bar标题的颜色字号也变了;C童鞋呀,这个bar的样式变了,bar标题的颜色字号也变了......

手机客户端UI设计规范模版,PS教程,图老师教程网

解决办法:

如何做到一拖三的效果呢?笔者在此分享淡定应对多个开发人员共同向你寻求资源的困境,并能统一管理调配这些资源。

(1)明确资源有哪些?建立资源库;

手机客户端UI设计规范模版,PS教程,图老师教程网

(2)定义模块。

对模块进行分类并定义,比如我分的大类有7个,包括:background/bar/list/control/tag/content/operate list,

原则:(1)对于公共模块要做到不重复也不遗漏,不然就失去定义模块的意义,比如一个客户端中有关list的样式可能就有好几种,一行的、两行的、三行的等等,都要查漏补缺;(2)每个模块中尽量保证字号色值、左右上下间距都包含,因为开发人员找到对应的公共模块后,可以迅速获悉这几个方面的信息,迅速开发。

手机客户端UI设计规范模版,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

手机客户端UI设计规范模版,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

再次声明以上规范好处(对比以前每个页面进行标注的做法):

手机客户端UI设计规范模版,PS教程,图老师教程网

(1)即视觉调整的工作量大概可节省一半。即一个设计师对应一个统筹资源的开发人员,当有一个小的变动(如title bar的样式或字体颜色)时,不用所有人员都通知一遍,直接联系该开发人员即可;

(2)视觉设计师交接时,可以减少沟通成本;

(3)加强了同一类型设计部件的统一性。设计师也会大意的时候,即在同一类型的设计部件中,设置了不同的参数,导致设计效果图本身不统一;

最后谈一下该规范适用情况:

(1)一个设计师既做交互又做视觉;

(2)视觉重复页面比较多;

(3)当有其他设计师交接;

展开更多 50%)
分享

猜你喜欢

手机客户端UI设计规范模版

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
手机客户端UI设计规范模版

移动客户端UI设计指南

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
移动客户端UI设计指南

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

详细解析软件UI设计规范分享

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析软件UI设计规范分享

手机客户端的交互操作

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
手机客户端的交互操作

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

Zune 客户端

平面设计 标志设计 UI设计 VI设计
Zune 客户端

win客户端和linux客户端的区别

服务器
win客户端和linux客户端的区别

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

详解优秀网页设计对创业的重要价值

详解优秀网页设计对创业的重要价值

完美设计之前请学会良好的沟通

完美设计之前请学会良好的沟通
下拉加载更多内容 ↓