美文网首页
一款APP的设计稿从设计到切图②

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

作者: 恐高郑 | 来源:发表于2016-05-27 20:55 被阅读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更适合一些,不宽不窄,这个完全是设计师个人的设计习惯,所以不要当成什么规范,确切的说,整个屏幕你都可以随便做,但是我们这里说的是正常页面。

    下期见

    相关文章

      网友评论

          本文标题:一款APP的设计稿从设计到切图②

          本文链接:https://www.haomeiwen.com/subject/mjdfdttx.html