一款APP设计的从0到1之:Android设计规范篇(2)

来源:网络   作者:热心网友   发布时间:2017-10-05    浏览次数:424

二、Android界面设计规范


1. Android各设备屏幕密度


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


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

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


安卓各屏幕密度

a92459aea9c3a8012028a9bdd7bb.jpg


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

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


2. Android开发单位DP和SP


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

计算公式:dp x dpi/160=px

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


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

计算公式:sp x dpi/160=px

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


3. 设计稿尺寸


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

651459aea9d5a8012028a93eafc0.jpg


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


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

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

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


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

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

96e259aea9e7a801211d25e072f1.jpg

4bf759aea9fda8012028a97e0ebb.jpg


界面设计控件尺寸:

bc4e59aeaa1ca8012028a913b85b.jpg


4. 安卓图标尺寸

1fca59aeaa26a801211d25c594ce.jpg


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


512x512px

192x192px

144x144px

96x96px

72x72px

48x48px

7a9b59aeaa5aa801211d256caff7.jpg


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


5. 安卓设计字体


英文字体为Roboto字体

中文字体为思源黑体。在在Android 5.0之后,使用的是思源黑体,字体文件有2个名称,“source han sans”和“noto sans CJK”。


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


思源黑体字体下载地址,请戳这里《近100+个免费可商用字体大集合(附字体包)》


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

ac5559aeaa6ba801211d257b435f.jpg



1234共4页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/6704.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通