从零开始设计一款APP之Android设计规范篇优设网

DPI(DotsPerInch):每英寸点数,表示指屏幕密度。是测量空间点密度的单位,最初应用于打印技术中,它表示每英寸能打印上的墨滴数量。较小的DPI会产生不清晰的图片。

后来DPI的概念也被应用到了计算机屏幕上,计算机屏幕一般采用PPI(PixelsPerInch)来表示一英寸屏幕上显示的像素点的数量,现在DPI也被引入。

安装Windows操作系统的电脑屏幕PPI的初始值是96,Mac的初始值是72,虽然这个值从80年代起就不是很准确了。一般来说,非retina桌面(包括Mac)的PPI的取值区间在72-120之间,因为这个取值区间能够确保你的作品在任何地方都能保持大致相同的比例。

这里有一个应用实例:27寸Mac影院显示屏的PPI是109,这表示在每英寸的屏幕上显示了109个像素点。斜角长是25.7英寸(65cm),实际屏幕的宽度大概是23.5英寸,23.5109约等于2560,因此原始屏幕分辨率就是2560x1440px。

2.什么是PPI?

PPI(PixelsPerInch):图像分辨率;是每英寸图像内有多少个像素点,分辨率的单位为ppi,通常叫做像素每英寸。图像分辨率一般被用于ps中,用来改变图像的清晰度。

1.Android各设备屏幕密度

安卓尺寸众多,按每个屏幕去适配肯定是不现实的。

所以为了解决这个问题,安卓手机屏幕有自己初始的固定密度,安卓会根据这些屏幕不同的密度自己进行适配。这一点内容掌握到能满足自己设计工作需要就可以了……

以下是Android的密度划分以及代表的分辨率,这里你可以发现已经和设计稿尺寸和切图输出开始挂钩了。

U妹来带大家了解一下iPhone各设备的手机屏幕密度:

iphone4/4S/5/5S/SE/6/7≈320DPI

2.Android开发单位DP和SP

DP:安卓专用长度单位。以160DPI屏幕为标注,则1DP=1PX

计算公式:dpxdpi/160=px

例:以720x1280px(320dpi)为例计算1dpx320dpi/=2px

SP:安卓专用字体单位。以160DPI屏幕为标注,则1SP=1PX

计算公式:spxdpi/160=px

例:以720x1280px(320dpi)为例计算1spx320dpi/=2px

3.设计稿尺寸

从目前市场主流设备尺寸来看,我们要用1080x1920PX来做安卓设计稿尺寸。

以1080x1920px作为设计稿标准尺寸的原由:

①从中间尺寸向上和向下适配的时候界面调整的幅度最小,最方便适配。

②大屏幕时代依然以小尺寸作为设计尺寸,会限制设计师的设计视角。

③用主流尺寸来做设计稿尺寸,极大的提高了视觉还原和其他机型适配。

所以做安卓设计稿时请以1080x1920px来做设计稿

(sketch用户以540x960来做设计稿)

4.安卓图标尺寸

安卓的图标相对iOS来说较少,我们只需提供以下几个尺寸就可以了,但是需要提高2套,圆角和直角各一套,因为有的地方都会用到。

512x512px、192x192px、144x144px、96x96px、72x72px、48x48px

因为安卓有很多的机型,不同屏幕密度的手机对应的icon大小也是不同的,所以U妹这里没法给你给出相应的icon所被应用的位置。

5.安卓设计字体

英文字体为Roboto字体,中文字体为思源黑体。在Android5.0之后,使用的是思源黑体,字体文件有2个名称,“sourcehansans”和“notosansCJK”。

思源黑体是Adobe和Google领导开发的开源字体,支持繁简日韩,有7种字体粗细。

6.常见主流手机尺寸和分辨率

1.标注设计稿时,使用px还是dp或sp?

答:这个问题需要和安卓工程师沟通,推荐使用dp和sp进行标注(这里指的是在安卓设计稿的前提下)。但目前很多设计师对dp和sp这个单位并不理解,所以有些设计师提供安卓设计稿的时候依旧使用px进行标注,这一点去和你的搭档工程师进行沟通,如果不影响他开发以及他能换算清楚的前提下,你可以考虑使用Px,但是我并不推荐。

这里要记住一点(你只需要记住能帮助你工作就可以):

像素字号=屏幕密度/160*sp字号可以根据这个去算算设计稿中的像素字号标注为sp是多少,比如xHDPI下,36px的字标注为sp就是18sp,以此类推。

按照不同的屏幕密度换算,也就是下图所示的意思:

2.你需要提供几套切图资源?

答:理论状态下,如果你想兼顾到目前还存在的各个机型,应该为不同的密度提供不同尺寸大小的切图。

但这无疑提升了巨大的工作量,而且还可能浪费很大的资源空间,实际上,很多机型已经不占有主流市场了,而且很多奇葩的分辨率也没必要去考虑适配,所以,具体输出几套需要看公司的产品需求而定。

通常我是这么干的:

选取最大尺寸提供一套切图资源,交给开发工程师处理,适配到各个屏幕密度。

这里要注意,这个“最大尺寸”,指的并不是目前市面上Android手机出现过的最大尺寸,而是指目前流行的主流机型中的最大尺寸,这样可节省很大的资源空间。关于最大尺寸选取多少,你需要和你们的安卓工程师沟通,每个安卓工程师对这个问题的结论并不同。(我的安卓搭档,让我提供XXHDPI的切图资源就好,我用的切图工具是Cutterman,切图一键搞定)

3.Android的切图资源提供哪个尺寸给开发哥哥?

答:iOS的切图有@2x,@3x之分,那么Android的切图根据dpi的不同,其实和iOS的类似,只不过是按照dpi来进行资源文件夹的命名,如下图:

根据不同的分辨率进行切图归类,但是你看到了,如果切片特别多,提供5套切图岂不是要累死了?

一般情况下,我们只需要提供3套切图资源就可以满足安卓工程师的适配,分别是HDPI、XHDPI、XXHDPI3套切图资源。

目前我使用的办法就是只提供最大尺寸的切图,交给安卓工程师自己去缩放适配其他分辨率吧,所以和你的搭档沟通一下。

其实现在绝大多数公司限于人力物力的限制,没有这么严格的工作方式,基本上就是一个文件夹,命名好了就提供给工程师了。

这里还是提醒各位,没有固定的工作方式和方法,任何方式都是为了提升工作效率而进行的。

4.在做设计稿时我们遇到的最多问题

①用哪种尺寸做设计稿?

②如何用iOS的设计稿去适配安卓(划重点啦)

现在有一种情况现在非常普遍,那就是一稿两用;设计师都是做iOS版本的设计稿,来适配安卓,现在要给安卓用,应该怎么办?

iPhone的屏幕密度已经达到xHDPI了,用750x1334px的尺寸做设计稿。

实际上,750x1334的@3x的切图资源正好是安卓XXhdpi(1080x1920px)的切图资源;安卓开发用iOS的设计稿自己进行换算就可以了,前提是你必须和安卓工程师沟通。

另一种情况:你可以把750x1334的设计稿等比例调整尺寸到安卓1080x1920尺寸下,对各个控件进行微调,重新提供标注(用dp标注)。也就是说,你需要提供两套标注,一套给iOS的标注,一套给Android的标注。

③大家可能还有一个问题,那就是我用cutterman切安卓图片输出的有drawable和mipmap2个文件夹,到底将哪个给开发工程师呢?

答:以前用的开发工具,是只有drawable,没有mipmap的,后来新的开发工具里面才有mipmap这个文件夹,专门用来放png格式的图片的,不过drawable里面还是可以放png图片。

所以现在我们给安卓工程师的切图输出文件只需给mipmap-前缀开头的就好。

1.安卓机型各种尺寸下的PX与DP、SP的对应关系

2.字体单位SP与PX的对应关系

3.距离单位DP与PX的对应关系

这里说的只是一种工作方法,好的工作方法才能自己事半功倍,在具体工作中也要灵活应用,一定要多和开发沟通交流,良好的沟通才是解决问题的唯一方法。

THE END
1.最新安卓手机发展趋势及其影响纸制品摘要:随着科技的飞速发展,安卓手机不断更新迭代,其功能与性能得到显著提升。最新的安卓手机在处理器、操作系统、摄像头、电池续航等方面取得了重要突破,为用户带来更加流畅、便捷、智能的体验。这些进步不仅改变了人们的工作方式,更深刻地影响了娱乐、社交和生活方式。安卓手机的普及与革新,推动了移动互联时代的进步,成为http://www.ks-jiajun.com/post/112.html
2.安卓手机是什么意思安卓手机是什么意思 安卓手机是指采用Android操作系统的手机。Android是由Google公司和开放手机联盟共同开发的基于Linux的自由及开放源代码的操作系统,主要用于移动设备,如智能手机和平板电脑。 Android系统的特点是开放性和可定制性,这意味着手机制造商和开发者可以根据自己的需要对系统进行修改和定制,从而为用户提供更加https://g.pconline.com.cn/x/172/17279376.html
3.苹果手机远程控制另一个安卓手机的方法是什么?远程控制这一技术已经融入人们的生活中,如果一台手机可以远程控制另一台手机,那会有很多“奇妙”的用途,比如:远程打卡签到、远程帮人修理手机等等。因此市面上出现很多远程控制手机的软件,很多小伙伴都有在使用iPhone苹果手机和安卓手机,带着2部手机出门又很不方便,所以网上有挺多苹果手机远程管理安卓手机的问题。 https://www.airdroid.cn/news/110.html
4.nfc功能是什么意思?手机NFC功能如何使用?至始,nfc功能已经打开了,如果需要用nfc功能去移动支付,那就得添加银行卡,如果不使用nfc的移动支付功能,就不用绑定银行卡了。 由于安卓手机的型号有很多,绑定银行卡的操作也有所不同,在手机钱包里面添加银行卡就行了,这里就不细说了,大家可以在自己手机的设置里找找看自己的手机钱包在哪。https://www.hqew.com/tech/news/1779253.html
5.为什么QQ上安卓显示手机在线,而苹果却是iPhone在线?有什么区别为什么QQ上安卓显示手机在线,而苹果却是iPhone在线?有什么区别2023-03-14苒苒观世界 33.1万个视频 | 3.0万关注 关注 精彩推荐 美女直播 更多 别点,妹妹害羞 来,吃点不一样的 哥哥,点才艺嘛~ 志玲姐姐温柔哄睡中~评论 PC版| APP专区| 隐私政策 Copyright ? 2024 Sohu Inc. 粤ICP证 网络视听许可证https://m.56.com/c/v429576324.shtml
6.手机安卓系统中的文件夹是什么,可否删除现在的智能手机系统一般分为苹果系统与安卓系统,安卓系统的内存本来就比较少,安卓生态较为混乱,开发人员技术水平参差不齐,安卓手机的目录总是很混乱。有些像小编一样有强迫症的人就喜欢清理一些没用的文件或文件夹,还自己手机一点内存。最好是有点底子小伙伴使用呦,如果看不到建议使用手机自带的清理软件。 https://www.jianshu.com/p/36839940c22f
7.Android(安卓)是什么?什么叫手机安卓系统Android(安卓)是什么? 本文将介绍Android操作系统的基本概念,包括它的起源、系统架构以及在移动设备上的应用。Android是由Google主导开发的一款开源移动操作系统,主要应用于智能手机和平板电脑,提供丰富的应用程序生态和高度定制化的用户体验。 摘要由CSDN通过智能技术生成https://blog.csdn.net/xiaoyaGrace/article/details/105052281
8.带壳截图软件都有什么?安卓带壳截图软件下载带壳截图软件都有什么?小编今天就为大家整理了一些非常好用的手机带壳截图app,包括有 screener汉化版、带壳截图workflow、enframe app、appwrap修改版、手机滚动截屏软件、piiic2拼长图等,用户下载以后,就可以轻松截得带外壳的截屏图了,是不是非常的炫酷,喜爱的朋友赶快下载体验吧!http://www.downcc.com/k/daikejietu/
9.Miracast是什么?不同品牌的安卓手机投屏功能叫什么?打开手机设置,选择“其他方式连接”,打开“无线显示”。有部分OPPO手机也叫“多屏互动”,操作方式参考华为荣耀。 有部分OPPO手机也叫“多屏互动” 乐视 打开手机“设置”,选择“更多”,最后开启“无线显示” 以上就是常见的安卓手机投屏名称啦,如果你还有不懂的可以留言给我们哦! https://www.ezcast.com/blog/4507/miracast-smartphone-brands
10.volte是什么功能volte怎么设置volte高清通话是什么意思我们自己的手机可以通过相关操作,来设置volte。安卓手机和苹果手机设置volte的*有所不同,以下就为大家分别介绍: 1、安卓手机 首先打开安卓手机的设置界面,然后点击双卡与移动网络的按钮,然后再点击所需要设置volte的手机卡。在这个里面就能看到volte通话的选项,将右边的开关按钮打开,这个时候手机顶部就会出现volte的标志,https://m.qizuang.com/gonglue/shouji/102939.html
11.欢迎来到我爱拼模型——口袋里的世界3、看广告提示视频暂不可用 可能由于以下2个原因导致广告视频无法正常观看: 网络不稳定或广告引擎波动 部分安卓手机(如华为、VIVO)有限制广告追踪这个功能,需要关闭该功能才能正常观看 如果以上都不能解答你的问题,请私信饼饼,饼饼看到后会尽快解答的哦~ https://weibo.com/ttarticle/p/show?id=2309404486672212427288