APP界面设计规范.docx

APP界面设计规范.docxAPP界面设计标准
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界面设计标准