一款APP的设计稿从设计到切图②

2016-05-27  本文已影响42人  恐高郑

原文来自UI中国-BAT-LCK

· 介绍一下工作流程以及后期切图资源的输出 ·

最好的尺寸!

750*1334    6   目前是我做设计稿的设计尺寸,IPhone6的尺寸,向下可以适配4,5,向上可以适配6 plus;我记得IP6推出后,我问我的设计总监(从业12年)应该用什么尺寸设计,他是就用IP6的尺寸吧,好适配,切出来就是@2x了,上下都能照顾到.

IPhone 6的尺寸其实相比于以前的5来说很多地方并没有变化,只是高度也就是内容显示区域发生了变化。下面是IPhone 6的空白文档,我建立了参考线

iphone6空白文档

上下的参考线很容易设置,因为是根据IPhone自身系统设置的,左右的参考线我习惯设置为24px,也就是显示内容距离边框的距离。这不是绝对的,我和总监研究过,究竟是设置为左右30px还是24px比较好,通过对国内国外各种APP的对比,觉得24px更适合一些,不宽不窄,这个完全是设计师个人的设计习惯,所以不要当成什么规范,确切的说,整个屏幕你都可以随便做,但是我们这里说的是正常页面。

下期见

上一篇下一篇

猜你喜欢

热点阅读