产品设计中的界面设计

李翠

摘 要：界面设计这个词在当下已经并不陌生，它是信息时代到来的产物，人们都认为它就属于电子产品或虚拟产品，而事实上，界面设计一直存在于我们的生活中的每一个角落，除了大家所熟悉的电子产品和虚拟App产品界面设计之外，其实在产品设计①中，比如家具设计、电器产品设计等也都存在界面设计，本文正是从传统产品设计的角度出发，来论述在这样一个领域界面设计的定义及设计原则。

关键词：产品设计；传统界面设计；设计原则

近年来，随着信息技术与计算机技术的迅速发展，网络技术的突飞猛进，人机界面设计和开发已成为国际计算机界和设计界最为活跃的研究方向。界面设计是人与机器之间传递和交换信息的媒介，它是联系人与机器的纽带。界面设计这一概念，目前主要用于信息技术和计算机技术类的产品，比如：电脑、手机、pad等电子产品，而本文则是从另外一个角度来论述界面设计，即传统的产品设计领域。

1 产品设计中界面设计的概念和方法

事实上在我们所熟悉的传统的、实体的产品设计中也包含了界面设计。正如前面所提到的，电子产品领域里的界面设计是连接人与机器的中介，而针对本文所提到的传统的、实体产品设计领域的界面设计则是连接人与物（产品）的中介。在《辞海》里中介的定义是：“表征不同事物的间接联系或联系的间接性的哲学的概念。”简单地说，中介其实就连接两者之间的中间物，是它们之间的联系者。针对任何产品设计，其所呈现在用户眼前的任何一个角度或是操作平面，我们都可以把它定义为一个界面设计：一扇门、一个电器的操作面板（非电子屏幕）、一个桌面或者一个插线板的插孔面等等，这些都可以称之为界面，而作为产品设计师对这些界面进行设计的时候，都需要对界面上的元素的取舍、形状、大小、色彩以及位置的合理分布做非常仔细的设计，只有做到这样，才能称之为一个合格的产品设计。

以家具设计这一产品设计领域为例，其实每一个家具产品的设计它也是有界面设计存在其中的，比如一个衣柜柜门的设计，我们可以把衣柜柜门这个矩形设定为一个界面，在这个界面上会因为其功能的需求有其必要的界面设计元素——衣柜的门把手，而这个门把手就像是现在大家所熟悉的电子产品界面设计中的图形符号元素一样，它的大小、形状、色彩以及它应该放置在柜门这个界面上的哪个位置都是需要非常严谨的去设计的，所以，其实界面设计并不是只存在于电子信息产品里，它同样存在于我们的工业产品中。所以本文中所论述的界面设计，是以传统的、实体产品设计领域为背景下的任何产品，它包含产品形态外观上相关元素的大小、形状、色彩以及界面上各元素之间的合理分布和排列的设计，其目的是为了让这一产品的使用更高效、易用、美观。

产品设计中的界面设计的方法，一方面可以参考软件设计中界面设计方法去进行相关的设计工作，比如基本版面的色调把控、色彩搭配或者是界面布局等；另一方面，作为一个实体的产品设计，它有与虚拟的软件设计有所区分，所以在设计的时候也要结合实体产品的特点去进行设计。比如：为一款豆浆机进行主要按键区域的界面设计，因为按键数量较多，所以，为了便于用户操作，就需要首先对按键的功能做一个大的功能区域划分。一般的豆浆机操作按钮主要分为两个大功能区域：一个是主要操作功能按钮“选择”和“启动/取消”；另一个是“选择”按钮下的第二级操作按钮。这个界面设计，看似主要元素不多，只是几个功能按钮，但是，如果不做仔细的功能分类，用户将无从下手；而且不同功能分类的按钮在形状和颜色的设计也有所区分，而这些都不光光是为了界面美的需求，更重要的是便于用户上手使用，在多个功能按键里，快速地找到自己想要的操作按钮或读取到需要的信息。

2 产品设计中界面设计的原则

确定了产品设计领域中界面设计的定义，那么在设计的过程中就需要遵循相关的设计原则，在产品设计领域中界面设计应该遵循的原则简单归纳如下四点：

2.1 易识别性原则

易识别性是指在任何的产品界面上的所有元素无论其排列布局还是外观形态以及功能的预设用途等都能让用户觉得一目了然，清晰明了，而不会让用户觉得困惑、无从下手。比如：现在的洗衣机操作面板的设计在满足易识别性这一原则的部分做的就非常不好。很多的洗衣机设计厂商在以给用户带来“多功能、多选择”产品的同时，却是以牺牲产品的易识别性原则为代价的！很多的洗衣机操作面板这一界面设计上几乎都密密麻麻地布满各种按键，这些按键在大小和形态上也都没有做明显的区分，只是在部分按键的下方加注一些文字提示，但是这并不能很好地提高易识别性。如何提高产品界面设计的易识别性可以从以下几个方面入手：

第一，符合产品预设用途的外观设计。“预设用途是指物品被人们认为具有的性能及其实际上的性能，主要是指那些决定物品可以用来作何用途的基本性能。”[1]比如横向细长的门把手，我们会选择按压的方式来使用，而圆形球状门的把手，我们则会选择左右旋拧的方式来使用。所以，事实上在用户长久的日常生活积累中，对于产品界面中的一些功能元素的操作方式已经形成了一个固有的认知模式，作为设计师在设计这些界面元素的时候要尽可能的符合用户对这一产品或产品界面上的元素所对应功能或操作方式的预设使用心理，只有做到这一点，才能有效地提高产品的易识别性。

第二，为产品的功能做减法。为产品的功能做减法，其实就是丢掉产品界面上多余的、不必要的或者是可有可无的“界面元素”，尽可能的呈现一个简洁的产品界面设计。

现代的产品设计，大家都喜欢提倡“多功能”或者“一物多用”，觉得似乎只有做到了这一点，才是真正有创意的产品，所以就出现了本文前面所提到的洗衣机操作面板的例子。现在的洗衣机为了增加其买点或设计的创新点，经常为其增加多个功能选择，比如增加烘干的功能，比如在洗衣选项里添加棉麻、化纤、羊毛、丝绸、童装、混合洗、经济洗等多种选择，这一设计从表面上看是从用户的角度出发，为用户提供了多种选择，但是实际上却是在为用户增加选择负担！不同的功能就需要不同的按钮来进行操作和显示，功能越多就意味着按钮越多，而界面（面板）的大小是有限的，所以导致的直接结果就是让用户看到产品界面后就手足无措，无从下手！所以，产品并不是功能越多越好，一定要分析清楚，用户到底需要的是什么，要尽可能地为用户提前做好产品的功能筛选，化繁就简，让自己的产品界面清晰明了，便于用户识别！

2.2 易用性原则

关于易用性，国际标准化组织（ISO）对其定义为“……在特定环境中，特定的使用者实现特定的目标所依赖的产品的效力、效率和满意度。”简单地说，所谓“易用性”就是用来描述一个产品是否好用的意思。一般会将好用的产品定义为易用性较高的产品，同时也被认定为是友好的产品。总的来说，易用性就是描述产品和人之间的一种和谐关系度的描述。

易用性原则主要是从符合用户的人体工学和使用认知习惯的角度出发来设计产品的界面。下面还是以大家日常生活中都经常使用的“门”这一物品作为案例来分析。门把手这一界面元素是门这一产品的界面设计中必不可少的一部分，那么它的设计如果要达到易用性的话，一方面要符合人手的基本尺寸，无论是大小（或是粗细），还是门把手位于门面上的高度，这些都需要经过严谨的数据调查和分析，结合人的基本尺寸来进行相关的设计，这部分就是从用户的人体工学角度出发去为产品的易用性服务；另一方面，门把手这一重要的设计元素所放置的位置以及它的形态所对应的操作方式等，就是从用户的使用认知习惯出发所做的易用性设计。这里所说的使用习惯或是认知习惯是指人们在日常生活中所积累的对于物的基本认知。比如：大部分用户都是以右手作为惯用手去操作产品，所以门把手的位置一般会放置在界面（门面）的左侧，便于右手的操作，这就是所谓的用户使用习惯；当门把手是圆球形的形状时候，用户会自然认为，开启的操作方式是抓取门把手后顺时针旋拧，如果设计师不按照这一固有的思维模式去设计，而将其设计为逆时针旋拧才可以打开，则不符合用户的固有认知模式，这种情况下，容易让用户困惑，进而无法正确操作，也就无法实现所谓的易用性原则。

2.3 一致性原则

一致性原则主要是指在产品的界面设计中，所有的界面元素应尽可能地采用统一的形态语言，统一的设计风格和统一的设计目标来完成设计工作。一个产品界面就如同一个程序界面，它需要在这个界面设计中确定统一的设计风格，比如：稳重的、活泼的、女性化的等等，在这个大的设计风格之下，再去选择统一的界面色调、造型元素等等。另外，针对传统的工业产品都有一个非常明确的产品功能，如空调的制冷、制热功能；洗衣机能把衣服洗干净并甩干的功能；手机可以通话、发短信的功能等，所以在此基础上，产品界面设计也需要为了满足共同的功能目标而进行统一的、一致性的设计。如下图1所示，是我们日常都非常熟悉的微波炉，如图所示的这个产品展示角度的界面是产品的主要界面，产品的核心功能基本上都集中在这个界面上，包括了微波炉柜门以及微波炉的主要操作界面这两个大的部分，根据我们的一致性原则，无论是柜门、门把手还是操作面板的设计风格、形态语言还是功能的展示以及操作使用，都需要进行统一，保持一致性。这里的一致性体现在门面和门把手采用同样的色彩即花纹装饰；门面、门把手和操作面板采用同样的材料和色调、操作面板的按钮设计风格和设计语言也保持统一等等，这些都能体现出其一致性的设计原则。

2.4 审美性原则

人们对美好事物的追求永恒不变的，所以产品设计中的界面设计也必须要符合审美性的原则。在一个产品的界面设计中，应该选择什么样的色调、形态语言以及界面元素应该以一种什么样的排列分布方式去呈现等，都需要设计师从审美性的原则上去仔细斟酌，以便能更好地体现这个产品的基本属性和设计特点以及设计品位。在满足工业产品的界面设计审美性原则这一点上，设计师可以从形式美法则入手，以此作为设计准则去处理产品界面设计审美性原则的满足。

综上所述，产品设计中的界面设计其实并不是一个陌生的设计内容，只是在传统思维模式里，大家没有将其和界面设计进行联系，但事实是，作为一名产品设计师所做的任何一个产品的设计都包含界面设计的工作内容，如果能正视这一点，并在每一项的设计工作中都有意识地将界面设计的相关概念、方法和设计原则运用其中，一定会大大提高产品的实用性和易用性，不仅仅能给用户带来更好的视觉美的体验，更重要的是给用户带来良好的使用体验。

注释：①全文所说的产品设计指的是传统的，以实体的产品设计为中心的设计领域。

参考文献：

[1] 唐纳德·诺曼（美）.设计心理学[M] .北京：中信出版社，第10页.