android 系统的切图方式_UI设计规范一Android尺寸单位换算及切图规范
说明:
1.对象为UI设计师和Android工程师等开发人员。
2.方法有千种,开发工程师有万个,仅供参考,不喜就拿着你的建议留言,勿喷。
3.文档的本质是备份与查看,对外方便协作与对内提升效率。
4.文档不是万能的,如果文档查看对象看不懂,就没任何意义。我喜欢当面沟通,因为能避免大部分文档的局限性
5.感谢Android开发工程师高鹏的指正与指导。
Android规范
一:手机尺寸
Android是必须要讲下手机尺寸的:(只是常规,特殊尺寸就不讲,如:1200x1600像素的惠普Slate8 Pro)
1. mdpi[320x480px]
市场份额少,新手机不会有这种倍率,屏幕通常都特别小
2. hdpi [480x800px、480x854px、540x960px]
早年的低端机屏幕在3.5英寸档位-目前很少
3. xhdpi[720x1280px]
即平常我们看视频讲的720P,设计图也有人按照此分辨率进行设计
4. xxhdpi[1080x1920px],[1440x2560px]
这里强调:目前1080x1920和2560×1440然后都是xxhdpi,适配难免会有误差,下边换算我会再讲到
即平常我们看视频讲的2K高清,或1080P,高清视频就需支持此类像素。如今比较常用,设计图也大多以1080这个尺寸做。
主流尺寸-也是主流设计尺寸
5. xxxhdpi,4K(3840×2160)
就是我们现在所说的4K屏手机,也逐渐多了起来,也有设计者针对特殊的设计要求按照此设计尺寸做
6.其他
如魅族MX4 Pro 1536x2560 三星T705的 1600x2560 这些尺寸暂时我也没用到,以后有机会再补充
...
二:单位换算
dpi的计算方式就是(1080*1080+1920*1920)开方然后除以屏幕尺寸,然后你看dpi落在哪个表格区间
区间
1倍:1pt=1dp=1px dpi=160 (mdpi,即320x480px)
1.5倍:1pt=1dp=1.5px dpi=240(hdpi,即480x800px等)
2倍:1pt=1dp=2px dpi=320(xhdpi,即720x1280px)
3倍:1pt=1dp=3pxdpi=480(xxhdpi,即1080x1920px和1440x2560px)
4倍:1pt=1dp=4px dpi=640(xxxhdpi,即4K(3840×2160)
倍率
字体:1sp=1dp(字体大小单位sp,这个比较复杂,因为系统为了使字体显示的更清楚会对你设置的大小做补偿,可能大点或小了点,一般我们使用这样的换算)
自然地,以1倍的mdpi作为基准。像素密度更高或者更低的设备,只需乘以相应的倍率,就能得到与基准倍率近似(注意,这里是近似,安卓开发和设计图会有区别本质在于倍率的误差,我们能做的只是减小误差)的显示效果。如:
在3倍情况下的比如1080和2560×1440然后都是xxhdpi,那么后者屏幕除以3得到的长的总dp和宽的总dp都比1080的多。
不过需要注意的是,Android设备的像素尺寸并不统一。比如两种常见的屏幕480×800和1080×1920,它们分别属于hdpi和xxhdpi。除以各自倍率1.5倍和3倍,得到逻辑像素为320×533和360×640。很显然,后者更宽更高,能显示更多内容。所以,即使有倍率的存在,各种Android设备的显示效果仍然无法做到完全一致。
由此:
每个开发写代码方式不同,设计图和开发出来的样式难免会有不同。我们该积极的去寻找解决办法,减小误差,而不是相互的推卸责任。要知道我们的共同目的都是为了产品能更好更快得投入市场。
...
三:字体
自从Ice Cream Sandwich发布以来,Roboto都是Android系统的默认字体集。在这个版本中,将Roboto做了进一步全面优化,以适配更多平台。宽度和圆度都轻微提高,从而提升了清晰度,并且看起来更加愉悦。
Android系统字体有:
Droid Sans、 Droid Serif 、 Droid Sans Mono、Roboto-Black.ttf、Roboto-BlackItalic.ttf、Roboto-Bold.ttf、Roboto-BoldItalic.ttf、Roboto-Italic.ttf、Roboto-Light.ttf、Roboto-Medium.ttf、Roboto-MediumItalic.ttf、Roboto-Regular.ttf、Roboto-Thin.ttf、Roboto-ThinItalic.ttf、RobotoCondensed-Bold.ttf
RobotoCondensed-BoldItalic.ttf、RobotoCondensed-Italic.ttf、RobotoCondensed-Light.ttf、RobotoCondensed-LightItalic.ttf、RobotoCondensed-Regular.ttf
Clockopia.ttf 系统默认待机时钟字体
DroidSans.ttf 系统默认英文字体
DroidSans-Bold.ttf 系统默认英文粗字体
DroidSansFallback.ttf 系统默认中文字体
...
四:设计基础尺寸
主流尺寸:(xxhdpi)1080x1920, (xhdpi)720 x 1280。Android比iPhone的尺寸要多,在适配上也是相对而言比较麻烦,在设计中一般是采用1080x1920px的设计尺寸。
Android常规尺寸(px)
在Android设计尺寸规范没有iPhone那样具体的规范,这也决定了安卓的灵活性更强,发挥的空间也越大。现在安卓的手机最近的几版新系统的许多交互细节都超越了iPhone。
Google Play上显示的启动器图标是512x512像素。
移动设备上的启动器图标是48x48 dp。
手机的动作栏图标应为32x32 dp。
通知图标必须是24x24 dp。
小图标应为16x16dp。说明:这里我所列举的只是一些常规的,不能代表所有,仅供参考。因为手机千变万化,系统不断的更新,设计也要循序渐进额的跟上,现在网上一些设计规范竟然细到了连一个页面上按钮的大小都规定好,那还叫设计么。
五.切图与命名
文件包命名规则是:项目名字+切图+作者名字+日期
例如:蚂蚁金服基金3.5.8.5版本迭代-H5页面设计_切图_李笑_20170321
文件包压缩用.rar或.zip格式
文件包要包括:image(切图),效果图+标注图,切图简单说明(word等文件)。说明:效果图必须是要有的,对于标注图可以根据技术需求,沟通必不可少
提供给程序开发的文档打开
1.切图说明
在图片的命名中不要有中文、特殊符号以及空格,字母必须是小写字母。在命名中很多可以是缩写,技术一般也是按照这样来分类。
建议具体命名方法是:模块_类别_功能_状态.png (状态会有:点击状态,点击压下状态,禁用状态,选中状态等)
如:home_bg_nologin.png和home_di_nologin.png
2.常用缩写
ic----icon(在app的图标),bg----background,di----divider(主要用于分割线,不仅包括Listview中的divider,还包括普通布局中的线),sl----selector,avg----average,ctrl----control,del----delete,doc----document,err----error,inc----increment,info----information,img----image,lib----library,msg----message,pwd----password,pos----position
主要的功能界面,就是App界面中的activity,在一个产品中可以有很多 activity
然后每个页面主要功能基本上可以包括:nav , tab /toolbar , menu .备注:不要自己定义缩写,除非是约定成俗的。(当然不喜欢用缩写的可以全拼,这里仅供参考)
3.后缀
nor--普通状态
pressed--按下或者是点击后效果
例如按钮(btn):home_btn_select_nor.png / home_btn_select_pressed.png
4.注意事项
(1). 切图需要几套分辨率的图:如1080*1920,720*1280。分别放在不同的文件夹中,同一张图片,在两个文件夹中的名字要一致。
(2).如遇到可拉伸可平铺的图片,使用9Patch进行制作,产生xxx.9.png图片即可,优点:灵活度大,可复用,程序包大小减少,增加程序运行效率。(.9切图教程网上很多比我说的好且详细)
(3). 对于开发人员需要页面间距尺寸,我们可以使用“标你妹啊”“MarkMan”等软件进行测量以及可以测出相对应需要提供的色值(提前和开发沟通好所需,能节省设计师的大部分时间和最后的开发修正时间)
卡卷包与会员中心图片大小一致
(4).在给安卓开发人员切图时,对于相同模块内容不同的时候,要保证背景大小是一致,用空白填充。如:上图四个图标切出图片大小保证一致性,用空白透明填充,
...
页面上的内容永远是不一样的,设计又是内容与形式关系成的视觉引导。设计规范是服务形式的,而形式的本质是解决内容的。
希望能帮到你~
谢谢~
...
android 系统的切图方式_UI设计规范一Android尺寸单位换算及切图规范相关推荐
- Android系统JNI的实现方式
Android系统JNI的实现方式 All rights reserved JNI(Java Native Interface)定义了一种Java代码调用C或者C++代码等其它代码的方式. 在A ...
- Android 系统的分区和文件系统(1)- Android 系统源码结构分析
声明 本文分析Android系统源码各目录存放文件用途. 其中参考了一些书籍内容,仅供学习使用. 本文采用 LinesgeOS cm-14.1(等同于AOSP Android 7.1.1) 1. 整体 ...
- android 系统的切图方式_UI设计切图规范
移动UI设计切图是UI设计师最重要的设计输出物,切图资源输出是否规范直接影响到工程师对设计效果的还原度.设计师的切图输出物是是体现一个设计师专业水准的重要标准,同时也是设计师表达自己对设计态度的最有力 ...
- 易安卓打开Android系统中的解锁方式选择页面(锁屏方式选择)
感谢名单 感谢fylfyl2写的https://blog.csdn.net/fyilun/article/details/21257595 E4A打开锁屏方式页面 Intent intent = ne ...
- 深入浅出 - Android系统移植与平台开发(十)- Android编译系统与定制Android平台系统(瘋耔修改篇二)...
第四章.Android编译系统与定制Android平台系统 4.1Android编译系统 Android的源码由几十万个文件构成,这些文件之间有的相互依赖,有的又相互独立,它们按功能或类型又被放到不同 ...
- 深入浅出 - Android系统移植与平台开发(十)- Android编译系统与定制Android平台系统
第四章.Android编译系统与定制Android平台系统 4.1Android编译系统 Android的源码由几十万个文件构成,这些文件之间有的相互依赖,有的又相互独立,它们按功能或类型又被放到不同 ...
- android系统自动休眠代码流程,一种基于Android系统下的可控休眠方法及系统与流程...
本发明涉及一种手机应用,尤其涉及一种基于android系统下的可控休眠方法及系统. 背景技术: android设备的休眠指的是当长时间不用手机时手机会自动进入一个省电模式,调低或者关闭一部分电压的输出 ...
- Android系统的问题分析笔记(4) - Android设备硬件基础
问题 典型的Android手机/平板硬件架构是怎么样的? 1 典型Android手机/平板硬件架构图 2 基带处理器 (Baseband Processor) 市场上大多数的手机采用了相互独立的处 ...
- 深入浅出 - Android系统移植与平台开发(十三)- Android的对象管理
第六章.Android的对象管理 在Java中,不再使用的对象会通过gc机制来自己主动回收.而Android系统执行时库层代码是由C++编写的,在C++中创建的对象通常使用指针来操作,一旦使用不当.轻 ...
- android 系统 优化设置,优化设置 让你的Android手机快人一步
经过几轮"军备竞赛",如今Android设备的性能几乎年年翻番.但是,哪怕很多Android手机配备了顶级的八核处理器和4GB内存,为何操作流畅度还是不如iOS,甚至不如以前用过的 ...
最新文章
- Python的XML-RPC学习
- C/C++ 语言获取文件大小
- OpenResty 概要及原理科普
- 简述深度学习预训练和正则化
- Tensorflow Day17 Sparse Autoencoder
- 第一阶段冲刺(第七天)
- java oracle executeupdate 无效_Java语言的品味(三)
- RK3308(2) --- 上手教程
- 关于在linux系统下卸载软件的问题
- Angular使用echarts
- redhat linux 无线网卡,RedHat Linux 6.4安装RTL8188CUS无线网卡驱动
- sessionStorage和localStorage
- 扫描用计算机名称不成功,电脑中使用扫描仪时提示通讯错误时请更新扫描端口的解决方法...
- 如何批量预测lncRNA靶向的miRNA?
- 苏宁家电召开O2O购物节动员会 平台六方位支持迎战双十一
- 大数据介绍项目流程_大数据介绍
- 解决:tcpdump -w xxxxx.pcap 提示 Permission denied
- wps斜杠日期格式_使用WPS处理日期数据格式的方法
- [CV] 基于机器视觉和强化学习的导航
- qbo head board debug
热门文章
- mysql的填充因子_确定SQL Server填充因子(FILLFACTOR)值的方法
- 今天碰到的一件盗QQ诈骗案
- Android系统的JNI原理分析(四)- JNI的jni.h头文件
- Qt常用类的一些介绍
- cf 487E/uoj 30 Tourists
- 浅谈垂心四面体的垂心组
- c语言将时速转换成配速,配速和时速换算(配速时速换算)
- 山无棱-天地合-乃敢与君绝
- Your cache folder contains root-owned files, due to a bug in npm ERR! previous versions of npm which
- 敬仰之情犹如滔滔江水。。。