APP 设计规范

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哈哈~

文/若记得亦痕

关键字:产品经理, APP

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部