大家知道“设计指南”这个词吗？设计指南是指将推进设计时应遵循的指针和规则做成文件，很多应用程序都是按照这个设计指南设计的。这次，我们一边介绍最具代表性的苹果公司“Human Interface Guidelines”·Google公司的“Material Design”，一边一起思考设计指南是什么。

1、设计指南

2、遵守设计指南的好处

3、最低限度预先控制的设计方针

4、笔者创造的实例

5、总结

1.设计指南

设计指南正如其名，是推进设计时的指针。规定了对象平台的设计原则、布局、颜色、交互等相关规则。在某个平台上运行的应用，一般推荐按照对象的设计指南进行设计。最具代表性的设计方针有以下两个。

● Human Interface Guidelines

苹果公司设计指南。规定了以iPhone为首的各种苹果公司设备上运行的应用程序的规则。这是从1978年初版开始持续更新的历史设计指南。

● Material Design

Google公司设置的设计指南。设计的古典原则和技术和科学的革新性和可能性的整合，在多种平台之间的用户体验的合并等以实现为目标的指导方针，Android应用也推荐基于这个Material Design的设计。

虽然本稿不怎么提出，但设计指南有时也会以服务为单位设置。这种情况下，服务本身的品牌形象等也会被反映出来，制定了更具体的规则。相似的词语有“ton mana”和“style guide”等。

2.遵守设计指南的优点

设计指南始终是指导方针。如果说一定要遵守指导方针的话，可能不是那样的。但是，遵守指导方针也有好处。我介绍几个那个的优点。

1.可保证操作性

按照设计指南设计的应用程序，可以使整个平台保持一致性。保持一致性，可以防止用户偏离熟悉的UI和平台特有的操作感，实现用户期待的操作性。结果，可以在平台上实现最佳的UI设计。

2.可以保证美丽

设计指南的操作性和可视性自不必说，作为大前提也考虑到了美感。即使是没有设计经验的人，只要按照设计指南进行设计，就能最低限度地再现美丽的UI。

3.获得大企业的知识

苹果公司和Google公司等大型企业设立的设计指南里，塞满了长年积累下来的各种知识。不是基于个人价值观的设计，而是根据设计指南进行设计，可以得到可靠的UI设计提示。

“必须遵守方针！”不是这样的意识，而是以“参考指南，设计更好”的意识来使用比较好。

3.最低限度的设计指南

我想有人即使想读设计指南，也会因为全文英语且篇幅太长而受到挫折。因此，本章介绍了Human Interface Guidelines和Material Design中最低限度要控制的几个项目。因为原文中也有图解和视频，所以请一定要看看介绍的项目。

Human Interface Guidelines

▼Theme-iOS的设计原则

iOS的设计原则被规定。首先，再确认一下设计指南的目标是什么。

▼Adaptivity&Layout-适用于多个设备的布局

关于版面设计，记述了需要注意的要点。另外，由于iOS中存在各种各样的设备和状态（纵向、横向），因此需要在任何环境下都能适应的设计。如果事先掌握有关设备的知识的话，在实践的场合会很有用。

▼Color-颜色

记述了关于颜色应该注意的要点。颜色可以通过巧妙的使用提高可视性和提高吸引性等各种各样的效果。在必要的场景中可以选择合适的颜色，这是一个提示。

▼Typolaphy-打字图形

iOS正式采用了San Francico（SF）字体。尺寸和粗细等也根据用途而定。

Material Design

▼Introduction-Material Design的设计原则

记述了Material Design的设计原则。首先，再确认一下设计指南的目标是什么。

▼Environment-使用光和影的对象的表现

Material Design的特征是显示三维空间的UI。为了表现重叠和高度，请注意光和影的设计要点。

▼Layout-布局

规定了要素的大小、间隔的取法、配置方法等有关布局的规则。由于UI设计的通用性很多，作为设计的提示也可以参考。

▼Color-颜色

Material Design规定了设计Material Design所需的颜色构成。可以学到很多与颜色有关的东西，比如它的构成和颜色的使用方法。

▼Typolaphy-打字图形

在Material Design中，Roboto这个字体经常被使用。此外，您可以在这里以其他字体为例学习打字的基础。

4.沿着Human Interface Guidelines的设计

笔者创造的实例

按照指南设计的话，虽然可以通过实际应用来触摸，但是这里就来解说笔者（村田）实际制作的美食应用的UI的一部分。该应用程序是以iPhoneX上运行的iOS应用为设想而制作的，因此我们在设计时注意了沿着Human Interface Guidelines。根据指导方针进行设计，可以完成与iOS整体一致的UI。

虽说是按照Human Interface Guidelines进行设计，但只要在设计应用的品牌的配色和展示方法上下功夫，就可以充分表现出其独特性。此外，状态栏*1等使用了苹果公司公开的iOS设计套件中的iOS标准。通过使用这样的实际零件（组件），可以制作容易产生被实现的印象的设计。

4.总结

设计指南里塞满了对学习UI设计的人起到参考书作用的内容。虽然一次把握全部很难，但是只要抓住要点，应该就能在今后的制作中发挥作用。虽然指南这个词可能会给人一种生硬的印象，但是如果能对这篇报道有一点兴趣的话，我会很高兴的。

Powered by Froala Editor