论界面信息的可视化呈现

王立峰 张毅

摘要：本文是针对重庆市高等教育教学改革研究项目《数字媒体课程体系中的信息可视化应用研究》的相关内容所展开的理论应用研究。本文以数字媒体设计专业的核心课程界面设计为研究对象，以界面信息的可视化呈现为研究目标，印证信息可视化对于界面信息表达与传递的重要作用。本文的研究不仅能够提升界面作为信息媒介的有用性，还是对界面设计与信息可视化理论的深化和拓展。同时，本文的成果也是对本项目研究的深度与成果运用的广度的一种强化。

关键词：信息；界面设计；可视化

Abstract：This thesis is related to the design and teaching in Chongqing Higher Education Reform Project "Application Research On Information Visualization In Digital Media Course System" against the deployment. This thesis focuses on the core curriculum user interface design of digital media design major， the visual presentation of the user interface information is the research target， Verify the important role of information visualization in the representation and transmission of user interface information. The research of this thesis can not only improve the usefulness of the user interface as an information medium， but also deepen and expand the theory of user interface design and information visualization. At the same time， The result of this thesis is also an intensification of the depth of the project research and the scope of the application of the results.

Key Word：Information User Interface Design Visualization

一、界面设计与信息可视化

界面设计（User Interface Design），是指对应用程序或软件的外观形式、操作逻辑与人机交互所进行的整体设计，其作用在于建立起人机之间信息传递与交换的媒介，因此，界面的本质是一种媒介，是信息产品的功能载体，界面设计则是构建这个媒介的手段方式。界面设计是计算机科学与设计学、心理学、认知科学和人机工程学之间的交叉研究领域，是近年来全球设计界最为活跃的研究方向之一。信息可视化，简单来说就是利用了人类眼睛所具有的胜过其他感官的敏锐度，将数据与信息视觉化，以信息图的形式轻松实现信息表达与传递的目的。信息可视化是界面设计的重要手段之一，其目的在于更好表达信息，使人机之间的信息传递与交换变得简单而便捷，更好地实现界面作为传播媒介的功能与作用。

信息可视化与界面设计的关系以及对于界面设计的重要性已然明确，然而面对类型众多的各种界面信息，探论界面设计中信息的可视化呈现方法就显得非常有必要了，因为这对于强化界面的媒介功能，提升其使用的有用性和有效性将发挥至关重要的作用。此外，该研究不仅是对界面设计学科理论的深化，更是关于信息可视化应用研究的进一步拓展。

二、界面信息的可视化呈现方法

研究界面信息的可视化方法呈现必须立足于与界面设计紧密相关的三个方面，第一，对应用程序或软件产品的全面分析；第二，对该产品目标用户的深入研究；第三，对该产品界面视觉设计的整体规划。上述三个方面是界面信息表达与传递的基础，更是研究界面信息的可视化呈现方法的理论导向。

（一）基于产品功能的界面信息可视化呈现

界面，依附于软件或应用程序产品而存在，是应用程序或软件的可视化外观形态，其显著特点之一是以图形信息为主体的媒介传播形式。在此基础上，界面能够通过对信息的输入与输出、采集与反馈，实现用户与产品的之间的交互行为，这是界面的第二个重要特点。因此，结合界面的两个重要特点，基于产品功能的界面信息可视化呈现主要体现在以下三个方面：

第一，产品功能的展现首先体现在产品界面信息清晰完善的结构设计，这主要是通过运用可视化信息结构模型中的层级式结构模型得以实现，层级式结构模型能够将复杂的产品信息转换为组织关系明确、结构层次清晰、导航方式高效的可视化信息结构图，形成产品初步的可视化外观形态。

第二，产品功能的展现还体现在对于界面的交互行为的可视化设计中，交互行为的设计可通过使用可视化信息结构模型中的导向式结构模型和拓展式结构模型形成流向明确的界面交互可视化行为路径图。

第三，综合前期形成的可视化信息结构图和交互行为路径图，运用可视化信息结构模型中的分组式结构模型可设计形成完整的可视化界面原型图。可视化界面原型图进一步明确了界面中每一个页面的功能布局与交互关系，将体现产品功能的信息以可视化的形式进行呈现，便于用户更好地认识产品，了解产品的特性与操作流程，同时可视化原型圖也为后期的设计工作奠定良好的构架基础。

（二）基于用户研究的界面信息可视化呈现

用户对于界面的需求受动机、背景、特征、情境、行为、目标、习惯、期望等因素的影响，而一款界面产品的成功与否和用户的接受度有着非常密切的关系。因此，用户研究成为了界面设计不可或缺的重要环节，从用户的性别与年龄（生理与心理年龄）、用户的职业与受教育程度、用户的信息技术使用水平、用户使用的界面产品以及用户对使用的产品的个人情感、用户对新界面产品的敏感度与学习能力等方面得到的研究数据都是界面设计必须考虑的重要因素。综上所述，用户研究的重要性主要体现在能够形成更加准确的产品定位与核心功能确认，因此，基于用户研究的界面信息可视化呈现主要体现在以下两方面：

第一，满足用户需求。在对目标用户进行充分研究的基础上，运用适合的信息图形进行表现，这些信息图形包括界面主体图形、图标、图表与符号，满足用户对于界面的识别需求和功能需求。通常来说，界面主体图形担任着传递产品特性、塑造产品形象的重要功能，是用户识别产品最直观的形象信息，因此在设计上通常要充分考虑目标用户的喜好；其次，图标、图表和符号的设计首先必须满足其在界面的功能需求，例如图标的操控功能，图表的统计功能，符号的导向功能等，然后再结合主体图形的形式风格进行外观设计，充分满足目标用户的审美需求。

第二，强化用户体验。体验是指用户在满足需求的基础所获得的各种感受的集合，主要分为视觉体验、使用体验与情感体验三个层次。因此，要使用户获得高满意度的视觉体验，首先必须减少用户的视觉负累，根据目标用户的色彩喜好营造一种舒适的视觉氛围，强化用户对产品的心理印象；其次是功能强大、视效美观的符合目标用户习惯的功能性图标是提升用户使用体验的重要手段；最后，高满意度的视觉与使用体验是提升用户好感、形成优质的情感体验的重要因素，除此之外，针对目标用户的界面整体外观形式与风格的塑造也是赋予用户良好的情感体验的重要方式。

（三）基于视觉设计的界面信息可视化呈现

视觉设计是界面设计在结构与交互设计之后所进行的关于界面外观的美化设计，其目的是打造美观舒适的界面环境，提升用户的使用愉悦感，从而建立一个良好的产品印象。因此，基于视觉表现的界面信息可视化呈现须符合有用性、有效性、整体性、审美性四个要求，同时在既定的界面整体视觉形象风格的支配下进行，这主要表现在以下两个方面：

第一，基于可视化界面原型图的版面信息编排与表现。可视化原型图是界面版面信息编排的核心，起着重要的支配作用，所有的信息图形都需要在原型图的支配下各就其位、各司其职，形成条理清晰的版面区块和图形序列，提升界面信息传递的有效性。

第二，各种信息可视化设计类型将为界面信息的可视化呈现提供最有力的帮助。信息可视化设计的类型主要分为空间类、流程类、统计类、分解类、关系类、组别类、故事类等7种信息图类型，结合不同的界面类型与视觉表现需求，均可以运用到界面信息的可视化呈现中。例如导航类APP界面所需要的空间类信息图中的地图和交通线路图，健康管理类应用程序所需要的流程类和统计类信息图，等等。综上所述，各类信息图是基于视觉表现的界面信息可视化呈现的主要手段方式。

三、结语

结语：关于界面信息的可视化呈现的研究是将界面设计与信息可视化结合研究的新方向之一，本文立足于界面信息表达与传递的目标，对界面信息的可视化呈现进行细分式研究，期望能够为界面设计及相关设计应用提供更加详尽有用的理论与方法指导。但限于篇幅原因，无法对此问题进行更多的阐述，但该研究作为本项目的一个阶段性成果，除了本身的理论与应用价值，对于界面设计与信息可视化设计的教学实践也有着非常重要的作用。此外，本文的成果将为本项目之后的研究奠定一个坚实的基础。同时，寄望能够抛砖引玉，共同提升该领域研究的高度。

参考文献：

[1] Manuel Lima（著）杜明翰 陈楚君（译）. 视觉繁美——信息可视化方法与案例解析 [M]. 机械工业出版社. 2013.

[2] 张毅. 王立峰.孙蕾. 信息可视化设计 [M]. 重庆大学出版社. 2017.

作者简介：

王立峰：男，1988年1月生，重庆人，重庆艺术工程职业学院视觉与传媒教师，助教；重庆师范大学本科学士，研究方向：视觉传达艺术设计与新媒体设计

张毅：女，1979年9月生，四川宜宾人，重庆艺术工程职业学院视觉与传媒学院教师，视觉传达设计教研室主任，讲师；四川美术学院硕士研究生，研究方向：视觉传达艺术设计与新媒体设计

项目来源：重庆市高等教育教学改革研究項目《数字媒体课程体系中的信息可视化应用研究》，立项号：173325