安卓app设计规范整理和Android APP设计篇(转)

摘要:
根据目前流行的安卓手机的系统体验来完成我们的安卓APP设计规范。应该说这是整理出最全面的安卓app设计规范。25学堂站在不断更新和完善安卓app设计规范为宗旨!利用周末的时间整理了2014年AndroidAPP设计规范教程。

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

以小米MIUI6的安卓手机来说,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设计做出的一个设计信息图总结。

androidapp

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设计规范整理和Android APP设计篇(转)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇「一文读懂」微信云托管cxgrid列高度行宽度定义下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

关于adb安装指定版本

由于airtest测试群控安卓手机发现adb服务端和客户端版本不一致,运行经常报错,服务端是1.0.40 而客户端为1.0.41. (注意:服务端是指手机端,客户端为电脑端,安卓七和六的版本为40.而安卓八以上的为41,所以说做群控的时候最好安装同样传的手机系统) 此时我们需要更改客户端的adb版们,此处以mac为例 经多多方查找在这个人的博客上找到了 h...

Android屏幕适配问题详解

上篇-Android本地化资源目录详解:http://www.cnblogs.com/steffen/p/3833048.html 单位: px(像素):屏幕上的点。 in(英寸):长度单位。 mm(毫米):长度单位。 pt(磅):1/72英寸。 dp/dip(与密度无关的像素):一种基于屏幕密度的抽象单位。在每英寸160点的显示器上,1dp=1px,在大...

Android基于ksoap2调用WCF服务(二):Android篇

上一篇通过一个非常简单的例子,完成了一个WCF的服务。接下来介绍一下Android端。 Android端调用WCF,采用基于ksoap2包来实现。 下载地址(这个需要fan qiang访问,你们懂的):https://code.google.com/p/ksoap2-android/ 我用的3.3.0版本,我传到csdn上,上面地址如果不能访问,可以用这个...

C# 动态编译

1.C#层:利用.NET framework的CodeDom或Mono的Evaluator动态编译解释CS脚本 2.IL层:利用System.Reflection.Emit或Mono.Cecil动态生成IL指令并执行 3.造轮子自己实现IL解释器(取代.NET或Mono的IL解释器,这种方案可以绕过苹果实现热更新) 4.直接调用Mono的编译器进行编译生成...

Preference 使用详解

极力推荐文章:欢迎收藏Android 干货分享 阅读五分钟,每日十点,和您一起终身学习,这里是程序员Android 本篇文章主要介绍 Android 开发中的部分知识点,通过阅读本篇文章,您将收获以下内容: Perference 简介 Perference 使用方法 使用XML定义Preference 使用Fragment 定义Preference...

Android驱动学习-APP操作新硬件的两种方法(支持添加的驱动)

在给Android添加新的驱动后,app要如何使用呢? 正常的使用一个设备,需要getService。但是像LED等我们自己添加的硬件驱动,Android源代码根本没有我们自己添加的服务。 第一种: 我们自己的创建的硬件设备驱动的类是被系统定义为了隐藏类,那么在Android系统中如何使用隐藏类呢?为此我们可以根据android的编译过程可以看到我们添加的...