APP界面设计规范.docxVIP

APP界面设计规范 不知道大家都是怎么打 无聊的 余 的呢？反正小 我是像大多数人一 ， 手机不离手，因 手机里有各种各 好玩儿的 APP 用，用来消 无聊是再好不 啦！当然，在 个 王的 代， APP的界面 也越来越精美了。那么， 一款好看的 APP是怎么 生的呢？今天我 就来 一 有关 APP界面 的那些 事?? 一、会用到哪些 工具？ 做界面 我 用的最多的就是 PS 和 AI 了，如果你是 Mac 用 ，可以 一 下 sketch ， 件的版本推荐高版本，因 功能更 大，作 的速度也就更快。 其他的 助工具也用到，比如 Cutterman ， 用于后期切 ， Mark Man ，用于后期 稿 行尺寸 注。 二、设计稿尺寸 在看设计稿尺寸之前，我们必须要先来了解一下 APP 界面设计构成 界面构成由：布局层、图文排版层和图标层。 在 iPhone 6 还没出的时候，都是用 640x1136 px 来做设计稿的，自从 iPhone 6 发布以后，所有的设计稿尺寸皆以 750x1334 px 来做设计稿尺寸 现在再带大家来看看， 到目前为止所有 iPhone 的尺寸：（1-3 代就不用考虑了）： iPhone 界面设计规范： iPhone 界面尺寸： 为什么会以 iPhone 6 （ 750x1334px ）作为设计稿的标准呢？ 这是因为 移动 app 开发中多种设备尺寸适配问题，在能够适配不同设备尺寸的同时，还要尽可能的减少设计师们的工作量。而以 750x1334px 作为设计稿的标准是 有很多好处的，比如： 位于中间尺寸，向大尺寸和小尺寸适配的时候界面调整的幅度最小，最方便适配。 大屏幕时代依然以小尺寸作为设计尺寸，会限制设计师的设计视角。 设计安卓版本的 APP 时只需做最小的设计调整，提升设计效率。 所以做设计稿时请以 750x1334px 为准哦 在文档建立参考线是一个很好的习惯， 它可以给我们一个规范的参照， 而且配合 智能参考线更好用，内容到页面左右的边距，习惯设置为 24PX ，这也是国内外 众多 APP 使用的常规设置。当然这并非是不可更改的，可根据个人需要进行适 当调整，设置成 30PX 也可以。 尺寸制定好之后，我们就可以开始设计了 三、图标设计 iPhone 图标尺寸： 图标设计请用栅格化系统进行设计 设计尺寸： 1024x1024px ，尽可能的采用黄金比例设计，让视觉效果更好 四、关于设计字体 关于字体大小的问题： 顶部操作栏文字大小 34-38px 标题文字大小 28-34px 正文文字大小 26-30px 辅助性文字大小 20-24px Tab bar 文字大小 20px 文字大小只是一个范围， 这要根据设计的视觉效果来决定， 不要死记硬背， 但是 切记，字体大小要用偶数。 关于界面设计就说到这里了， 好的工作方法才能让自己事半功倍， 而且规范是用 来帮助我们工作的，不是用来限制我们的，所以要学会在具体工作中灵活应用。 希望这篇文章对大家能有所帮助，让我们一起努力成为更优秀的设计师！ 遇到失意 心事，多想有一个懂你的人来指点迷津，因他懂你，会以我心， 你心，站在你的位置上思 ， 你排 解 。 一个人，来 世 ，必 懂得一些人情事理，才能不断成 。就像躬耕于 的 人，必 懂得土地与种子的情 ，才能有所收 。 一个女子，一生所求，莫 于找到一个懂她的人， 手白 ，相伴 老。 即使芦花暖鞋，菊花枕 ，也 温暖；即使粗食布衣，陋室 静，也 舒适，一句 “懂你 ”,叫人无怨无悔，愿以自己的一生来交付。 懂得是彼此的欣 ，是灵魂的 ，是惺惺相惜，是 ，是暖，是彼此的融化；是走一段很 的路， 然回首却 ，我依然在你的 里；是回眸相 一笑的无言；是一条偏僻幽静的 小路，不 山，不露水，路 你喜 的花草，静默无 却馨香盈 ，而路的尽 ，便是通达你心灵的小屋 ?? 瑟瑟严冬，窗外雪飘，絮絮自语说了这多，你可懂我了吗？若你知晓，无需说话，只报一声心灵的轻叹，那，便是我的花开春暖。 你相不相信，人生有一种念想，不求奢华不求结果，不求你在我身边，只愿有一种陪伴暖在心灵，那，便是懂得。 有人懂得是一种幸福，懂得别人是一种襟怀，互为懂得是一种境界。 懂得，真好！