安卓APP设计规范(一)

随着安卓智能手机不停的更新换代。安卓手机系统越来越完美，屏幕尺寸也越来越大啦！比如最近小米的miui 6的发布和魅族手机系统的更新等等。

以小米MIUI6的安卓手机来说，MIUI6进行了全新设计，坚持“内容才是本质”的设计哲学，重新提炼内容，简化图标设计。

所以，我们在进行安卓APP设计时，需要好好调整之前的设计规范和设计细节。根据目前流行的安卓手机的系统体验来完成我们的安卓APP设计规范。应该说这是整理出最全面的安卓app设计规范。

25学堂站在不断更新和完善安卓app设计规范为宗旨！利用周末的时间整理了2014年Android APP设计规范教程。

1、安卓app设计规范之尺寸或分辨率

目前最新安卓手机的屏幕尺寸都是5.5英寸啦。我们都知道安卓机的尺寸很多很杂。而且不同的分辨率对应不同的dpi模式。

Android也支持多种不同的dpi模式：ldpi mdpi hdpi xhdpi xxhdpi xxxhdpi（4K分辨率）

关于安卓APP设计的dpi详细解读请查看：

1、Android界面设计专业术语：xxxhdpi和4K分辨率

2、Android APPUI设计师必知：pt sp dp之间的关系以及换算公式

3、Android界面设计适配不同屏幕的尺寸和密度解读

目前主流的安卓手机分辨率有以下3种：

hdpi，对应800*480的手机。主流机型，很多。如小米1 ，1s 三星 htc 等

xdpi，对应1280*720的手机。三星Galaxy系列和华为p6.

xxdpi，对应1080*1920的手机。小米手机，华为荣耀手机系列为主加上 htc one。

下面是当面流行的安卓手机的屏幕尺寸和分辨率：

小米 3和小米4 屏幕尺寸和分辨率： 5英寸 1920×1080像素

魅族MX2 屏幕尺寸和分辨率： 4.4英寸 1280×800像

魅族MX3 屏幕尺寸和分辨率： 5.1英寸 1800×1080像素

HTC one屏幕尺寸和分辨率： 4.7英寸 1920×1080像素

华为荣耀6屏幕尺寸和分辨率： 5英寸 1920×1080像素

华为p6屏幕尺寸和分辨率： 4.7英寸 1280×720像素

华为p7屏幕尺寸和分辨率： 5英寸 1920×1080像素

在目前我们的安卓APP设计项目当中，我们并不会去为每一种分辨率去设计一套UI界面。这是一种追求完美和理想的状态。小公司肯定是耗不起这样的。

所以，这个时候我们需要学会变通。为了适应多分辨率，

1：在标准基础（xdpi：1280*720）上开始，然后放大或缩小，以适应到其他尺寸。

2：从设备的最大尺寸（xxdpi：1920×1080）开始，然后缩小，并适应到所需的最小屏幕尺寸。

有些时候我们也会在实际开发过程中，Android和IOS的设计稿若无太大差异，也可从IOS的分辨率（960*640）开始，再调整设计稿的比例，适应其他分辨率。但是这种方法在切图的时候需要做一些图片的调整。如果不是矢量图的元件需要重新按照1280*720的尺寸设计下。

2、安卓app设计规范之字体和字体大小

我们必须知道的安卓设计常识：安卓4.0之后用的字体是Roboto。中文字体：方正兰亭黑体

今天跟大家讲解的是在720*1280的基础上的字体设计大小。

注释最小字体： 12sp == 24px

文本字体： 14sp == 28px

文章标题或图标名称： 16sp == 32px

导航标题： 18sp == 36px

SP的详细介绍如下：

sp和dp一样，是android开发里特有的单位，设计师在做UI设计的时候通常最初是建立320*480这个尺寸的画布开始的，这个尺寸的画布在android分辨率的分类中称为mdpi，在这个尺寸下，ps里的1px就等于android中的1dp，同样，这个时候1点的字就等于android中1sp，举个栗子：你建立画布的尺寸是320-480，里面的文字是30点，那么它就是30sp。

一般android设置长度和宽度多用dip,设置字体大小多用sp. 在屏幕密度为160，1dp=1px=1dip, 1pt = 160/72 sp 1pt = 1/72 英寸.当屏幕密度为240时，1dp=1dip=1.5px.

设计时候，我们还需要遵循48dp定律。

48dp作为安卓可触摸的UI元件的标准。

一般来说，48dp转化为一个物理尺寸约9毫米。建议的目标大小为7-10毫米的范围，这是一个用户手指能准确并且舒适触摸的区域。

如果你设计的元素高和宽至少48dp，你就可以保证：

（1）. 触摸目标绝不会比建议的最低目标（7mm）小，无论在什么屏幕上显示。

（2）. 在整体信息密度和触摸目标大小之间取得了一个很好的平衡。

而每个UI元素之间的空白通常是8dp.

下面是某个安卓APP设计师对android设计做出的一个设计信息图总结。

3、安卓app设计规范之切图

这块需要按照设计按照下面4篇文章来了解安卓app设计标注和切图的一些规范。这里不做详细解说了。

1、安卓android APP切图规范和.9png制作教程

2、Android尺寸标注设计大全和Android切图规范

3、APP设计和切图基本知识点以及注意事项

4、Android界面设计新手教程和Android设计经验分享

5、安卓APP新手设计教程：19条Android设计经验大全

4、安卓app设计规范之适配和设计图测试预览

（1）尺寸标注工具 MarkMan(马克鳗)

（2）APP快速切图工具：Cutterman

（3）一个可视化的Android UI界面设计工具：DroidDraw

（4）Android图标大全：icon pack for android打包

（5）设计图完成之后，预览工具和在线预览方法介绍：Ps play

（6）在线生成自定义APP图标字体利器：IconVault

安卓APP设计规范(一)相关推荐

安卓APP设计规范和设计细节
我们在进行安卓APP设计时,需要好好调整之前的设计规范和设计细节.根据目前流行的安卓手机的系统体验来完成我们的安卓APP设计规范.应该说这是整理出最全面的安卓app设计规范. 1.安卓app设计规范之 ...
安卓app设计规范整理和Android APP设计篇(转)
随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等. 以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持 ...
安卓app设计规范整理和Android APP设计
随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等. 以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持 ...
安卓app设计规范整理和Android APP设计篇
安卓app设计规范整理和Android APP设计篇发布于: 2014 年 8 月 24 日 by admin 随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近 ...
安卓APP设计规范之1080*1920设计稿对应开发尺寸
第一部分app设计知识:什么是安卓1080P? 目前市场上,只有Android系统的手机才有1080P全高清的产品.1080P是说手机屏幕的分辨率达到1920*1080像素. 目前为止,市面上Andr ...
安卓APP设计规范(三)1080*1920设计稿对应开发尺寸
原文:http://www.25xt.com/appdesign/9487.html 第一部分app设计知识:什么是安卓1080P? 目前市场上,只有Android系统的手机才有1080P全高清的产品 ...
android开发分辨率,安卓APP设计规范之1080*1920设计稿对应开发尺寸
目前市场上,只有Android系统的手机才有1080P全高清的产品.1080P是说手机屏幕的分辨率达到1920*1080像素.1080P的屏幕最直观的改变当然是屏幕精细度的巨大提升,就算是5寸的屏幕, ...
安卓APP设计规范(二)720*1280设计稿对应开发尺寸
这样的手机又vivo智能收款机.三星Galaxy A5.华为荣耀等手机. 这样的手机屏幕尺寸是:5寸即屏幕对角线是5英寸. 计算方法:1280平方+720平方＝2156800,结果再开 ...
web网页、手机app设计规范
网页设计规范新建ps文件时,宽度为1920.单位为像素.颜色模式为rgb.高度自定义: 一.网页设计尺寸制作网页时我们选用的分辨率是72像素/英寸,使用的画布尺寸1920px*1080px.但并不 ...

安卓APP设计规范(一)

安卓APP设计规范(一)相关推荐

最新文章

热门文章