微信小程序 UI设计规范:1080 x 1920 PX  做安卓设计稿尺寸

2018年12月22日08:24:08 发表评论 1,112 views

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

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

  1. 从中间尺寸向上和向下适配的时候界面调整的幅度最小,最方便适配。
  2. 大屏幕时代依然以小尺寸作为设计尺寸,会限制设计师的设计视角。
  3. 用主流尺寸来做设计稿尺寸,极大的提高了视觉还原和其他机型适配。

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

(sketch用户以540 x 960来做设计稿)
微信小程序 UI设计规范:1080 x 1920 PX  做安卓设计稿尺寸

 

界面设计控件尺寸:微信小程序 UI设计规范:1080 x 1920 PX  做安卓设计稿尺寸

安卓图标尺寸
微信小程序 UI设计规范:1080 x 1920 PX  做安卓设计稿尺寸

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

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

安卓设计字体

英文字体为 Roboto字体

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

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

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: