android 平面图app_安卓app设计规范整理和Android 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详细解读请查看:
目前主流的安卓手机分辨率有以下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设计篇相关推荐
- 安卓app设计规范整理和Android APP设计篇
安卓app设计规范整理和Android APP设计篇 发布于: 2014 年 8 月 24 日 by admin 随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近 ...
- 安卓app设计规范整理和Android APP设计篇(转)
随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等. 以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持 ...
- 安卓app设计规范整理和Android APP设计
随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等. 以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持 ...
- android模拟器背景色,安卓开发者必备的 5 款 App:终端模拟器、颜色萃取、移动 IDE 等...
原标题:安卓开发者必备的 5 款 App:终端模拟器.颜色萃取.移动 IDE 等 编者按:Antonis Tsagaris是一名Android开发者,最近,他在博文中推荐了5款Android App, ...
- android模拟器背景色,安卓开发者必备的5款App:终端模拟器、颜色萃取、移动IDE等...
安卓开发者必备的5款App:终端模拟器.颜色萃取.移动IDE等 摘要:原标题:安卓开发者必备的5款App:终端模拟器.颜色萃取.移动IDE等编者按:AntonisTsagaris是一名Android开 ...
- 谷歌 android one,谷歌安卓官网重新设计:Android One消失
IT之家讯 7月1日消息,今天谷歌将Android N正式命名为"Nougat"(牛轧糖),随后,还将Android.com官网进行了重新设计,新官网界面将安卓设备分为五大类,包括 ...
- 诺基亚6 android one,诺基亚安卓手机采用的是Android One原生系统:更纯净,更新快...
1月28日消息 在为安卓手机提供系统更新这一点上,诺基亚的动作是比较快的.如今诺基亚安卓手机已有多款升级到了最新的安卓9 Pie系统,对此HMD CPO Juho Sarvikas在接受Android ...
- android 平面图app_Android平台上有哪些优秀的App?
之前用安卓的时候,就一直在用的APP,今天分享10个APP,希望对大家的生活,工作,学习有帮助! 稿定设计 帮新手小白搞定所有的设计任务,能制作海报,用抠图功能做证件照贼方便,还能批量处理水 有很多小 ...
- android 平面图app_Android 上超好用的图片处理 App
在截图编辑和 GIF 制作方面,iOS 平台有诸多独占且优秀的应用可以使用,例如利用 Picsew 截图拼接.Annotable 截图标注.OneScreen 带壳截图以及 ImgPlay Pro 制 ...
- android tv盒子 主界面,设计规范 | 详解Android TV用户界面设计
文章对比电视界面,从主屏幕和应用程序两个方面对Android TV的用户界面设计进行了详细梳理,与大家分享. 与移动端设备不同,用户一般在3米外使用电视.因此电视界面设计上需要大而漂亮,要有合适的布局 ...
最新文章
- 湖北大数据采集平台的应用价值及领域,数道云
- numpy中计算矩阵数值的核心函数
- a股用计算机模拟走势,咬牙跺脚!A股牛市不改的铁证!
- Android Context.bindService 返回 false 问题
- UWP 中的 LaunchUriAsync,使用默认浏览器或其他应用打开链接
- linux zeromq
- python创建虚拟环境venv_Python 3 使用venv创建虚拟环境
- Sql语句查询当天本周本月记录的where条件
- 云计算网络基础第一天
- vi/vim 按键说明
- Python捕捉命令输出、错误输出及赋值命令到变量的方法
- jfreechart折线图y轴刻度值_Python matplotlib绘制折线图
- 苹果电脑如何设置自定义模糊拼音操作?
- 上百所大学计算机考研有变化!22计算机考研太难了!
- Python学习第2天:入门必备(基础篇)
- 纯粹CSS 绘制向下箭头
- 对连续值/离散值进行预处理的两种方式(标准化/one-hot化)、反标准化/逆标准化、字符串预处理
- Oracle 中经常遇到的一些问题
- Python 日期处理
- java arp 攻击_arp攻击原理与arp欺骗的原理和应用
热门文章
- lightbox使用_如何使用CSS和JavaScript创建Lightbox Ultra
- 基于ssm+vue的综合项目 健康体检管理系统-第十章-权限控制、图形报表
- 移动站seo优化-怎么做好移动网站的SEO优化-移动seo优化方法软件免费
- 使用163邮箱+Python3.6 发送邮件/批量发送邮件
- uniapp小程序根据经纬度精确定位
- 韩国五大财阀家族企业
- 说说react-custom-scrollbars插件在react hooks版本中的使用
- win10重装系统后连不上公司服务器,win10重装系统后连不上网有什么解决方法
- 计算机显卡型号中数字含义详解,显卡型号中字母和数字都是什么意思?
- Android dp2px