野路子设计小讲堂——Androdi-...

  • 经验类型规范/资料
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-禁止演绎
2685 2 33 2020-09-12

同行们!大家好,我又来更新啦!

我是《野路子设计小讲堂》的小福,写这篇文章的初衷是分享给刚入行的萌新一些工作方法,帮助TA快速掌握工作技能,也是对之前工作方法的一个总结。如果行业Dalao,emmmm~~~不妨也来看看咱家讲的,如果有更好的方法可以在下面评论区留言,我会第一时间跟进的。

PS:本帖子适合萌新学习工作方法(能不能融入自身的工作,还是看你个人的造化了),会通过设计规范、人机交互方法、案例分析、工作方法四个维度分开来讲解(总结)。

以上都是废话,不想看直接略过!—————————————

有时候项目不需要开发IOS版,只需要开发安卓版和H5(或Uniapp、Apicloud)版,套用IOS的规范明显不合适,下面我们来讲下安卓设计规范:

A、讲解之前我们先记住以下4点解释:

PS:有些安卓机会有安卓虚拟按键,有些没有。现在部分厂商安卓机在追求全尺寸屏幕,对设计师来讲是很友好的。

B、以上是页面的叫法,下面我们来讲解设计尺寸:

看下面内容首先你要知道:XXHDPI,是我们给开发小哥的切图,开发小哥称之为3倍图。安卓小哥开发应用的尺寸单位是“dp”。

上图不难看出现在主流机型已经是1080P的高清屏幕了,XXHDPI的切图向上向下适配都基本完美。

如果你还不知道按照什么规格来输出设计稿,你就按照1080px*2310px这个规格来输出设计稿(也就是常说的三倍图),页面规范就按照下图所示来做:

C、安卓横屏应用状态

安卓屏幕有什么打孔、水滴、挖孔、珍珠、刘海(好好的学什么ios)等,厂商太多这里放个举几个常见的屏幕列子,可以参考一下。

D、当你以1080px*2310px来输出设计稿的时候,请注意以下问题:

  • 1、所设计的像素规格要被3整除,方便开发小哥高度还原你的设计稿;
  • 2、图标一定要切正方形(图标长方形的可以四周切透明背景搞成正方形);
  • 3、设计文字大小的时候最小字体为33px,不能比这个更小;
  • 4、关于沉浸式适配问题,我们在设计1080px*2310px设计稿时,切除的XXHDPI图在部分机型上发现并不适用,是因为状态栏高度不同,这需我们要单独调整一份沉浸式背景图给开发小哥,他们会去适配机型的,由于安卓机型过于复杂,具体尺寸可与开发小哥沟通获取,他们有自己的获取办法来适配不同的机型。
  • 5、以前安卓手机还有三个物理或虚拟的按键,现在UI进化为手势操作,这些按键几乎都没有了。但也不排除某些老年机型会遇到。


PS:

1、写到这里突然想不起来更多实际工作中遇到的问题了,如果有什么不容易解决的问题,欢迎评论区留言,我看到后会第一时间解答的。

2、附件内上传了已经做好的模版PSD文件和PS应用图标一键导出动作,下载后可直接用。

其他文章:

《野路子设计小讲堂——iPhone-UI规范篇》

《野路子设计小讲堂》——IOS、安卓设计转稿秘籍

Powered by Froala Editor

全部评论:2

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票