展开

一款APP的设计稿从设计到切图(Android篇)①-界面设计

网络

· 介绍一下Android系统的APP设计切图 ·

依旧声明:那个 地点 写的依旧不过某一种工作方法,而不是一种规范,你能够 参考,但不要照搬,在具体工作中,一定要灵活运用。

这周五就要出差奔向新地点了,要在深圳过中秋,疑惑什么时候能回北京……这系列也疑惑能不能一口气写完~

总监跟我讲 :设计水平只能靠多做东西积累,NB设计师不是一天两天能当的;然而 你必须掌握设计规范,做的东西未必出彩,但不 出错,这算合格设计师~“在此与诸君共勉吧……

之前写IOS的东西,现在讲 讲 Android吧,特别 头疼,我是真疑惑从哪开始写啊,乱七八糟的概念,晕头转向的尺寸~

至于Window phone嘛,我觉得差不多 能够 摒弃了,因为我至今还没做过要支持它的软件,规范我都快忘了……


讲 讲 我眼里的IOS和Android的设计现状:

理论状态:

一款产品针对不同系统平台专人专做,好处是产品规范好,用起来体验不错,能充分利用系统平台自身的资源和交互特性。事实上 视觉UI差不了太多,要紧 的不同可能是某些交互方式(比如Android有虚拟返回键,需不需要再像IOS一样做出返回键)见过如此 的公司,特别 专业,只是数量少之又少。

普遍情况:

公司受时刻 以及资金预算的限制,先做IOS的设计稿子,定稿;之后更改尺寸(可能还不改尺寸),调一调UI各元素位置,给Android使用。

然后你会发现,这软件IOS版本和Android版本从视觉UI到交互方式是差不多 一个模子的,某些情况还可能造成Android工程师崩溃,因为居然要在Android系统上写出IOS特有的某些交互方式……

事实上 你会发现,市面上的软件IOS和Android版本也没什么特别 大不同,不像你常在网上看到的所谓:”啊~XX有XX的交互方式,更倾向于如此 那样的设计~balabala……“ 因为用户适应 基本被培养了,自以为是的UX设计反而会适得其反。

至于该怎样做,我并不想下定论;一切去依照 你所处的工作环境由你自己决定吧……我基本不想再争论该怎样做了.....


闲话不多讲 ,进入正题!安卓的需要理解的概念和数据比较多,因此 我一期可不能 写特别 多内容,你能够 慢慢消化……


① 你需要懂的一些铺垫:

手机分辨率:分辨率确实是 手机屏幕的像素点数,类似480*800、720*1280、1080*1920那个 意思……

手机屏幕尺寸:手机对角线的物理尺寸,单位是英寸;比如小米4的尺寸确实是 5英寸,IPhone 6的尺寸确实是 4.7英寸……

手机屏幕密度:dpi或PPI,每英寸的像素点数,数值越高显示的越逼真细腻。下面是屏幕密度的计算方法~

一款APP的设计稿从设计到切图(Android篇)①-UI设计

自己能够 算算手里的手机是什么屏幕密度的~


②Android自身设定的屏幕密度

安卓尺寸众多,按每个屏幕去适配确信 不现实;

事实上 因此 为了解决那个 咨询 题,安卓手机屏幕有自己初始的固定密度,安卓会依照 这些屏幕不同的密度自己进行适配。

这一点内容掌握到能满足自己设计工作需要就能够 了……

以下是Android的密度划分以及代表的分辨率,那个 地点 你能够 发现基本和设计稿尺寸和切图输出开始挂钩了……

密度                      LDPI                MDPI            HDPI             xHDPI                xxHDPI               xxxHDPI

密度数                   120dpi           160dpi          240dpi          320dpi               480dpi                640dpi

代表分辨率            240*320         320*480        480*800        720*1280           1080*1920          3840×2160(4K显示)


你需要了解IPhone各个版本的手机屏幕密度:

IPhone 4/4s/5/5s/5c/6       ≈320dpi    你会发现单从屏幕密度来讲 ,深圳UI设计工作室,IPhone能够 确实是 超高密度了。


下面来讲 讲 这几个密度:

LDPI              120dpi      低密度             不考虑那个 了,消失了……

MDPI            160dpi      中密度             那个 目前少见……

HDPI             240dpi      高密度            常见

xHDPI           320dpi      超高密度         常见

xxHDPI         480dpi      超超高密度      常见

xxxHDPI       640dpi      超超高密度      Android4.3推出了对此密度的支持,也确实是 平板电视的4K分辨率


你的切图会依照 这几个密度来决定输出多少套,至于用不用输出这么多套,以及标注的一些事情,咱们下期再讲 吧~

Copyright © 2007-2015 深圳市墨默交互科技有限公司 版权所有 粤ICP备11068991号