APP设计规范

  • 经验类型规范/资料
  • 经验属性原创文章
  • 经验版权署名-非商业性使用
5724 0 46 2016-11-03



APP视觉设计规范



我只大概说一下我对规范的认知,大神勿喷,哈哈哈。。。


在做一个app前,首先要先定一些规范,如果要是自己一个人做,也可以不定(自己说了算嘛。。。)


最主要的要分为 7 大部分:


1:标准色 2:标准字 3:图标 4:按钮 5:公共控件 6:模块 7:布局


我具体的来说一下:


1:标准色




主色调要先定好,辅助色,背景色,分割线,标签,强调的和突出的文字按钮,颜色要先统一定好,并标示出来,后面最好注明用于什么页面,什么类型,方便自己也方便别人。


例如:



2:标准字




对于标准字,我不再多说,我之前有一篇讲的很详细,需要的可以自己单独去看,有不清楚的也可以私下问我,哈哈


例如:



3:图标




图标一般有3中状态:默认、触摸、选中,尺寸根据设计需要,一般要出2套图,@2x和@3x,png格式,图标采用描边还是实心,具体以和pm沟通为准。


例如:


4:按钮




按钮也分为:默认、触摸、不可点击3种状态,按钮具体的尺寸,色值,文字的字号等都要进行标注,宽度一般根据页面的宽度来定。



5:公共控件





公共的控件,只要尺寸色值统一即可,其他无过多的要求。



6:模块





模块之间要用留白,细线或色块来进行分割,具体的留白尺寸,分割线宽,视app的界面而定,没有说必须要使用多大的。



7:布局





布局一般分为2种,一种是只有导航栏,下面是内容区域,另一种就是比较常见的,顶部导航栏,内容区域,底部导航栏,也不排除其他的样式,这里只说最常见的。



当然,真正想要完成一个完整的APP,光有以上的格局还是不行的,还要多多练,多多看,书读百遍,其义自现,设计也是一个道理,我是和大家一同进步的小UI,有空还跟大家分享,O(∩_∩)O哈哈~




不要忘记点赞哦!!!
不要忘记点赞哦!!!
不要忘记点赞哦!!!





全部评论:0条

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票