设计师必学两大设计规范—iOS HIG和Material Design

一、什么是两大设计规范？

iOS Human Interface Guidelines（简称iOS HIG）和Material Design是最经典的两大系统级设计规范。设计规范按照覆盖范围可以分为三类：应用级规范、平台级规范、系统级规范。iOS HIG和Material Design作为最底层的系统级规范，为上层的应用级和平台级规范提供了设计思想和内容指导。

iOS HIG是苹果官方出品的用户界面指南，旨在指导iOS应用程序设计，确保运行在iOS上的应用都能遵从一套特定的规范，保证体验统一。而Material Design是谷歌官方出品的设计语言，它不仅仅是安卓产品的设计规范，还可以跨平台使用在Android、iOS以及Web上。

二、为什么要学习两大设计规范？

1. 设计理念指导：iOS HIG和Material Design作为最经典的设计规范，可以让设计师学习到顶级设计规范思想，从更高的设计理念层面指导设计。例如，Material Design的核心设计思想是将平面的二维空间变成现实世界的三维空间，这一思想在许多设计中得到了应用。

2. 系统交互知识：两大设计规范能帮助设计师系统梳理交互基础知识，纠正原有设计误区。例如，关于横向进度指示条和转圈进度环的使用，设计规范提供了明确的指导。

3. 方案判断依据：设计规范能为设计方案提供理论支撑和判断依据，提高设计的正确性和说服力。例如，开关控件和行为召唤按钮的设计，都可以在设计规范中找到答案。

4. 设计创意来源：设计规范还能帮助打破思维局限，提供更多开阔的设计创意来源。例如，微信悬浮窗的设计就来自于Material Design的底部拓展面板组件。

三、如何学习两大设计规范？

两大设计规范均可以拆解成从抽象到具象的三部分：设计理念、基础规范、页面组件。

1. 设计理念：

   iOS HIG的设计理念包括三大设计主旨（清晰、遵从、深度）和六大设计原则（整体美学、一致性、直接操作、反馈、隐喻、用户控制）。其中，“遵从”原则强调好的界面设计要为内容服务，切勿过度设计。

   Material Design的设计理念相对精简，有三大设计原则，其核心思想来自于现实世界中的材质，通过二维表达手段构建三维空间Z轴的概念，并重视动效的合理性。

1. 基础规范：

   导航：iOS导航方式包括层级导航、扁平导航、内容驱动/体验驱动导航；Material Design则多了反向导航，允许用户按时间顺序向后移动。

   手势：两大规范都详细规定了各种手势的使用场景和效果。

   颜色：iOS在色彩使用上更谨慎克制，而Material Design则提倡使用高饱和度的对比色来提升视觉表现力和品牌认知。

   动效：Material Design对动效的重视程度很高，规范给出了多种动效模式和过渡时间的建议。

1. 页面组件：

   页面组件大致可以分为栏、视图、控件三类。两大规范都详细规定了这些组件的设计和使用规范。

四、两大设计规范的学习建议

1. 如何阅读？建议在新手期直接阅读设计规范的原文，进行一次系统性的遍历式阅读，对整体知识有个印象。之后，可以把这些规范当成字典，等真正做设计的时候再有针对性地查阅。

2. 如何应用？要辩证看待规范，学习规范的思想方法，而不是死板遵守。遇到设计问题时，规范可以当成工具书来查阅，根据具体设计场景再判断是否需要遵守。对于系统规定的、用户约定俗成的习惯，需要遵守；而对于规范模糊、用户已被教育或针对当前场景有更合适的设计时，可以斟酌是否遵守。

五、小结

• 两大设计规范iOS HIG和Material Design属于系统级设计规范，为上层规范提供了设计思想和内容指导。
• 学习两大设计规范可以获得设计理念指导、系统交互知识、方案判断依据和设计创意来源。
• 学习方法建议先进行遍历式阅读建立认知，再根据具体设计场景有针对性地查阅规范，并尝试突破和创新。