文档介绍：APP界面设计标准
APP界面设计标准
APP界面设计标准
APP界面设计标准
不知道大家都是怎么打无聊的余的呢？反正小我是像大多数人一，
不离手，因里有各种各好玩儿的 APP 用，用来消无聊是再好不
啦！自然，在个王的代， APP的界面也越来越精良了。那么，
一款美丽的 APP是怎么生的呢？今天我就来一有关 APP界面的那些
事⋯⋯
一、会用到哪些工具？
做界面我用的最多的就是 PS 和 AI 了，若是你是 Mac 用，可以一
下 sketch ，件的版本介绍高版本，因功能更大，作的速度也就更快。
其他的助工具也用到，比方 Cutterman ，用于后期切， Mark Man ，用于后期稿行尺寸注。
二、设计稿尺寸
在看设计稿尺寸从前，我们必定要先来认识一下 APP 界面设计构成
APP界面设计标准
APP界面设计标准
APP界面设计标准
界面构成由：布局层、图文排版层和图标层。
在 iPhone 6 还没出的时候，都是用 640x1136 px 来做设计稿的，自从 iPhone 6
宣布今后，所有的设计稿尺寸皆以 750x1334 px 来做设计稿尺寸
APP界面设计标准
APP界面设计标准
APP界面设计标准
现在再带大家来看看，到目前为止所有 iPhone 的尺寸：〔1-3 代就不用考虑了〕：
APP界面设计标准
APP界面设计标准
APP界面设计标准
iPhone 界面设计标准：
iPhone 界面尺寸：
APP界面设计标准
APP界面设计标准
APP界面设计标准
为什么会以 iPhone 6 〔 750x1334px 〕作为设计稿的标准呢？
这是因为搬动 app 开发中多种设备尺寸适配问题，在可以适配不同样设备尺寸的同时，还要尽可能的减少设计师们的工作量。而以 750x1334px 作为设计稿的标准是
有很多好处的，比方：
位于中间尺寸，向大尺寸和小尺寸适配的时候界面调整的幅度最小，最方便适配。
大屏幕时代仍旧以小尺寸作为设计尺寸，会限制设计师的设计视角。
设计安卓版本的 APP 时只需做最小的设计调整，提升设计效率。
APP界面设计标准
APP界面设计标准
APP界面设计标准
所以做设计稿时请以 750x1334px 为准哦
APP界面设计标准
APP界面设计标准
APP界面设计标准
APP界面设计标准
APP界面设计标准
APP界面设计标准
在文档建立参照线是一个很好的****惯，它可以给我们一个标准的参照，而且配合
智能参照线更好用，内容到页面左右的边距****惯设置为 24PX ，这也是国内外
众多 APP 使用的老例设置。自然这其实不是是不可以更正的，可依照个人需要进行适
当调整，设置成 30PX 也可以。
APP界面设计标准
APP界面设计标准
APP界面设计标准