一张图带你快速掌握iOS设计规范.pdfVIP

一张图带你快速掌握iOS设计规范 每次发文章 ，评论里总会有大堆小白们在 ：~求最新iO S设计规范链接~~求中文翻译版~~ 你看的是哪个版本 ，我的怎么没有~这次就做下基础知识普及 ，以更简单易懂的方式整理 下iO S 9 的设计规范给大家。 iO S设计规范 ，指的是苹果开发者官网上面的 iO S 人机交互指南 （iO S Human Int erf ace Guideline ）。制作这个规范的目的是为了让所有安装到iO S系统中的A pp都遵从某些特定的视觉 特性、交互特性 ，以达到风格一致性的使用体验。另一个层面 ，也是便于让设计人员和开发人员能 够更好的理解iO S系统 ，更合理的运用系统提供的功能和接口 ，更高效的制作出A pp。 概述 首先上一张整体结构图 ： iO S人机交互指南主要分为5个章节 ： 1. iO S UI设计基础知识 （UI Design Basics ）– 主要介绍针对iO S系统的特性 ，在设计时要考虑到的 各种影响因素。比如多尺寸屏幕的自适应 ；程序的启动与停止时的注意事项 ；iO S的布局、配色、 字体规范等等。 . 设计策略 （Design St rat egies ）–介绍了交互设计的一些原则以及设计实现A pp的建议流程。最 后举了几个案例进行说明。 3. iO S技术 （iO S Techno logies ）–介绍了集成到iO S系统内的一些软硬件技术 ，方便在设计开发功 能时加以利用。 4 . UI元素简介 （UI Element s ）–介绍iO S系统中的每个UI元素 （交互控件 ）的使用方式和注意事项 。在了解了这些UI元素后 ，设计者会更加了解系统提供了哪些设计元素 ，以便于提高开发效率和统 一视觉、交互体验。也能很好的限制住设计师们野马一样的思维。 5. 图标与图像设计 （Ico n and Image Design ）–介绍了iO S系统对于图标和图像的设计的一些要求 和注意事项。 iOS A pp设计原则 iO S的整体设计原则 ，在规范的第一章已经清楚的说明 ： 1. 设计要服从于功能 （或内容 ） 设计是为了更好的让用户使用功能、阅读内容 ，决不能为了追求设计上的完美而牺牲了功能的使用 体验。 在规范中举了一个非常恰当的例子 ，比较两个计算器的设计 ：设计更完美、更炫目的计算器给用户 带来的确是非常糟糕的使用体验。而相对来说更简洁直观的设计 ，则是经过无数次迭代苹果的设计 师们最终选择的版本。 3. 更加清晰明了的呈现UI 首先 ，页面的设计要突出重点 ：聚焦核心功能的呈现 ，巧妙并适当的加入修饰元素。 其次 ，细节的设计要清晰的展现 ：文字内容在各个尺寸的屏幕中都清晰的显示 ，图标的设计要精确 和明晰的表现出其代表的功能 ，颜色的运用要突出主题并尽可能干净、纯粹 ，使用无边框按钮以突 出功能。 3. 利用层次感和动效为设计增添活力 视觉上的层次感、贴近自然的动画效果可以让用户便于理解并得到愉悦感。 利用层次可以表达出各UI元素间的层次关系 ，以及当前活动的状态。 利用自然的动效可以增强用户对交互逻辑的感知。 iOS A pp设计要点 样式 iO S设计规范建议的A pp设计流程是这样的 ： 1. 去掉所有的UI修饰 ，只考虑核心功能以及功能间的关联。 . 利用iO S的主题样式来设计功能的UI ，完善细节设计。 3. 确保设计出的UI适配各种设备以及各种操作模式。 其中提到的iO S的主题样式 ，指的是利用iO S系统提供的UI元素 （控件 ）的样式来设计。这样设计的 好处是 ： 保证了你的应用的交互体验与iO S原生应用的体验的一致性 ，用户使用起来没有学习障碍。 利用系统UI元素实现A pp ，更便于与开发沟通 ，而且程序开发起来非常的方便 ，效率高并且错误 率低。 所以 ，熟读“UI元素”这章的内容 ，是每个设计者和开发者的必要工作。 A pp生命周期 生命周期这个词是来源于A ndro id设计规范 ，iO S没有特别的强调这个概念。而理解整个A pp的生命 周期对于A pp的设计来说确非常关键。 整个生命周期可以理解为这个过程 ： 启动 - 前台运行 - 退出 - 后台运行 - 后台终结 （内存释放 ） iO S系统的内存释放机制在设计规范里面没有体现 ，因为这个算法也在不断的优化没有必要让过多 的人了解。但是需要我们熟知的是 ：在点击Ho me键返回桌面时 ，程序从前台切换到后台 ，此时要 记录当前画面的流程状态和必要的信息以便下次回到应用恢复。这个