PG电子平台用户体验视角下的产品网页视觉传达设计——以电子产品为例为实现网页视觉传达设计，应执行三个步骤：第一，确 立网页界面的页面结构、版式，增加视觉体验感；第二，设 置网页界面的内容信息；第三，根据信息显示特点设计跳转 功能。

　　1.网页视觉运用特征 用户个体差异化意味着面对同一页面信息时，不同个体 所采取的浏览方式呈现广泛化特征。用户浏览习惯的形成依 赖于成长阶段自身主观思维、逻辑推理等心理建设过程，因 此，网页视觉设计应把握用户的视觉特征，分析用户视觉运 用产生的规律、习惯[3]。例如，某一用户浏览信息习惯采用 由上至下、由左到右的顺序，则网页后台应及时分析用户浏 览特征，并调整转变原有网页视觉传达效果，优化用户的视 觉体验性。 2.网页视觉兴奋要素 网页视觉兴奋要素表现为内容独特、样式新颖、色彩对 比、布局突出等特性，可激发用户好奇心，实现心理情感的 认同。以天猫网站为例(如下页图1)，页面左侧导航栏整体 呈现暗色调，中间以较大的区域显示“手机会场”，左侧则 是以轻色调(白色)做文字说明。借助背景色调的过渡、空间 布局的比较，使用户产生强烈的视觉冲击效果，将中间区域 “手机会场”突出的同时，红色、彩色手机陪衬作为页面的

　　基于用户体验视角的前提通过界定用户体验网页界面设计等相关概念从网页界面运用特征兴奋要素空间布局三方面论述网页视觉传达的设计要点并从基本局部版面设计及色彩选取三点实现用户体验视角的产品网页视觉传达设计旨在优化用户网页视觉浏览的效果提高用户浏览的舒适性高效性

　　关键词：网页设计；视觉传达；电子产品 中图分类号：ＴＰ３９３．０９２文献标志码：Ａ文章编号：１６７４－９４９９（２０１９）０５－０１７３－０３

　　1.用户体验 “用户体验”概念是20世纪90年代由Donald Arthur Norman提出，是指用户使用产品阶段蕴育的不同情绪、思 想，实现用户、产品间的交互行为[1]。用户体验表现出四个 明显特征，即应用性、便捷性、交互性、主动性。为满足 不同层次消费者产生的多元化消费需求，用户体验形式多 种多样。以新闻信息为例，用户可通过页面第一时间关注 了解社会时事动态，可自由发表言论，用户间还可以进行 交流讨论。 2.网页界面设计 网页视觉传达设计是将计算机设备作为载体，将互联网 视为信息获取途径，使用户借助视觉感官完成信息资源的浏 览、接收。随着计算机网络技术全面普及，网页给予用户直 观化、舒适化的浏览模式，提高了视觉体验水平。而网页界 面是网页的主要视觉展示部分，因此，网页界面设计要求不 断增加。 网页界面设计涉及众多学科领域，如心理学、设计学、 语言学等。就设计模式大体可划分为直接影响(感官)和间接 影响(理念)两种模式[2]。实质上，网页界面设计是基于平面 设计于功能领域、影响范围的深入拓展。 3.视觉传达设计 视觉传达设计起源于19世纪50年代，基于欧洲印刷美术 设计的拓展及演变形成。最早提出“视觉传达设计”术语 是在20世纪60年代日本举行的世界设计大会，日本《实体辞 典》中对视觉传达设计的界定为“是给人看的设计，是告知 的设计”。视觉传达设计在传统媒介中涉及平面设计、印刷 设计及报刊或书籍设计。伴随着科学技术的高速发展，互联 网元素为视觉传达设计提供了更加广阔的应用领域。就网页 设计而言，视觉传达设计注重信息资源布局比例，侧重受众 的视觉体验感，追求创作的整体性及布局完美性。

　　电子产品具有强烈的科技性、现代性、时尚性，就产品 视觉传达设计方面，要求突出强烈的“工业风格”[3]，将这 一特征转移到网页视觉传达设计方面，对于提高用户体验具 有重要价值。

　　1.网页界面基本布局 基本布局对于网页界面的观赏性、传递性有直接影响， 其主要包含以下三种元素： 第一，图形元素。图形元素在基本布局中的具体体现为 点、线、面。点可以突出主题，引导用户明确浏览方向； 线能划分区域，凸显信息之间的独立性；面，则与点、线 形成鲜明对比，为用户提供不同视觉效果。点、线、面既 可相互独立，也可有机结合，实现页面布局的规划性、统 一性。以华为手机商品展示页面为例(如图3)，点元素“华 为精品”明确产品的类型，而线元素将不同的手机产品合 理划分，并在下方与面元素结合，使整体页面显示出大 气、高雅的特点。

　　收稿日期：２０１９－０３－２０ 作者简介：姚晓婷（１９９０—），女，福建莆田人，硕士，主要从事界面设计研究。

　　图１天猫“手机会场”网页设计 3.网页视觉空间布局 网页视觉空间布局不单指结构布局，也涉及页面色调、 线条、内容，使用户在浏览页面过程中感受到不同的层次 感。用户页面浏览过程中，更加倾向于将视觉角度转向页面 的上方、左上角区域，而右侧区域的观察频率相对较低。所 以，设计人员可将页面的兴奋要素安排至上方、左上角区 域，让用户直接浏览页面的重要信息内容。以哔哩哔哩视频 网站首页为例(如图2)，页面的上方为“干杯！世界杯”为 主题的宣传页面，紧接着便是网站的导航栏区域，下方区域 则分为左右空间布局，并且在左边区域同样为“干杯！世界 杯”主题内容，有助于增加用户点击该主题的频率。与此同 时，网站页面并没有装饰的线条，主要以视频封面为主。封 面与背景的对比，突出视频的重要性，赋予首页协调感、层 次感。

　　视觉传达设计通常以二维影响作为主要表现形式，如平 面设计、色彩PG娱乐电子游戏官网、版式设计等。如果将视觉传达设计中融入文 字信息，则借助视频、图片等资源可将文字信息发挥最大化 效果，实现文字信息向“视觉符号”的转变。视觉传达设计 的基本要素为文字、图形及色彩，以人们相互交流为例，人 们将心中所想利用文字的形式表现出来，同时也可以用色彩 代表自身产生的情绪，而人们信息交流行为，则是自身向外 界传递视觉符号的同时，接收他人视觉符号的过程。

　　摘要：基于用户体验视角的前提，通过界定用户体验、网页界面设计等相关概念，从网页界面运用特征、兴奋要素、空间布 局三方面论述网页视觉传达的设计要点，并从基本局部、版面设计及色彩选取三点实现用户体验视角的产品网页视觉传达设计， 旨在优化用户网页视觉浏览的效果，提高用户浏览的舒适性、高效性。