用户体验UX设计中的五大设计原则

今天一起看一下用户体验UX设计中的五大设计原则，从其基本概念开始：

一，用户体验

使用者体验是指使用者在使用产品时所形成的主观感受，也就是使用者通过产品所形成的主观心理感受。所以很大程度上，产品的用户体验UX是由用户的主观感受决定的。对用户对一个产品所建立的用户体验UX，这种心理感受并非短暂的，而是贯穿于产品生产到销售的始终。

二，UX设计

在了解了用户感觉和用户体验UX的定义之后，我们来谈谈用户体验UX设计的概念。“用户体验UX设计”是指以用户为中心，以用户需求为目的的设计方法。UX设计就是利用用户可以接受或比较喜欢的方式进行交互，从而设计出真正符合用户需求的产品，产品口碑的好坏也与用户的内心感受密切相关。同样地，产品体验设计过程也是以用户为中心的，所以用户体验UX的概念从产品开发的最早阶段就进入了整个过程，并且贯穿始终。

三，五感设计体验

感觉器官是感觉外界事物的器官，包括眼、耳、鼻、舌、身等。脑是所有感觉的中心。眼为视觉，耳为听，鼻为嗅，舌为味，身为触觉。身体的五官给人们的生活提供了许多便利，除了熟悉的五官，还有其他的感觉系统在起作用，如保持身体平衡、饥饿感等等，大约有20多种感觉系统。使用者的感官感受是使用者体验最直接的表现方式，它无时无刻不在影响着我们。感觉经验就是感觉到并通过大脑加工而形成的心理感受。

四，五大视觉原理

1.可见重量(远近对比和尺寸对比)

视重指同一图像不同位置对视觉造成的冲击焦点不一样，通常区域体积越大，离视线越近或占据视线区域越大，就越有“重量”，这种视重主要是用来突出焦点，引起用户的注意，让用户注意到你希望他们注意的事情。值得注意的是，视觉上的重量是相对的，所有的视觉设计原理都是通过对比一个设计元素和它周围的元素来实现的。

怎样增加视觉重量呢？有两种方式：远距离接近和大尺寸。首先从远距离看，看得越近的东西就越能抓住人的眼球，在现实生活中，我们会注意离我们近的东西，而忽视离我们很远的东西。所以说，UX设计要注重远近关系，要突出近的事物，这样做的好处不仅能突出设计的重点，而且能使设计更“立体”，更有“层次”，更“真实”。下图。

2. 颜色

色彩的选择是视觉的重要原则之一。在设计过程中，任何产品都离不开一个重要的造型元素，即色彩。在人机交互过程中，产品的颜色起着举足轻重的作用，是提高产品用户体验UX的最直观的手段之一。例如下面白纸上的黑点，即使它的面积不是白面积大，但你一眼就能看到，这就是颜色所带来的效果：强调突出主题，当然这是其他视觉原理的共同作用。对企业和品牌来说，除了强调作用，对产品的色彩选择和配色设计绝对不盲目，也不是在当下“流行”，而是“适合”。

为什麽“适合”？由于色彩有亮与暗，暗与淡，冷与暖，所以要达到宣传的目的，必须慎重选择。比如下面这张图，大家一看到这个图，估计就会联想到可口可乐，因为红瓶可乐是可口可乐的标志，红色代表的是可口可乐的传统，活力，积极的品牌形象。所以，在用户心中塑造产品的品牌形象，也是色彩所带来的视觉体验效果。

3. 重复和模式突破

这就是视觉设计的原则之一：创造各种不同的模式，把用户的视线转移到重要的地方，然后尝试突破。就图形而言，视觉图形有许多种，如将圆点围成圆圈，列成直线，使直线与圆完全不同，这不仅更容易被注意到，而且对用户观看的人而言，所了解的信息也完全不同，这就是图形。再者，如有一条直线，直线末尾出现波浪，大家都会把注意力集中在波浪上，原来对直线的认识可能从“硬”变“软”，因为波浪线更像绸带一样柔软，这是一种模式突破。

4.排列方式和接近程度

首先从布局上，不同的布局给人的感觉是不一样的，布局让人觉得整齐，混乱让人感觉混乱，紧凑让人感觉紧密，疏散让人感觉疏远。一个很简单的例子就是头发，梳理头发跟未梳理头发的感觉很不一样。但过于紧凑而过疏散也是不可取的，会让人感觉情绪紧张而空虚因此，UX在设计时不仅要注重布局的选择，还要注重布局的程度。

另外就是接近性，两事物之间的距离接近或疏远，会让人觉得这两事物是相关的或无关的，这种距离就叫做“接近性”。一般情况下，我们将相关和无关元素分开，例如，标题、文本区域和与同一行为相关的按钮通常都是一起设计的，这样用户不需要阅读任何内容就能知道它们是相关的。

五. 线条和角张力

“视觉张力”是视觉作品在与观众的目光接触之后，被其构图、色彩的美感所吸引，使观众产生一种不顾一切地把视线移开的感觉，心理上的自然而然地接受了作品所传达的信息。比起视觉冲击，中国功夫的内力和外力，在平面设计作品中，不同程度地作用于视觉，产生或延续，或收缩，或膨胀，或射出，或旋转之感。这一感觉来自于形的内力和外力。人类视觉所能感知的，不过是形状在某一特定方向潜在的聚集、散发或倾斜的力量，而非物理力，而是视觉心理力，是视觉活动中不可或缺的内容之一。在此之前，我们谈到了色彩的美感，在此我们谈谈构图的美感，主要包括线张力和角张力。首先说一下线张力，线张力是指对一条根本不存在的线或“路径”的感知，我们的视线会跟随这条路径的方向，引导使用者的视线，如下图，我们将更多地关注于直线之间的空隙。另外，角张力，我们之前提到过，有一条直线，角张力是由几条线组成的“形状”，如下图，许多房屋曲线排列成螺旋形。

写在最后，五大视觉原理并非相互独立，而是相互促进、相互补充、相互完善的，这也是产品用户体验UX设计的魅力所在。