给大家系统讲解一下APP的视觉设计流程(四)

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  
本文就是“给大家系统讲解一下APP的视觉设计流程”系列文章的最后一篇了,不知道前面的分享是否能帮得到你呢?我们今天继续接着第三步来讲解一下。 给大家系统讲解一下APP的视觉设计流程(四)
注意:切图缩放后,像素会模糊,很可能需要重新调整,并且有各种虚边的情况,特别是那些带有透明阴影的,要重新调。


Andriod的像素尺寸转化为开发尺寸,即:px转化为dp

我们以480*800像素尺寸下做的设计图为基准。

开发将部件尺寸换算成dp尺寸的方法是,像素尺寸*2/3。480px*2/3=320dp

这也是为什么要让Android部件尺寸能让3整除的原因。如在hdpi模式,480*800像素尺寸设计图中,开发看到300px宽度的标注,会定义其为宽200dp,到这里Android开发才得到一个他们真正会用于开发的数值。

综合 上述关系:iOS@2x像素尺寸*75%=Android的hdpi像素尺寸

Android的像素尺寸*2/3=Android的hdpi的dp尺寸

得出:iOS@2x像素尺寸*75%*2/3=Android的hdpi的dp尺寸

所以:iOS@2x里一个宽600px的东西,在Android的hdpi模式下,正好300dp,正好是50%。

第四步

正是为了验收开发成果,我们不仅对页面进行了设计,还让他最终展示在产品上,所以开发完成后,我们需要验收界面效果是否与我们所设计的一致。若符合要求,或由于开发原因无法实现,我们就要修改设计方案,在设计时,我们要注意开发的难度。

最后总结一下就是在做APP UI设计时,从拿到最好的原型图到验收产品,UI设计者在一个项目中所参与的本职工作。还可根据个人能力扩展到界面交互、用户任务的交互设计。

以上就是“给大家系统讲解一下APP的视觉设计流程(四)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站获取更多内容。

随意打赏

提交建议
微信扫一扫,分享给好友吧。