基于数据分布图视觉传达分析

【摘要】2020年初，全国人民宅在家通过各大APP了解外面的世界，为了增加用户黏度，刺激用户视觉，给用户带来不一样的体验，改变之前读文的阅读方式，变成“读图”在图的设计上立足于用户至上的宗旨，增添色彩和情感，以丰富画面效果。本文针对各大APP视觉设计进行分析，对其版面设计、界面承载介质/表现形式以及APP中设计类型从设计心理学等多个角度分析它们的设计。从社会整体环境出发，立足于以人为本的设计理念，体现人文关怀。

【关键词】设计心理学;版面设计;媒介;色彩

基于数据分布图视觉传达分析是针对凤凰新闻、百度APP、澎湃新闻、网易新闻、新浪新闻、腾讯健康、丁香医生、微信、知乎，这九种APP在页面中添加了数据分布图的视觉传达分析。虽然每个APP功能性各有不同，但是在设计中却有相似之处。

1. 基本相似的版面设计

针对这9类APP样本，拥有基本相同的用户界面的版式设计模式。顶部突出主体信息、放置Logo品牌标志、图形化海报设计，从上至下依据信息优先级、信息展现形式，利用APP功能特性入口来进行整体设计布局。

1.1 顶部导航栏

在顶部导航栏设计中，突出内容大标题——内容主题。用户在观看这一级页面准确把握主旨，在设计的过程中添加品牌LOGO和背景图像组成一张主题为新型冠状病毒的图像海报。在状态栏的下方分别放置了各类功能，比如：数据分析、数据分类、数据增长情况。根据每个不同的交互特点为每个应用入口进行了特别的设计，为用户在使用中得到便捷。

在海报的设计上融合了各类主题元素——红十字、医护人员、病毒形象化拟物化设计，这些元素让主题设计中融入情感和故事。让文字与图像进行对应和匹配，增强了信息功能情感传递。数据分布图类似于信息图表设计，是一个严肃与严谨的设计，在美学创造方面并不突出，突出的是逻辑顺序传达和图内信息准确地传达。

1.2 主色调

在整体色调的选取中，各大平台选取的颜色都相类似，大部分采取蓝色系、紫色系以及绿色系，明度和纯度偏向柔和，给人一种严谨和严肃性。蓝色是忠诚和理性的象征;紫色代表着温和和深沉;绿色代表着生命。颜色寓意与防疫主题表达相适应。运用颜色寓意表达设计情感。在图像与文字的颜色设计采用中，采用相对大的对比度，在背景的设计上更考虑到主要内容的明显性，通常采用白色。便于用户更能直观、准确的把握每一个模块信息。

在数据图色彩设计运用上，更是运用了情感设计。如：重点和强调这两大板块运用的是红色系，但是在明度和纯度上却各不相同，颜色整体融合不跳跃，与鲜血的颜色相类似，运用这种颜色能够更好地传达这种“疼痛感”，一直以来，红色有着提醒和标注的作用，在页面中出现更容易在用户心理增添心理暗示;在警示部分数据颜色的选取上则是采用黄色系，虽然不是重要层级，但是依然值得大家重视与警示。在页面中色彩与心理形成统一。

虽然每一种颜色都有其内涵，都是丰富页面环境的元素，页面设计更应该考虑其和谐搭配，在各种颜色的选取中，通常选取明度中偏低，纯度较高的颜色。达到颜色丰富却不抢眼的效果。在变化中寻求统一与和谐。

2. 数据分布图承载媒介

数据分布图应该有针对的进行针对性设计投放，不能因为“流行”扰乱APP中的整体布局与定位。此次分析9家APP中包含三种媒介，其中包括官方主流媒体和各大企业平台，在本平台固有的页面框架结构基础上添加与版块构建相关报道模块和用户需求界面。这些移动端利用现目前移动端的高效、及时的发布信息的特点，将实时动态信息传达给用户。由于其APP功能产品特性，只显示了数字信息，接下来跟随了产品的功能特性显示了各自产品的核心功能，主要媒介类型有：

2.1 新闻类

其地图的主要功能入口是以“数据展示”、“数据分析”、“知识普及”这样新闻性功能比较强的类型与类别而存在，新闻类的APP在整体信息的阐述与展示中也更加倾向于与具体的新闻事件和时间线相结合，给用户一个时间、空间、数据三方面结合的立体感受。在设计页面中，结合了移动平面交互介质的“社会性”与互联网时代的“连通性”，设置了类“社区类”APP的“转载”、“分享”入口，再现了传统新闻如“口口相傳”的传播方式，引导用户对界面进行交互。

在新闻类APP中添加分布图长页面，用户在观看新闻的同时也可以第一时间找到自己需求信息，改变日常文字新闻改用信息图表，减少了阅读时间增加了阅读效率。人们的注意力与新闻的交织速度与程度相匹配。及时跟踪反馈了解动态发展。

2.2 医疗类

医疗健康是关系到民生的一个行业，这类APP有三大类：一类是通过信息化技术，辅助医生诊疗与实现即时患者管理，提升医生服务效率的工具类;一类是通过提供技术、时讯、医学知识等价值内容，提高医生知识水平的知识服务类APP;一类是提升医生个人影响力的链接平台类APP。这三类都是尽可能的满足用户对于医疗救治和医学普及的需要，新冠状病毒来势汹汹，我们对其非常陌生，更是需要这类平台，满足用户对于医疗方面的需求。

数据展示在此类APP中的重要程度相比其他类要弱化，整体设计是以数据展示或表述为引，重点贯穿着APP本体设计逻辑中的功能特性，根据APP本身的功能特性来具体安排入口功能。利用医疗APP客户端搭建起医疗机构和患者之间的桥梁，使双方相互沟通，能够提供更好的医疗体验，同时也提高临床医疗的高效性、并且减少医疗运营的成本。在医疗类APP作为用户的医疗助手，用户在关注自己的病情的同时也更应该关注相关医疗新闻的发展、以及如何更好地防疫防控。

2.3 社交类

一般都存在于APP内的一个专门栏目中，有特定入口，作为一个服务分区的存在，其功能性更加脱离传统新闻逻辑，而更紧密的与其产品特性之中的互联网社交需要相结合。伴随着网络科技的逐渐发达，网络上的社交促进了大江南北的交流，扩大了人们交友朋友圈。在社交类APP上，大家可以以此为平台发表个人观点，展现个人魅力，交流经验等。

社交APP软件的发展迅猛，也已然融入我们生活，成为生活的一部分，也是让人花费时间比较多的软件，社交类APP的用户数量是所有APP类别中最多，最活跃的，投放于此更是方便人们了解新闻数据动态。将数据分布图融入此类APP中能够满足人们日常社交需求之外还给大家构建了一个新话题，提供一种“朋友圈”方向，这类别用户更关注社交在新闻的阅读上不会花费更多的时间去停留与研究。提供的更加便捷直观的方式展现内容是此类媒介信息传达的内容之一。

3. 数据分布图信息传达类型

为了让每一个APP设计都有其特点，他们的风格虽然很类似，但是传达形式有一定的区别，主要有三种传达形式：普遍型、整体型、响应型。

3.1 普遍型

数据分布图是以信息图表为基础进行搭建的，普遍型的数据地图信息传达方式采用地图、折线图、图表的形式，针对模块的特点进行针对性的采用设计，便于用户更容易了解目前动态的具体情况。为了丰富画面，让画面元素不至于呆板和空洞，将画面中数字加以色彩进行填充，利用色彩之间明度、纯度、色相的变化反映情况。

这一类分布图是最为基本，最容易实现的。它最为其他类型的分布图的基础和框架原型。

3.2 整体型

数据分布图也是新闻的的传播方式，每一个数据的增长对于一篇新闻报道而言也许就是是一个大新闻，与以往新闻传播不同的地方是将文字转换成了图表。为了保证新闻传播的完整性，将图表与数据进行紧密贴合。将分布图与数据进行结合直观的传达方式，并传达了各大移动平台的严谨态度。

整体型数据分布图是在普遍型的基础上，有效的传播人数和地域性分布情况。与普遍型不同的是没有选择使用数据呈现并使用颜色区分相结合的传达信息方式。

3.3 响应型

这一类型是一种动态的演示，旨在拉近用户与平台的距离，展现APP设计宗旨——一切是为了用户，针对用户进行个性化定制。在此类数据分布图设计中是以普遍型为基础的，在此基础上增加了时间轴的动态效果，用户在使用过程中，搭配图表引导用户点击或滑动。以一种动态的效果体现事件在这段时间的发展和变化情况，增加了页面趣味，但是这种按钮做的并不是很明显，也有可能会给用户静态展示的错觉。

4. 结语

画面的整体设计以及运用的载体都会给用户带来不同的体验和感受，作为设计师在设计过程中更应该考虑到用户习惯以及用户心理，再进行针对性的界面布局和颜色选择。同时结合品牌形象与信息本质所代表的事件去思考如何表达与展示。在信息投放的过程中，更應该充分了解APP特征和用户群体，进行针对性地设计与投放。将APP设计中以人为本的设计理念贯穿整个始终，在不改变APP整体定位的基础上，丰富其页面设计及其相关内容，达到更好地为用户服务的目的。不断地丰富数据分布图信息传达类型，在现有框架中不断推出新的方式，这也是刺激用户的有效手段，进而达到增加用户黏性的目的。

在未来，数据图表类信息交互界面设计的过程当中，产品经理以及设计师从设计伊始就应该考虑到从产品本身的功能特性和用户特点;从数据本身出发，使用符合产品品牌形象以及色彩中与心理暗示与调性针对性的进行色彩搭配，增强数据的可信度;数据分布图在数据展示的过程中应立足于新闻传播角度，在保证数据准确展示与传达的基础上，使数据背后具有具体的经典传媒方式与特征赋予其更多更丰富的内涵，达到用户能够有效率地抓住重点的阅读与使用;数据分布图设计从社会整体环境出发，搭载具有普世性的价值体系，彰显人文关怀，提升用户素质与品味，更好的为用户服务，引领设计新潮。

作者简介：刘佳琪，女，汉，研究方向：交互设计。