随着安卓智能手机不停的更新换代。安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的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详细解读请查看:

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

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

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

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

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

小米 3和小米4 屏幕尺寸和分辨率:        5英寸 1920x1080像素

魅族MX2 屏幕尺寸和分辨率:                 4.4英寸 1280x800像

魅族MX3 屏幕尺寸和分辨率:                 5.1英寸 1800x1080像素

HTC  one屏幕尺寸和分辨率:               4.7英寸 1920x1080像素

华为荣耀6屏幕尺寸和分辨率:             5英寸 1920x1080像素

华为p6屏幕尺寸和分辨率:                 4.7英寸 1280x720像素

华为p7屏幕尺寸和分辨率:                  5英寸 1920x1080像素

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

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

1:在标准基础(xdpi:1280*720)上开始,然后放大或缩小,以适应到其他尺寸。

2:从设备的最大尺寸(xxdpi:1920x1080)开始,然后缩小,并适应到所需的最小屏幕尺寸。

有些时候我们也会在实际开发过程中,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设计标注和切图的一些规范。这里不做详细解说了。

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

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

(2)APP快速切图工具:Cutterman

(3)一个可视化的Android UI界面设计工具:DroidDraw

(5)设计图完成之后,预览工具和在线预览方法介绍:Ps play

(6)在线生成自定义APP图标字体利器:IconVault

android 平面图app_安卓app设计规范整理和Android APP设计篇相关推荐

  1. 安卓app设计规范整理和Android APP设计篇

    安卓app设计规范整理和Android APP设计篇 发布于: 2014 年 8 月 24 日 by admin 随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近 ...

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

    随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等. 以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持 ...

  3. 安卓app设计规范整理和Android APP设计

    随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等. 以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持 ...

  4. android模拟器背景色,安卓开发者必备的 5 款 App:终端模拟器、颜色萃取、移动 IDE 等...

    原标题:安卓开发者必备的 5 款 App:终端模拟器.颜色萃取.移动 IDE 等 编者按:Antonis Tsagaris是一名Android开发者,最近,他在博文中推荐了5款Android App, ...

  5. android模拟器背景色,安卓开发者必备的5款App:终端模拟器、颜色萃取、移动IDE等...

    安卓开发者必备的5款App:终端模拟器.颜色萃取.移动IDE等 摘要:原标题:安卓开发者必备的5款App:终端模拟器.颜色萃取.移动IDE等编者按:AntonisTsagaris是一名Android开 ...

  6. 谷歌 android one,谷歌安卓官网重新设计:Android One消失

    IT之家讯 7月1日消息,今天谷歌将Android N正式命名为"Nougat"(牛轧糖),随后,还将Android.com官网进行了重新设计,新官网界面将安卓设备分为五大类,包括 ...

  7. 诺基亚6 android one,诺基亚安卓手机采用的是Android One原生系统:更纯净,更新快...

    1月28日消息 在为安卓手机提供系统更新这一点上,诺基亚的动作是比较快的.如今诺基亚安卓手机已有多款升级到了最新的安卓9 Pie系统,对此HMD CPO Juho Sarvikas在接受Android ...

  8. android 平面图app_Android平台上有哪些优秀的App?

    之前用安卓的时候,就一直在用的APP,今天分享10个APP,希望对大家的生活,工作,学习有帮助! 稿定设计 帮新手小白搞定所有的设计任务,能制作海报,用抠图功能做证件照贼方便,还能批量处理水 有很多小 ...

  9. android 平面图app_Android 上超好用的图片处理 App

    在截图编辑和 GIF 制作方面,iOS 平台有诸多独占且优秀的应用可以使用,例如利用 Picsew 截图拼接.Annotable 截图标注.OneScreen 带壳截图以及 ImgPlay Pro 制 ...

  10. android tv盒子 主界面,设计规范 | 详解Android TV用户界面设计

    文章对比电视界面,从主屏幕和应用程序两个方面对Android TV的用户界面设计进行了详细梳理,与大家分享. 与移动端设备不同,用户一般在3米外使用电视.因此电视界面设计上需要大而漂亮,要有合适的布局 ...

最新文章

  1. 湖北大数据采集平台的应用价值及领域,数道云
  2. numpy中计算矩阵数值的核心函数
  3. a股用计算机模拟走势,咬牙跺脚!A股牛市不改的铁证!
  4. Android Context.bindService 返回 false 问题
  5. UWP 中的 LaunchUriAsync,使用默认浏览器或其他应用打开链接
  6. linux zeromq
  7. python创建虚拟环境venv_Python 3 使用venv创建虚拟环境
  8. Sql语句查询当天本周本月记录的where条件
  9. 云计算网络基础第一天
  10. vi/vim 按键说明
  11. Python捕捉命令输出、错误输出及赋值命令到变量的方法
  12. jfreechart折线图y轴刻度值_Python matplotlib绘制折线图
  13. 苹果电脑如何设置自定义模糊拼音操作?
  14. 上百所大学计算机考研有变化!22计算机考研太难了!
  15. Python学习第2天:入门必备(基础篇)
  16. 纯粹CSS 绘制向下箭头
  17. 对连续值/离散值进行预处理的两种方式(标准化/one-hot化)、反标准化/逆标准化、字符串预处理
  18. Oracle 中经常遇到的一些问题
  19. Python 日期处理
  20. java arp 攻击_arp攻击原理与arp欺骗的原理和应用

热门文章

  1. lightbox使用_如何使用CSS和JavaScript创建Lightbox Ultra
  2. 基于ssm+vue的综合项目 健康体检管理系统-第十章-权限控制、图形报表
  3. 移动站seo优化-怎么做好移动网站的SEO优化-移动seo优化方法软件免费
  4. 使用163邮箱+Python3.6 发送邮件/批量发送邮件
  5. uniapp小程序根据经纬度精确定位
  6. 韩国五大财阀家族企业
  7. 说说react-custom-scrollbars插件在react hooks版本中的使用
  8. win10重装系统后连不上公司服务器,win10重装系统后连不上网有什么解决方法
  9. 计算机显卡型号中数字含义详解,显卡型号中字母和数字都是什么意思?
  10. Android dp2px