《用户体验设计导论》第16章 视觉设计的用户体验

食品图形广告
色彩
色彩是当光线照射到物体后，经反射到视网膜上，刺激视 觉神经而产生的感受，是人类视觉的一种。 国际上常用的标准色彩体系通常有三个，分别是日本色彩 研究所研制的PCCS（Practical Color-Coordinate System）色彩体系、美国艺术家阿尔伯特·蒙塞尔 （Albert Henry Munsell，1858—1918）于1898年发 明的蒙塞尔颜色系统和奥斯特瓦德（OSTWALD）色立体 的色相环。
视觉体验设计
视觉体验设计，指以视觉传达设计为手段，考虑受众生 理、心理因素、交互与物质和社会文化环境的综合作用， 以达成所期望的优良主观感受的设计。视觉体验包含了 视觉传达（Visual Communication）和交互体验两层 意思，是设计内容与用户交流的结果。这里，交流有显 性和隐性两种，前者是指具体视觉内容的交流；后者则 是传、受双方思想观点、文化价值取向的融合和碰撞。 视觉体验设计已成为一种沟通人与产品、人与人、现实 与虚拟的媒介。它背后承载了产品的功能和数据逻辑， 深深影响着用户的感受和情感。导致视觉体验不好的原 因可能千差万别，但好的视觉体验，一定是那种能打动 用户心灵，带来美好感受的视觉设计。
用户体验设计导论
Introduction to User Experience Design
第十六章 视觉设计的用户体验
王晨升，陈亮 编著. 用户体验设计导论[M]，机械工业出版社，2020.09.
目录
CONTENTS
01 视觉体验设计的概念 02 视觉来自百度文库验设计的要素 03 视觉体验设计的一般过程 04 视觉体验设计的法则 05 视觉体验设计中色彩的应用原则 06 平面设计中的视觉体验的应用
01 视觉体验设计的概念
The concept of visual experience design
• 视觉设计的概念 • 视觉体验设计
视觉设计的概念
视觉设计，是针对眼睛功能的主观形式的表 现手段和结果，是为了达到信息传播、促销、 宣传等目的，而进行的有计划、有成效的图 文设计活动，也是对内容、形式和传播方式 的综合设计。
色彩
色彩的构成形式与视觉体验
当一种色彩与其它色彩组合使用时，视觉效果往往会发生变化，即色彩构成影响着人们的视觉体验。色彩的构成形式主要包 括对比与和谐。
色彩的对比
对比是色彩中一条重要的美学法则，有色相对 比、纯度对比、明度对比、冷暖对比、平衡对 比、互补色对比、同时对比和继时对比等八类。 瑞士色彩学家约翰内斯·伊顿（Johannes Itten， 1888—1967）在其《色彩艺术》中说：“对 比效果及其分类，是研究色彩美学时的一个适 当的出发点。主观调整色彩感知力问题，同艺 术教育和艺术修养、建筑设计和商业广告设计 都有密切关系。”
02 视觉体验设计的要素
The elements of visual experience design
• 视觉体验设计的内容 • 视觉体验设计相关要素
视觉体验设计的内容
视觉体验设计中，既要考虑美观性，也要考虑视觉效果与产品功能的一致性。前者 通过美的视觉，带给用户良好的第一印象；后者则在操作的直观性、便利性和适用 性等方面，通过与用户期望或超越期望的交互，来达成最终的价值体验目标。
图形
图形是整体的、有内涵的、有意识创造出的视觉符号，图 像是图形的一种特殊形式。从构成特点上看，图形又有平 面、立体和动态图形之分，动态图形又包含了四个主要元 素，即空间位移、参照框架、方向和速度。 视觉传达中的图形，既是传达者心目中的一种意象，又是 接受者心目中的一种幻象。例如，利用食物和油迹组成的 感叹号图形，结合文字和编排，构成强烈的视觉冲击力， 令人印象深刻（如右图）。这种强烈视觉冲击的背后，往 往伴随着接受者对图形内容的深思和感悟。
视觉体验设计相关要素
视觉体验设计主要是通过视觉手段，来向人们传达各种信息，并由此诱发所期望的人们的主观感受。其主要构 成要素有图形、色彩、文字、编排及视觉传达。前四者是视觉设计中最基本、也是最核心的构成要素，而视觉 传达，则被认为是视觉体验产生的诱因和前提。
视觉 传达
图形
视觉体验 设计
色彩
编排
文字
设计师通常需要兼顾产品的目标、使用场景及企业形象特征等因素，在明确需求、 确定主题后，根据目标人群的风格偏好，来进行视觉体验的设计。具体内容包括： 对产品功能目标的主次关系分析。主次关系影响视觉设计中主、辅视觉元素的确定； 对目标人群的风格偏好与认知习惯的理解，主要体现在对整体视觉的色彩、形式等 方面的影响；及对企业品牌形象和战略的把控。品牌形象需要视觉设计来维护与宣 传，而企业的战略则需要通过产品质量去实现。视觉体验设计通过作用于用户的感 官感受，激发其情感共鸣，进而提升用户粘度和对品牌的忠诚度
色彩的和谐
色彩的对比是以和谐为前提的，在构图中，要 使所有的色彩相互关联，并在统一的整体中产 生应有的效果，就必须形成比较和谐的视觉整 体。具体要遵从以下原则：一是追求色彩要素 的一致性，比如在明度、色相、纯度上的近似； 二是不依赖于某种元素的一致或相似，而是通 过色相、明度、纯度的不同，来组合形成一种 视觉上的有序性；三是通过色彩的面积、色块 的位置，来改变每个色块在画面中的视觉作用， 实现视觉感受的和谐。
色彩
色彩的三要素 色相、纯度（也称彩度、饱和度）和明度，是有彩色系的三个 基本要素，在色彩学上，称为色彩的三大要素或三属性，这也 是有彩色不可分割的三个特征。无彩色系的颜色只有一种基本 属性——明度，它们的色相与纯度在理论上都等于零。
色彩
色彩的视觉感 指人们对不同颜色的心理感受。色彩本身是没有灵魂和情感的， 但人们却能够感受到色彩所表达的感情。这是因为人们生活在 一个彩色的世界中，积累了许多有关色彩的知觉经验，一旦与 外来色彩刺激发生相互作用，就会在人的心理上引出某种情绪， 这就是色彩视觉感的来源。
三种标准色彩体系
色彩
色彩的种类 颜色可以分成两个大类，即无彩色系和有彩色系。前者是 指白色、黑色和由黑白色调和形成的深浅不同的灰色，它 可按一定的规律排成系列，由白色渐变到浅灰、中灰、深 灰到黑色，色度学上称此为黑白系列；后者是指红、橙、 黄、绿、青、蓝、紫等颜色，如英国物理学家艾萨克·牛顿 （Sir Isaac Newton，1643—1727），在1666年利用三 棱镜发现的七色光。有彩色是由光的波长和振幅决定的， 波长决定色相，振幅决定色调。