野路子设计小讲堂——Androdi-UI规范篇

郑州/UI设计师/5年前/363浏览
野路子设计小讲堂——Androdi-UI规范篇

写这篇文章的初衷是分享给刚入行的萌新一些工作方法,帮助TA快速掌握工作技能,也是对之前工作方法的一个总结。

野路子设计小讲堂——Androdi-UI规范篇


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


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


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


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


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


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

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


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


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

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


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

D、安卓横屏应用状态


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

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


  1、所设计的像素规格要被3整除,方便开发小哥高度还原你的设计稿;

  2、图标一定要切正方形(图标长方形的可以四周切透明背景搞成正方形);

  3、设计文字大小的时候最小字体为33px,不能比这个更小;

  4、关于沉浸式适配问题,我们在设计1080px*2310px设计稿时,切除的XXHDPI图在部分机型上发现并不适用,是因为状态栏高度不同,这需我们要单独调整一份沉浸式背景图给开发小哥,他们会去适配机型的,由于安卓机型过于复杂,具体尺寸可与开发小哥沟通获取,他们有自己的获取办法来适配不同的机型。

  5、以前安卓手机还有三个物理或虚拟的按键,现在UI进化为手势操作,这些按键几乎都没有了。但也不排除某些老年机型会遇到。


PS:

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

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


其他文章:


10
Report
|
12
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
Snook
Homepage recommendation
一大波可爱小动物
Homepage recommendation
相关收藏夹
1
1
1
1
作品收藏夹
1
5
规范
规范
规范
规范
作品收藏夹
ui
ui
ui
ui
作品收藏夹
文章
文章
文章
文章
作品收藏夹
app设计规范
app设计规范
app设计规范
app设计规范
作品收藏夹
品牌vi完整思路and呈现方式
品牌vi完整思路and呈现方式
品牌vi完整思路and呈现方式
品牌vi完整思路and呈现方式
精选收藏夹
作品收藏夹
大家都在看
Log in