本系列的第一部分旨在提高对设计一致性重要性的认识。在第二部分中，我提供了更多的背景知识，阐述了一致性对设计和潜在心理过程的影响。第三部分是关于视觉一致性和功能一致性之间的区别。

在下一节中，我想概述不同的设计方面，以及它们如何帮助建立设计一致性。借此，我想分享一些我的见解和经验教训。如果您想在下面的评论中分享这一点，大数据下载，我很乐意从您的经验中学习。

如本系列第3部分所述，政务大数据，大数据收集，应用程序的视觉外观是实现感知一致性最明显的方面。颜色、形状、字体可以调整以匹配整个应用程序套件，并与之实现视觉集成。

图1：此示例显示了SAP WebGUI（SAP GUI的web版本）的视觉协调工作，以匹配称为"伯利兹"的SAP Fiori视觉设计主题。

但是，返利，你看到的是，如果屏幕结构和控件结构不匹配，纯视觉对齐通常是不够的。在大多数情况下，您会发现控件和平面布置图的更改是不可避免的。在本文档中描述了创建视觉协调的过程。

外观对齐中最重要的方面是：

颜色–显然，任何视觉设计都必须定义特定的颜色逻辑和这些颜色的使用。必须转换此逻辑才能获得相同的结果，这是有问题的，因为不同技术的UI编码结构往往不同。排版/字体-许多视觉设计使用特定字体来建立特定的品牌标识。对于SAP，这是我们自己的字体72。决定是否要使用自己的字体或是否要使用系统字体通常必须经过彻底的评估，因为这涉及到一系列相关的含义，例如设计、分发和下载自己的字体的成本，或者字体的完整性，因为您还必须支持像中文这样的符号语言如果您不想退回到这些代码页的系统字体。图标-使用图标通常是创造视觉品牌的有力工具。为了实现一致性，必须考虑不同方面：a）使用相同的图标样式，在可能的情况下使用相同的图标；b）使用相似的图标实现相似的功能。间距/网格–屏幕的密度和几何结构在感知中起着重要作用。路线是否相同？是否使用相同的高度？屏幕元素之间的距离是多少？这些方面通常被视觉设计的间距和网格所覆盖。如果每个屏幕的这些内容不同，这将导致无序和不安的外观，并给用户带来问题，使其无法集中注意力并理解屏幕的结构。在sapfiori中，我们甚至有一个动态间距，这取决于应用程序是否在支持触摸的设备上运行，为手指提供了更多的空间。品牌元素-将相同的品牌标识应用于所有屏幕是一种非常简单的方法。在商业软件的上下文中，供应商徽标通常被客户徽标替换。因此，我们也努力将品牌元素集成到UI功能中（微软在功能区或主菜单上做了一些非常聪明的事情）。理想情况下，这些都是正面关联的方面。

外观的一个重要技术方面是主题化能力。没有什么比视觉设计更短命了。通常，市场要求一年后整容，2-3年后重新设计。如果你有各种各样的用户界面技术，你想保持视觉上的一致性，你不可能每两年为它们实现一个新的视觉设计。因此，重要的是要建立一个主题化的概念，抽象视觉设计，让你集中改变视觉设计一次，然后应用到你的所有技术。这带来了很好的副作用，你可以让你（内部或外部）的客户有自己的品牌实施成本很低。SAP为此提供了主题设计器，它为我们的许多UI技术提供了不同的品牌策略。

在主题化方面，您不应忘记高对比度白色和黑色等易访问性主题，如果有合适的主题化概念，也可以更容易地实现。

感觉解决了这些问题用户界面以及运动设计中更具交互性的部分。从我的角度来看，关于一致性的最重要的方面如下：

转换–由于转换用于在UI中建立方向感和层次结构，因此确保一致使用它们是非常重要的。特别是，由于大多数用户不会有意识地意识到这些影响，不一致会导致迷失方向和困惑。微交互-当用户与屏幕交互时触发。这些微小的互动，如小的行为、动作、反馈，都是非常微妙的，用户往往没有意识到。然而，它们为应用程序创建了特定的触觉，而且，人们常常注意到差异，却无法将手指放在上面。加载或等待指示-取决于后端进程的连接性和复杂性，延迟是不可避免的。加载指示器用于向用户提供系统仍在处理的反馈，以及理想情况下，此处理仍需要多长时间（要了解如何向用户传递系统状态的策略，请阅读本文）。这些等待时间并不是积极的体验，应该尽可能地适度和简约，而且，应该是一致的。它是超级恼人有不同的加载指标弹出你知道为什么。臭名昭著的例子是macos中的beach ball，它显示了应用程序不再响应的情况。一个普通用户能理解为什么应用程序级和系统级的等待有不同的图标吗？很长一段时间我都没有…

对于控件，我指的是用来组成用户界面的所有组件。这包括布局控件、按钮等基本控件和表格或过滤条等复合控件。

图2:SAP Fiori设计指南中描述的控件概述。

控件以可重用的方式封装了许多功能。控件代表的是设计师的词汇表，通过这些词汇，交互就像语言的句子一样被构造出来。