智唯高端建站是一家专注中小型企业网站建设、营销型网站建设、响应式网站建设公司

建站优化电话:138 2557 5516(免费SEO检测 保证收录 保证排名)
广州建站微信号
返回旧版
网站设计News
公司网站建设

一款APP设计的从0到1之:Android设计规范篇

关键词:广州建站 作者:智唯建站 | VISITORS: | 来源:智唯网络科技
09Jan
2018
之前U妹给大家分享了《一款APP设计的从0到1之:iOS精华篇》,今天U妹给大家带来的是Android的设计规范篇。

  之前U妹给大家分享了《一款APP设计的从0到1之:iOS精华篇》,今天U妹给大家带来的是Android的设计规范篇。

  

一款APP设计的从0到1之:Android设计规范篇

 

  Android的设计规范不同于iOS,Android是一个开源的系统,国内外有很多的手机厂商,这就导致了有非常多的Android机型,如小米、华为、魅族、三星等,每一家都有自己的操作系统,都有一套自己的UI设计规范。

  U妹列了一个小小的目录:

  一、基础概念

  二、Android界面设计规范

  三、Android切图标注

  四、安卓开发单位换算

  五、总结

  一、基础概念

  1、什么是DPI?

  DPI(Dots Per Inch):每英寸点数,表示指屏幕密度。是测量空间点密度的单位,最初应用于打印技术中,它表示每英寸能打印上的墨滴数量。较小的DPI会产生不清晰的图片。

  后来DPI的概念也被应用到了计算机屏幕上,计算机屏幕一般采用PPI(Pixels Per Inch)来表示一英寸屏幕上显示的像素点的数量,现在DPI也被引入。

  

一款APP设计的从0到1之:Android设计规范篇

 

  安装Windows操作系统的电脑屏幕PPI的初始值是96,Mac的初始值是72,虽然这个值从80年代起就不是很准确了。 一般来说,非retina桌面(包括Mac)的PPI的取值区间在72-120之间,因为这个取值区间能够确保你的作品在任何地方都能保持大致相同的比例。

  这里有一个应用实例: 27寸Mac影院显示屏的PPI是109,这表示在每英寸的屏幕上显示了109个像素点。斜角长是25.7英寸(65cm),实际屏幕的宽度大概是23.5英寸,23.5109约等于2560,因此原始屏幕分辨率就是2560x1440px。

  

一款APP设计的从0到1之:Android设计规范篇

 

  屏幕密度计算公式:

  

一款APP设计的从0到1之:Android设计规范篇

 

  1080x1920px屏幕密度:

  

一款APP设计的从0到1之:Android设计规范篇

 

  2、什么是PPI?

  PPI(Pixels Per Inch):图像分辨率;是每英寸图像内有多少个像素点,分辨率的单位为ppi,通常叫做像素每英寸。图像分辨率一般被用于ps中,用来改变图像的清晰度。

  

一款APP设计的从0到1之:Android设计规范篇

 

  二、Android界面设计规范

  1、Android各设备屏幕密度

  安卓尺寸众多,按每个屏幕去适配肯定是不现实的。

  所以为了解决这个问题,安卓手机屏幕有自己初始的固定密度,安卓会根据这些屏幕不同的密度自己进行适配。这一点内容掌握到能满足自己设计工作需要就可以了……

  以下是Android的密度划分以及代表的分辨率,这里你可以发现已经和设计稿尺寸和切图输出开始挂钩了。

  安卓各屏幕密度

  

一款APP设计的从0到1之:Android设计规范篇

 

  U妹来带大家了解一下iPhone各设备的手机屏幕密度:

  iphone 4/4S/5/5S/SE/6/7≈320DPI

  2、Android开发单位DP和SP

  DP:安卓专用长度单位。以160 DPI屏幕为标注,则1DP=1PX

  计算公式:dp x dpi/160=px

  例:以720x1280px (320dpi)为例计算 1dp x 320 dpi/=2px

  SP:安卓专用字体单位。以160 DPI屏幕为标注,则1SP=1PX

  计算公式:sp x dpi/160=px

  例:以720x1280px (320dpi)为例计算 1sp x 320 dpi/=2px

  3、设计稿尺寸

  从目前市场主流设备尺寸来看,我们要用1080 x 1920 PX 来做安卓设计稿尺寸。

  

一款APP设计的从0到1之:Android设计规范篇

 

  以1080x1920px作为设计稿标准尺寸的原由:

  从中间尺寸向上和向下适配的时候界面调整的幅度最小,最方便适配。

  大屏幕时代依然以小尺寸作为设计尺寸,会限制设计师的设计视角。

  用主流尺寸来做设计稿尺寸,极大的提高了视觉还原和其他机型适配。

  所以做安卓设计稿时请以1080x1920px来做设计稿

  (sketch用户以540 x 960来做设计稿)

  

一款APP设计的从0到1之:Android设计规范篇

 

  

一款APP设计的从0到1之:Android设计规范篇

 

  界面设计控件尺寸:

  

一款APP设计的从0到1之:Android设计规范篇

 

  4、安卓图标尺寸

  

一款APP设计的从0到1之:Android设计规范篇

 

  安卓的图标相对iOS来说较少,我们只需提供一下几个尺寸就可以了,但是需要提高2套,圆角和直角各一套,因为有的地方都会用到。

  512x512px

  192x192px

  144x144px

  96x96px

  72x72px

  48x48px

  

一款APP设计的从0到1之:Android设计规范篇

 

  因为安卓有很多的机型,不同屏幕密度的手机对应的icon大小也是不同的,所以U妹这里没法给你给出相应的icon所被应用的位置。

  5、安卓设计字体

  英文字体为 Roboto字体

  中文字体为 思源黑体。在在Android 5.0之后,使用的是思源黑体,字体文件有2个名称,“source han sans”和“noto sans CJK”。

  思源黑体是Adobe和Google领导开发的开源字体,支持繁简日韩,有7种字体粗细。

  6、常见主流手机尺寸和分辨率

  

一款APP设计的从0到1之:Android设计规范篇

 

  三、Android切图标注

  1、标注设计稿时,使用px还是dp或sp?

关于网站制作,看看客户怎么说
***(匿名) 评价文章 佛山企业英文网站制作需要注意哪些事项?

佛山企业英文网站制作需要注意哪些事项?英文外贸网站制作有哪些规范? 不少出口企业花钱在Google投放关键词广告,但糟糕的是广告所链接的网站由于出现大量的基础问题,影响...

***(匿名) 评价文章 恒邦贵金属交易网站制作案例

正元恒邦贵金属交易中心是由青岛市商务局于2013年11月15日批复青商贸审字[2013]50号文件成立的交易中心。 交易中心成立以来,积极跟进国务院、商务部及青岛市商务局等各级主...

***(匿名) 评价文章 佛山pc网站制作和手机端网站对企业营销哪个更有优势?

不管是pc端也好,还是移动端也好,如果老板认可互联网,那两者都可以做,配合起来做还是效果非常好的,不会做可以请专业的做,但老板的思维和心思要有的,包括鼓励以及...

公司网站建设
Hi,Are you ready?
准备好开始了吗?
那就与我们取得联系吧

广州建站 感恩回馈

咨询送礼现在提交,将获得智唯网络策划专家免费为您制作
价值5880元《全网营销方案+优化视频教程》一份!
下单送礼感恩七周年,新老用户下单即送创业型空间+域名等大礼
24小时免费咨询热线0757-8108-9123
合作意向表
您需要的服务
您最关注的地方
预算
  • 验证码

直接咨询