安卓app设计规范整理和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详细解读请查看:
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设计规范整理和Android APP设计篇相关推荐
- 安卓app设计规范整理和Android APP设计篇(转)
随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等. 以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持 ...
- 安卓app设计规范整理和Android APP设计
随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等. 以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持 ...
- python3 安卓_Android QPython3 调用 其他 Android App
需要android.py 可视化还需要: BaseWindow.py MultText.py MltiText.py Output.py [AndroidManifest.xml] package=& ...
- 安卓移动开发实验:Android Studio设计微信界面
一.实验的目的 通过使用Android Studio的Fragment和layout,来实现简单的微信界面切换. 二.app的功能 能够通过应用底部的bottom来实现四个页面的来回切换. 三.实验过 ...
- android.support.v4.app.FragmentManager无法转换为android.app.FragmentManager
昨天有同学截图问我这个问题,也就是我的MusicList中出现的报错.这里记录一下,后面的同学就可以直接参考了. 报错原因显示:需要的类型是android.app.FragmentManager,而你 ...
- android app连接打印机程序,Android App新增打印机支持 手机打印就是爽
初次看到这个东西,可能会误人为是移动硬盘或某人的午餐盒,但实际上,这是一台PoGo3*4打印机,既然是打印机那就是用来打印的喽,可是连接线在什么地方?这玩意到底怎么用,谁来教教我? 其实很简单,一台P ...
- 【APP渗透测试】 Android APP渗透测试技术实施以及工具使用(客户端服务端)
文章目录 前言 一.安全威胁分析 二.主要风险项 三.Android测试思维导图 四.反编译工具 五.Android客户端 漏洞一.Jnaus漏洞 漏洞二.数据备份配置风险漏洞 漏洞三.Activit ...
- APP风控SDK之Android APP防作弊SDK解决方案
推荐阅读 Android APP防作弊SDK解决方案 APP防代理抓包 APP防Fiddler抓包 APP防Burp Suite抓包 移动安全和Web安全 kali渗透测试环境搭建 Web安全|d ...
- android与ios ui切图关系,APP-IOS与Android界面设计与切图
做一全套的APP设计,流程是: 1.界面设计:设计IOS界面:设计Android界面. 2.切图:切IOS的2倍图和3倍图:切Android的hdpi,xhdpi,xxhdpi这三个尺寸的图. 3.标 ...
最新文章
- Mapping Persistence Classes 笔记2---ValueType的形式和映射
- 强化学习(五)—— AlphaGo与Alpha Zero
- php excel 单元格类型,设置20个单元格类型后,PhpExcel停止工作
- brew安装_解决安装brew报的curl的443错误
- 利用DataSnap的回调功能在客户端显示服务器方法的执行进度
- 从零开始学习MXnet(四)计算图和粗细粒度以及自动求导
- IdentityServer4 中文文档与实战
- RedHat 网络配置
- 如何将手机屏幕投影到电脑电视
- 写论文时引用作者名字
- 当下的力量实践手册读书笔记(1.29)
- 深度解析volatile关键字,就是这么简单
- Sign in with Apple (通过Apple 登录)
- Mac之MySQL初始数据库密码问题
- 用*号输出字母C的图案。
- 【推荐系统】协同过滤
- 驾培行业应对新形势“自学直考”新格局冲击剖析
- 计算机网络性能指标:速率、带宽和吞吐量
- 爬取了陈奕迅新歌《我们》10万条评论数据发现:原来,有些人只适合遇见
- C语言 利用高斯消元求解方程组
热门文章
- npm报错:A complete log of this run can be fund in: C\Users\用户\AppData\Roaming\npm-cache_logs\解决方案(清理缓)
- WGAN-GP精彩分析(附源代码)
- Linux进程互斥——临界资源访问
- ubuntu 10.10 gogoc 使用IPV6上网设置
- 读书:python核心编程第三版笔记
- 求每一年最大气温的那一天和温度
- 设置树莓派屏幕一直亮屏,禁止休眠的解决方案。
- 30元 信用卡还款金免费领
- 击中-击不中变换—lhMorpHMT
- modbus通讯失败_【分享】Modbus通讯失败后数据一直保持不变,差点引起事故,检查Modbus通讯失败次数...