什么是产品体验设计中的五大视觉原则?
导言:
首先感谢大家点进这个文章,本篇文章主要用于总结观看《用户体验设计100入门课》的学习成果,发上来的意义在于希望更多人了解到UX,为UX初学者和感兴趣的读者提供服务。本文将通过举例方式帮助大家理解UX的五大视觉原则。
一.基本概念
1. 用户体验
用户体验是指在用户使用产品的过程中建立起来的主观感受,即用户通过产品建立 起的主观心理感受。因此产品的用户体验好坏很大程度上是由用户的主观感受决定的。产品为用户所构建的用户体验,这种心理感觉不是短暂的,而是贯穿于产品生产到售后的始末的。
2. 用户体验设计
知道了用户感受和用户体验的定义后,我们来讲讲用户体验设计的概念。用户体验设计是指以用户为中心的一种设计手段,以用户需求为目标而进行的设计。用户体验设计是利用用户能接受或是较为喜爱的方式来进行互动,从而设计出真正符合用户需求的产品,产品口碑的好坏也与用户的心里感受息息相关。产品体验设计过程同样注重以用户为中心,因此用户体验的概念从产品开发的最早期就开始进入整个流程,并贯穿始终。
3. 感官体验
感官是感受外界事物刺激的器官,包括 眼 、 耳 、鼻、 舌 、 身 等。 大脑 是一切感官的 中枢 。眼睛是 视觉 ,耳朵是 听觉 ,鼻子是 嗅觉 ,舌头是 味觉 ,身体各个部位是 触觉 。人体的五大感官为人的生活提供了很多便利,除了熟知的五大感官外,还有另外的感觉系统在发挥着作用,比如保持身体的平衡,饥饿的感觉等,有约20多种感觉系统。用户的感官感受是用户体验的最直接的呈现方式,感官体验无时无刻不地发生在我们身上。而感官体验就是感官感受并经过大脑加工形成的心理感受。
二.五大视觉原则
1. 视觉重量(远近对比与大小对比)
视觉重量指同一图像不同位置给视觉带来的冲击重点不同,通常面积体积越大,越靠近视线或者占据视线面积越大的图形,越有“重量”,这种视觉重量主要用来突出重点,吸引用户的注意力,让用户关注你想让他们关注的东西。需要注意的一点是,视觉重量是相对的,所有的视觉原则都是将一个设计元素与它周边的元素进行对比而得到的。
那么如何增加视觉重量?方法大致有两种:远近和大小。先从远近来说,越靠近视线的东西越能抓人眼球,现实生活中,我们会注意离我们近的事物,忽略离我们远的事物。因此UX设计必须注重远近关系,将要突出的东西放在近处,这样做的好处不仅是能够突出重点,还能够使设计更加“立体”,更有“层次”,更加“真实”。如下图。
2. 颜色
选择适合的颜色是重要的视觉原则之一。任何产品在设计的过程中都离不开一个关键的造型要素,那就是色彩。产品的色彩在人机交互的过程中扮演着重要的角色,是提升产品用户体验最直观的手段之一。比如下图白纸上的黑点,即使它的面积没有白色面积大,但是你一眼就会看到它,这就是颜色带来的效果:强调突出主体,当然这也是其他视觉原则的共同功能。除了强调作用外,对于企业和品牌而言,产品的颜色选择和配色设计绝对不是盲目的,也并非当下“流行的”,而是“合适的”。为什么是“合适的”?因为颜色有亮色和暗色、深色和浅色、冷色和暖色的区分,想要达到宣传目的必须谨慎选择。以可口可乐为例子,如下图,大家一看到这个图估计都会跟可口可乐联想起来,因为红瓶可乐是可口可乐的标志,红色代表着可口可乐经典、活力、积极的品牌形象。因此,在用户心中塑造产品品牌形象也是颜色带来的视觉体验效果。
3. 重复与模式突破
视觉设计原则中有一条是:要创建各种模式,将用户的视线转移到重要的事物上——并尝试突破。从模式来说,视觉模式有很多种,比如将圆点围成圆圈,列成直线,这样直线和圆圈给人的感觉就完全不同了,这不仅更容易让人注意到,而且对于用户看得人来说,得知的信息也完全不一样,这就是模式。再从模式突破来说,还是比如有一条直线,直线的末端出现波浪,大家更会去关注波浪,原本对直线的认识可能从“硬”变“软”,因为波浪线更像绸带般柔软,这就是一种模式突破。
4. 线张力和角张力
视觉张力指视觉作品在与受众的目光相触后,被其构图、色彩的美感所吸引,使受众有种不舍得将视线移开的感觉,心理自然将作品所传递的信息全部接受。与视觉冲击力相比,好似中国功夫中的内力与外力,在平面设计作品中,不同程度地作用于视觉而产生或延续、或收缩、或膨胀、或外射、或旋转之感觉。这种感觉来自于形内部与外部力的作用。我们视觉感知到的仅仅是形状中潜在的一种向某些方向上的聚集、散发或倾斜的力,它不是物理的力,而是视觉心理的力,是视觉活动不可缺少的内容之一。前面我们讲了色彩的美感,这里我们来讲讲构图的美感,主要包括线张力和角张力。先来讲线张力,线张力是指对根本不存在的一条线或一条“路径”的感知,我们的视线会跟随这条路径的走向,引导用户的视线,比如下图,我们就会更关注直线间的空缺处。再说说角张力,我们之前一直在说一条直线,而角张力是多条线组成的“形状”,如下图,很多个房子曲线排列而形成了旋涡状。
5. 排列方式与接近性
先从排列方式来说,不同的排列方式给用户的感觉不同,排列有序让人觉得规整,无序让人感觉凌乱,紧凑让人觉得关系紧密,疏散让人觉得疏离。最简单的例子就是头发,梳了跟没梳给人的感觉非常不同。但是过度的紧凑过着疏散也是不可取的,会让人觉得情绪紧张和空旷无物因此,我们在UX设计中不仅要注重排列选择,还必须注重排列的度。
再从接近性来说,两个事物之间的距离相近或者疏远会使人们感觉这两个事物相关或无关,这样的距离被称为“接近性”。通常我们让相关的元素离得近一些,无关的元素离得远一些,例如与同一个行为相关的标题、文本区域和按钮通常是设计在一起的,这样用户无需阅读任何东西就知道它们是相关的。
三.结语
到这里已经完成五大视觉原则的解释,五大视觉原则并不是彼此分离的,它们彼此促进,彼此补充,彼此完善。希望通过这篇文章可以让大家了解到UX的魅力之处。
(本文章部分,个人观点仅供参考)
参考文献:
[1] 通感在体验设计中的应用,孙宁娜、樊尚冰
[2] 基于感官体验的餐饮行业可设计服务触点的开发,徐小宁 (山东工艺美术学院,济南 250014)
[3] 基于用户体验的产品色彩定向设计方法,林晨晔 (上海第二工业大学,上海 201209)
中汇设计解答:
品牌设计内容除了logo外,还需要有哪些呢?
一、标志、标准字、标准色字、标志和标准字的组合。
二、应用范围,你要的杭州品牌vi设计是做什么的,不同的行业不同的品牌设计。
A.办公用品:信封、信纸、便笺、名片、徽章、工作证、请柬、文件夹、介绍信、帐票、备忘录、资料袋、公文表格等。
B.企业外部建筑环境:建筑造型、公司旗帜、企业门面、企业招牌、公共标识牌、路标指示牌、广告塔、霓虹灯广告、庭院美化等。
C.企业内部建筑环境:企业内部各部门标识牌、常用标识牌、楼层标识牌、企业形象牌、旗帜、广告牌、POP广告、货架标牌等。
D.交通工具:轿车、面包车、大巴士、货车、工程车、油罐车、轮船、飞机等。
E.服装服饰:经理制服、管理人员制服、员工制服、礼仪制服、文化衫、领带、工作帽、纽扣、肩章、胸卡等。
F.广告媒体:电视广告、杂志广告、报纸广告、网络广告、路牌广告、招贴广告等。
G.产品包装:纸盒包装、纸袋包装、木箱包装、玻璃容器包装、塑料袋包装、金属包装、陶瓷包装、包装纸。
H.公务礼品:T恤衫、领带、领带夹、打火机、钥匙牌、雨伞、纪念章、礼品袋等。
I.陈列展示:橱窗展示、展览展示、货架商品展示、陈列商品展示等。
J.印刷品:企业简介、商品说明书、产品简介、年历等。
企业的品牌设计有哪些构成?
品牌设计来源于最初的企业品牌战略和策划对企业进行战略整合以后,通过形象的东西所表现出来的东西,后来慢慢的形成了专业的品牌设计团体对企业品牌VI系统识别设计进行有效的规划。
企业的品牌设计过程中,需要进行全面的考虑,融入各种必要的企业元素,其中关键的构成元素有产品形象、品牌文化形象、品牌VI识别系统以及品牌的信誉。
一、产品形象
产品形象是品牌形象的基础,是品牌设计的功能性特征相联系的形象。潜在消费者对品牌设计的认知首先是通过对其产品功能的认知来体现的。
一个品牌设计不是虚无的,而是因其能满足消费者的物质或心理的需求,这种满足和其产品息息相关。当潜在消费者对产品评价很高,产生较强的信赖时,他们会把这种信赖转移到抽象的品牌上,对其品牌产生较高的评价,从而形成良好的品牌形象。
二、品牌文化形象
品牌文化形象是指社会公众、用户对品牌所体现的品牌文化或企业整体文化的认知和评价。企业文化是企业经营理念、价值观、道德规范、行为准则等企业行为的集中体现,也体现一个企业的精神风貌,对其消费群和员工产生着潜移默化的熏陶作用。
品牌文化和企业的环境形象、员工形象、企业家形象等一起构成完整的企业文化。品牌背后是文化,每个成功品牌的背后都有其深厚的文化土壤,都有一个传达真善美的故事。
三、品牌识别系统
品牌识别系统是指消费者及社会公众对品牌识别系统的认知与评价。品牌识别系统包括品牌名称、商标图案、标志字、标准颜色以及包装装潢等产品和品牌设计的外观。
社会公众对品牌的最初评价来自于其视觉形象,是精致的还是粗糙的、温暖明朗的还是高贵神秘的。通过品牌识别系统把品牌形象传递给消费者是最直接和快捷的途径。
四、品牌信誉
品牌信誉是指消费者及社会公众对一个品牌信任度的认知和评价,究其实质来源于产品的信誉。品牌信誉是维护顾客品牌忠诚度的法宝,是品牌维持其魅力的重要武器,由此可见,品牌信誉和品牌设计对一个企业来说非常重要。
因此,品牌形象设计,商业广告设计从一个小小的形象设计就让人们记住,并且印象深刻,这就是最好的设计。
先来了解什么是品牌设计:
品牌设计是在企业自身正确定位的基础之上,基于正确品牌定义下的视觉沟通,它是一个协助企业发展的形象实体,不仅协助企业正确的把握品牌方向,而且能够使人们正确的、快速的对企业形象进行有效深刻的记忆。
品牌设计在设计什么?
品牌设计不是设计一个logo的事情,一个成熟的品牌设计师必然要考虑品牌设计的概念阶段、文本阶段、符号阶段、系统阶段,分别对应的是企业的品牌概念、品牌名、品牌logo、品牌系统应用;而这个系统才能体现品牌设计的价值,也只有系统化设计,品牌附加值才更可能成为消费者去买单的理由。
所以品牌设计是一个系统设计。