android设计适配规范

用户头像
北京/UI设计师/8年前/913浏览
android设计适配规范
用户头像
嘿呀嘎

android设计的基本规范

android机器由于版本多、品牌复杂、分辨率尺寸多。在出设计,又想一稿适配大部分机器的的时候会出现无从下手的感觉,如果你和我一样对于px sp dip dpi..这些名称模糊不清,又不想去理解,那这篇文章刚好可以解决你的问题,不过这些名词还是需要搞懂的。

(1)分辨率


分辨率就是手机屏幕的像素点数,一般描述成屏幕的“宽×高”,安卓手机屏幕常见的分辨率有480×800、720×1280、1080×1920等。720×1280表示此屏幕在宽度方向有720个像素,在高度方向有1280个像素。



(2)屏幕大小


屏幕大小是手机对角线的物理尺寸,以英寸(inch)为单位。比如手机为“5寸大屏手机”,就是指对角线的尺寸,5寸×2.54厘米/寸=12.7厘米。



(3)密度(dpi,dots per inch;或PPI,pixels per inch)


就是每英寸的像素点数,数值越高当然显示越细腻。假如我们知道一部手机的分辨率是1080×1920,屏幕大小是5英寸,就能否算出此屏幕的密度,通过宽1080和高1920,根据勾股定理,我们得出对角线的像素数大约是2203,那么用2203除以5就是此屏幕的密度了,计算结果是440。440dpi的屏幕已经相当细腻了。

当像素密度值=160dpi的时候 1sp=1px 1dp=1px


(4)实际密度与系统密度


“实际密度”就是我们自己算出来的密度,如上述例子中的440dpi就是实际密度,5英寸1080×1920的屏幕密度是440,而相同分辨率的4.5英寸屏幕密度是490。如此看来,屏幕密度将会出现很多数值,呈现严重的碎片化。而密度又是安卓屏幕将界面进行缩放显示的依据,那么安卓是如何适配这么多屏幕的呢?

其实,每部安卓手机屏幕都有一个初始的固定密度,这些数值是120、160、240、320、480,我们权且称为“系统密度”。

安卓对界面元素进行缩放的比例依据正是系统密度,而不是实际密度。

d21e593a1552a8012193a35717b0.jpg

虽然android手机的密度值很碎片化,但是随着科技的进步,现在市场上主流的手机大分辨路的占有率已经越来越多,这样我们在适配的时候就不用考虑低密度值的手机的适配问题了。

建议大家在720×1280的画布中作图。这个尺寸做出来的应用,在720×1280中显示完美,在1080×1920中看起来也比较清晰;这个分辨率下导出的图片尺寸适中,内存消耗不会过高,并且图片文件大小适中,安装包也不会过大;计算的简单,就是1dp=2px!做出来的图片,放进drawable-xhdpi的资源文件夹中,再分别切出xxhdpi、xxxhdpi的图放入相应的资源文件夹中。

e4df593a32eea8012193a3cc5a91.jpg

4cf0593a331ea8012193a37f1419.jpg

Android 上的字体为:     中文:思源黑体     英文:roboto  同样,用户可以接受的字体大小范围是(24px~36px)

8370593a3363a8012193a3d028af.jpg

3e9b593a3397a8012193a373d86e.jpg

f2d1593a33b0a8012193a3a22f0c.jpg

be0d593a33c8a8012193a3912545.jpg

13
举报
|
41
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
UI_3D图标火箭炮<新春促销>
智能家居中心 简约 UI设计组件库
拟物风质感写实UI卡片合集源文件
UI 登录界面设计模板包
新拟态风格 UI设计组件库
【新年UI图标】影音icon
【新年UI图标】30个图标
UI界面 组件
我的钱包-UI界面设计-app
手表表盘UI系列
科技医疗透明柜UI界面设计
【新年UI图标】酒店icon
【新年UI图标】家具icon
【新年UI图标】美妆icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】美食icon
【新年UI图标】珠宝icon
高级感金属拟物 UI设计组件库
钱包ui模板
盲盒APP UI设计
UI通用设计素材1
UI应用平面图标
柠檬黄主题UI作品集模版
你可能喜欢
大家都在看
登录注册