浅谈Android APP设计规范

用户头像
武汉/网页设计师/9年前/2172浏览
浅谈Android APP设计规范
用户头像
windy2015

android尺寸较多,屏幕分辨率(像素值)没有像iPhone几乎等比的规律,但仔细研究也有规律,比方说图像分辨率(ppi值)是等比的。

5c5a57bd61e80000018c1bf9a2e8.jpg


bf2957bd628e0000018c1bf4df47.jpg


一、单位概念


px: pixels(像素). 不同设备显示效果相同,一般我们HVGA代表320×480像素,这个用的比较多。

pt: point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,印刷的字体大小不能小于0.075pt;

sp: scaled pixels(放大像素). 主要用于字体显示best for textsize。由此,根据 google 的建议,TextView 的字号最好使用 sp 做单位,而且查看TextView的源码可知 Android 默认使用 sp 作为字号单位。


二、下面我们来详细讲解下pt 、sp、dp之间的换算关系


Android支持下列所有单位:

px(像素):屏幕上的点。

in(英寸):长度单位。

pt(磅):1/72英寸,1pt=(dpi/72)px。

dp(与密度无关的像素):长度单位,一种基于屏幕密度的抽象单位,px*(160/ppi)=dp。

dip:与dp相同,多用于android/ophone示例中。

sp(与缩放无关的像素):sp是字体单位,sp与dp类似,但是可以根据用户的字体大小首选项进行缩放。Android系统允许用户自定义文字尺寸大小(小、正常、大、超大等等),当文字尺寸是“正常”时1sp=1dp,而当文字尺寸是“大”或“超大”时,1sp>1dp。


屏幕分辨率:整个屏是多少点,比如800px×480px,它是对于软件来说的显示单位,以px为单位的点。 density(密度)值表示每英寸有多少个显示点,与分辨率是两个概念。

当屏幕density=240ppi 时使用hdpi标签的资源;

当屏幕density=160ppi 时,使用mdpi标签的资源;

当屏幕density=120ppi 时,使用ldpi标签的资源。


一般android设置长度和宽度多用dip,设置字体大小多用sp. 在屏幕密度为160,1dp=1px=1dip,  1pt = 1/72 英寸.当屏幕密度为240时,1dp=1dip=1.5px。

47aa57be56a80000012e7ed86c7c.jpg


XXXHDPI也就是超超超高分辨率也就是平板电视支持的4k分辨率,以160PPI屏幕为标准:1dp=1px  大于1024p 就是K 。


185457be56c10000018c1b22cd8b.jpg


d85057be56ce0000012e7eccaffa.jpg


一、目前主流的安卓手机分辨率有以下3种:


hdpi,对应800*480的手机,主流机型很多。如小米1 、1s 三星 htc 等

xdpi,对应1280*720的手机,三星Galaxy系列和华为p6.

xxdpi,对应1080*1920的手机,小米手机、华为荣耀手机系列为主加上 htc one。


二、这些术语都是指屏幕的分辨率。


VGA:Video Graphics Array,即:显示绘图矩阵,相当于640×480 像素;

HVGA:Half-size VGA,即:VGA的一半,分辨率为480×320,像三星盖世Ace S5830就是使用这分辨率;

QVGA:Quarter VGA,即:VGA的四分之一,分辨率为320×240,一般用于小屏手机 像三星盖世Mini S5570就是使用这分辨率;

WQVGA:Wide Quarter VGA,即:扩大的QVGA,分辨率比QVGA高,比VGA低,一般是:400×240,480×272;

WVGA:Wide Video Graphics Array,即:扩大的VGA,分辨率为800×480像素,像三星i9000就是使用这分辨率;

FWVGA:Full Wide VGA ,数码产品屏幕材质的一种,VGA的另一种形式,比WVGA分辨率高,别名 : Full Wide VGA, ,其分辨 率为854×480象素(16:9)。


三、为了适应多屏幕分辨率,选用设计尺寸为:


  1. 在标准基础(xdpi:1280*720)上开始,然后放大或缩小,以适应到其他尺寸。


2.从设备的最大尺寸(xxdpi:1920×1080)开始,然后缩小,并适应到所需的最小屏幕尺寸;

推荐阅读网址:http://www.xue163.com/38/1220/384706.html。


虽然现在手机比较高的分辨率是1080×1920,你可以选择这个尺寸作图,但是图片素材将会增大应用安装包的大小。并且尺寸越大的图片占用的内存也就越高。如果你不是设计ROM,而是做一款应用,建议大家用PS在720×1280的画布中作图。这个尺寸兼顾了美观性、经济性和计算的简单。


美观性是指,以这个尺寸做出来的应用,在720×1280中显示完美,在1080×1920中看起来也比较清晰;


经济性是指,这个分辨率下导出的图片尺寸适中,内存消耗不会过高,并且图片文件大小适中,安装包也不会过大;


计算的简单,就是1dp=2px啊,多好计算啊!到这里,大家心里也有谱了吧!

 

设计时候,我们还需要遵循48dp定律:


48dp作为安卓可触摸的UI元件的标准。

一般来说,48dp转化为一个物理尺寸约9毫米。建议的目标大小为7-10毫米的范围,这是一个用户手指能准确并且舒适触摸的区域。


如果你设计的元素高和宽至少48dp,你就可以保证:

(1)触摸目标绝不会比建议的最低目标(7mm)小,无论在什么屏幕上显示。

(2)在整体信息密度和触摸目标大小之间取得了一个很好的平衡。

而每个UI元素之间的空白通常是8dp。




992657be57b90000012e7e5c1e7f.jpg



一、界面中文字选用的规则


在不同平台的界面设计中规范的字体会有不同,像移动界面的设计就会有固定的字体样式,网页中会有常用的几个字体。

以下是在72像素/英寸下的规范


移动端常规字体

Android:方正黑体简,方正兰亭黑、Noto(思源黑体的google命名)


76b157be58070000018c1be9945d.jpg


二、字体的大小(按照720*1280的尺寸来)


注释最小字体:               12sp  ==  24px

文本字体:                       14sp  ==  28px

文章标题或图标名称:   16sp  ==   32px

导航标题:                       18sp  ==   36px


ea2c57be583e0000018c1b5fbf39.jpg


32
阅读原文
|
举报
|
63
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
平面风格黄绿色系花朵装饰
平面花卉图案扁平简约无缝拼接插画
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
“知识宅急送”外卖,快递,平面,海报,素材,教育
金色颗粒质地的平面
平面插画情侣/矢量
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
空的平台平面和自然景观
水蜜桃和李子的平面水果图案
金色颗粒质地的平面
金色颗粒质地的平面
牛奶乳液层次梯田平铺平面
城市园林平面布局航拍
中国传统纹样创新图案设计
牛奶乳液层次平面平铺平面
平面插画设计女孩喝咖啡
平面设计风格的粉色草莓味马卡龙
城阙凡花
平面设计 吊牌设计
城市园林平面布局航拍
平面书法字手写
金色颗粒质地的平面
海底世界插画
空的平台平面和自然景观
你可能喜欢
大家都在看
登录注册