如何实现工业设计的一致性

 

【文摘】成熟的产品要在一定的发展过程中保证产品工业设计理念一致。也就是说，要对不同的需求以统一的理念指导和评价工业设计，形成统一规范的产品形象、用户认知和使用经验。

 

一致性原则的内涵非常广泛。不是以相同的颜色或相同的形式表示工业设计的一致性，而是要从多个方面和角度思考和测量。工业设计可以从以下几个方面思考：

1.工业设计概念的一致性

 

假设产品理念包含“年轻人”这个关键词，所有工业设计方案都应该能够表达“年轻人”的特点，但具体的表达形式不同而已。

还要注意，工业设计概念还应包括工业设计的基本“基因”因素，包括工业设计目标、工业设计战略、工业设计原则和工业设计语言风格。

2.用户感知的一致性

用户对某事物的看法和判断都是以自己过去的经历为基础的。也就是说，看到新的东西是通过过去的记忆和经验来判断和理解的，所以要确保工业设计方案符合用户的认知，即用户过去的经验。否则用户会有认知模糊性。例如，典型的垃圾桶图标表示删除的意义，工业设计无法用垃圾桶图标表示其他意义。

一般来说，用户对产品的认识可以简单概括为两个主要类别。一个是普广东会户识别，一个是产品用户识别。

最终用户识别

普遍的用户认识是指整个社会群体对事物有比较统一的认识。一般来说，可以被大多数社会群体认可的观点、日常生活或产业领域比较普遍、一致的行为、经验、科学方法等都可以成为普遍的用户认知。例如，上述垃圾桶图标表示删除的意义和物理移动规律属于最终用户识别。

产品用户识别

产品用户识别是指用户在产品使用过程中形成的识别。这种认识仅限于产品内和用户社区，超出此范围的其他用户可能很难理解。

产品用户识别通常是重复使用的功能逻辑或工业设计。例如，如果在JD中将动态JD狗用作等待加载状态的提示，则用户可以在JD中查看动态JD狗。这样就可以理解页面当前已加载或正在等待。需要等一会儿。

如果产品做得足够好，用户群体足够大，产品用户识别也可以发展成普遍的用户识别。例如，微信中按长按钮操作语音的方式基本上成为语音交互的常见交互方式之一(以前很多产品都是点击语音交互)。3.功能结构的一致性

功能结构是产品的骨架，决定了产品中用户的主要体验路径，功能结构的一致性使用户能够快速了解整个产品的功能，并确保各种模块中用户体验的一致性。

一般功能结构一致性有两个方面。一个是相似的功能使用相同的结构。例如，在设置模块中，同一级别的不同设置模块使用的列表结构必须一致。两者都使用两行列表，或者都使用单行列表。其次，不同功能模块的相同功能必须使用相同的功能结构，产品所有页面标题栏的逻辑和结构必须一致。

4.相互作用的一致性

互操作性的一致性可以降低产品逻辑结构的复杂性，统一用户的认知和使用体验，降低用户的使用成本。在实际的工业设计中，互操作性的一致性可以从以下几个方面考虑：

交互逻辑的一致性

产品中很多交互的逻辑是相同的，不能对这些相同的交互使用工业设计个以上的逻辑或方案。因为这不仅会导致用户体验的不一致，还会导致产品体系结构的混乱。

下图显示了两个常用溢出菜单按钮的操作列表。在左图中，单击遮罩区域关闭菜单列表，右图使用取消按钮关闭菜单列表。这两个工业设计方案的工业设计都是合理的，但不能根据产品本身同时混合使用两个工业设计方案。

操作方式的一致性

常见的交互方式有点击、长按、滑动、拖动等。每种操作方式都有自己的特点和使用场景，工业设计要求这种交互方式的使用保持一致。

例如，产品的本地数据在大多数情况下都支持编辑管理状态下的长密钥。后者显示“操作”菜单列表。此外，在典型的Tabs组件中，左/右滑动支持不同的选项卡选项卡。在产品工业设计中，必须保持这种交互方式的一致性。不能对同一个交互使用工业设计个以上的工作方式(默认和快捷键除外)。

状态逻辑的一致性

产品页面上的元素状态必须能够很好地表示交互的逻辑，同一状态的元素表示的交互逻辑也必须相同。产品的按钮可点击状态、按下状态、拖动状态、禁用状态、选择状态、等待加载状态、操作反馈等在产品中必须匹配。

下图显示了状态逻辑工业设计匹配的不同类型按钮的禁用状态图。

5.视觉图像的一致性

视觉形象对产品一致性的影响最直观。因为用户形成产品感知和体验感的基础是视觉形象。工业设计的视觉图像一致性可以从以下几个方面考虑：

工业设计风格/语言

工业设计风格/语言是指整个产品的视觉形象基调，是视觉工业设计的基本理念和重要指导评价原则之一。

本质上，工业设计样式/语言是产品工业设计概念的一部分，但工业设计样式/语言更多地反映在视觉工业设计中。例如，“微信”和“QQ”以及“视觉工业设计”样式是完全不同的。更详细地说，图标工业设计使用线性或面样式。

一致的工业设计风格在产品工业设计过程中提供明确的工业设计方针、工业设计要求、工业设计方针和方案评价方针，确保产品整体形象的一致性。

品牌形象(VI)

严格来说，品牌VI是自己的体系，不与一般产品视觉工业设计一起分类。但是，在具体的工业设计中，我们使用品牌VI的部分元素，包括吉祥物、产品标志、品牌颜色等。JD的吉祥物狗乔伊和天猫的超级符号等在该应用程序中使用场景和使用形式非常多。

在产品工业设计中保持品牌形象的一致性也很重要。可以加强用户对品牌的认识，利用品牌为产品功能背书。

色彩

所有视觉图像都由颜色组成，因此工业设计需要形成完整、一致的产品颜色体系，包括品牌颜色(主要色调)、主要颜色和衍生的次要颜色。

确保颜色的一致性，不仅可以保证用户对产品认知的一致性，形成独特的品牌认知，还可以帮助页面信息水平和优先级的表达。

下图显示了网易云音乐和QQ音乐中我页面的工业设计场景。其中图标和选项卡组件等工业设计一致使用品牌颜色(红色和绿色)。

文本

与色彩一样，文本也是视觉图像的重要组成部分。在许多产品中，文本是用户获取产品信息的基本方法，这意味着文本对产品使用体验有很大影响。

通常，文本的一致性是指文本样式的一致性。典型的文本样式包括字体、大小、单词重量、颜色、单词间距、行距、段落、文本区域宽度高度、对齐方式和透明度。通过这些特定的文本样式，您可以为产品(如标题、副标题、正文、说明性文本、错误/警告性文本等)设置统一规格的文本样式。下图显示了网易云音乐中具有匹配卡标题、正文和其他文本标签的文本样式的两个不同模块中的两个卡。

部署

页面布局是视觉工业设计方案的基本框架，是一个非常复杂的问题，包括交互和逻辑以及各种视觉元素。

影响页面布局的常见视觉因素包括元素间距、对齐方式、对齐方式、字体和大小、位置约束、元素缩放、输出单位、设备对齐。这里不能一一说明。在工业设计过程中，需要对这些因素进行统一合理的规划和工业设计。

标准控件/组件

视觉图像的一致性是产品中最直接的实现，是产品的标准控件和组件的使用，如按钮、弹窗、Tabs等。

不仅视觉风格，还包括使用规范、交互逻辑等控件和组件的一致性下图中显示的是淘广东会第一页和购物页。页面的标题栏属于组件，两页的标题栏在布局结构、视觉样式、交互等方面是一致的。只有细节视觉样式有差异。

 

文章中插图照片材料和相关内容来自网络，如有侵权请告知，我们马上删除！