在讲安卓设计规范之前我们先来看看一下的问题:
*规范是什么?
*规范的目的是什么?
*怎样进行规范?
规范是什么
规范:意指明文规定或约定成俗的标准。或是按照标准,规范的要求进行操作,使某一行为或某一活动达到或是超越规定的标准。
也就是说规范通过制定一些规定与约束(如字体大小,界面尺寸,图标大小等)使某一行为(如项目开发,组件库的组件等)达到标准。
制定规范的目的是确保设计的统一性与合理性。规范维护的是项目的统一,而不是设计师个人的设计。想一想在公司里,除了设计,前有产品经理,后有程序员,还有用户,你做的东西都是要交给他们的。产品经理看你的设计是否展现了她的需求(设计内容是否包括前期讨论的内容),程序员问你要各种切图(图标、组件、布局、间距、字体大小等),用户看你的设计(颜色,图标使用的大小范围等),如果设计师完全没有规范,全凭自己的“天马行空”设计出来的东西,是会带来很大的麻烦的,举个简单的例子,切图规范,如果你的命名只有自己能看懂,那你就不要发给程序员了吧~因为发给他他也找不到哪个是哪个,这个图标应该放在哪里。你所做的设计是为了公司项目服务的,是为了客户服务的,所以你设计的东西就得满足项目中其他职位(产品经理、程序员)使用的需求,以及符合用户的使用习惯。所以规范是为了项目利益最大化,高效化而在团队中制定成的约定。
不同的规范虽然内容不同但是包含的内容其实是差不多的,通常包括布局,颜色,图标,组件,字体这几个方面。接下来我们就来看看安卓中常见的设计规范,相信学习了之后,以后项目里的设计规范你都很清楚了,在设计中多加注意就行。一个产品设计完成之后,进行设计规范制作也是对项目总结的一个方法。能注意规范且会制定规范。
1.界面尺寸
在进行app设计的时候,我们都会先建画布大小,当然是根据安卓界面尺寸来建立的。安卓手机那么多,不必每一个都记住。只要记住一两个,懂得之间的换算关系就行了。
目前安卓端主流尺寸主要是@1.5x,@2x以及@3x,记住下面三个就够用了。
@1.5x 480x854 /540x960
@2x 720x1280(这是我最常用的界面尺寸)
@3x 1080x1920
考考你,那@1x是多少呢?
除了知道界面尺寸外,还得知道状态栏,导航栏,菜单栏的高度是多少,设计时建立好相应的参考线。
建议取用720×1280 这个尺寸,这个尺寸 720×1280中显示完美,切图后的图片文件大小也适中,应用的内存消耗也不会过高。
2.系统图标
对于图标其实在规范上面有很多要注意的,比如图标大小,图标设计,图标切图规范,这里就重点讲图标大小,之后会再讲图标设计规范。
3.字体
安卓系统中,中文使用的是谷歌思源,英文使用的是Roboto。思源字体,是一种非衬线字体,Adobe称思源体为Source Han Sans,Google称思源体为Noto Sans CJK. 思源体包含7个自重,也就是7中不同粗细的字体。
对于字体或许在设计过程中你会选用其他字体,但是需要注意你所用的字体是否利于用户阅读,是否舒服等问题。
4.字体大小
对于字体的大小,在界面设计过程中,需要统一,比如所有正文是统一大小,所有标题是统一大小。
不同风格的字体大小,给人的感觉也是不同的,我们要学会灵活应用。安卓文字单位是sp,以下文字是按照@1x倍率来规范的
5.设计单位
在安卓中,标注距离一般用dp,标注文字用sp,而知之间的换算关系为:
1dp=(屏幕ppi/160)px
不清楚单位的,可以去找上一篇文章了解px pt sp dp ppi。
6.切图规范
Android开发需要的设计交付物至少要有:高保真UI图,标注,切图
这是最后,也是最重要的一点,因为你所切的图是要交到程序员的手里的,他写的程序达不到你想要的效果可能就是他看不懂你给他的规范~
1.切图尺寸必须为双数
2.单像素的图会出现边缘模糊的情况
3.命名需要规范
基本上 App 的切图可分为下面几大类:背景、按钮、图示、图片、照片、TabBar icon 等。
一般命名规范可以为:
前缀:位置 组件 用途
后缀:状态
如用btn-xxx.png 来命名 。App 里的按钮拥有 4 种属性,分別为一般normal、点击highlight、不能点击disabled、选中(selected)。
但不追求精致与完整度的话,只出一般属性按钮图档就可以了。如果是点击(hightlight)状态就可以命名为:btn- cancel-hightlight.png 表示取消按钮点击时图标。
就算不是按照很严格的规范来命名,至少能让程序员知道你这个图标是在那种情况下使用的图标,这就需要设计师跟程序员很好的沟通,方便整个团队的开发,提高团队的开发效率