基于數據分布圖視覺傳達分析

【摘要】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整體定位的基礎上，豐富其頁面設計及其相關內容，達到更好地為用戶服務的目的。不斷地豐富數據分布圖信息傳達類型，在現有框架中不斷推出新的方式，這也是刺激用戶的有效手段，進而達到增加用戶黏性的目的。

在未來，數據圖表類信息交互界面設計的過程當中，產品經理以及設計師從設計伊始就應該考慮到從產品本身的功能特性和用戶特點;從數據本身出發，使用符合產品品牌形象以及色彩中與心理暗示與調性針對性的進行色彩搭配，增強數據的可信度;數據分布圖在數據展示的過程中應立足于新聞傳播角度，在保證數據準確展示與傳達的基礎上，使數據背后具有具體的經典傳媒方式與特征賦予其更多更豐富的內涵，達到用戶能夠有效率地抓住重點的閱讀與使用;數據分布圖設計從社會整體環境出發，搭載具有普世性的價值體系，彰顯人文關懷，提升用戶素質與品味，更好的為用戶服務，引領設計新潮。

作者簡介：劉佳琪，女，漢，研究方向：交互設計。