基于數(shù)據(jù)分布圖視覺傳達分析

【摘要】2020年初，全國人民宅在家通過各大APP了解外面的世界，為了增加用戶黏度，刺激用戶視覺，給用戶帶來不一樣的體驗，改變之前讀文的閱讀方式，變成“讀圖”在圖的設(shè)計上立足于用戶至上的宗旨，增添色彩和情感，以豐富畫面效果。本文針對各大APP視覺設(shè)計進行分析，對其版面設(shè)計、界面承載介質(zhì)/表現(xiàn)形式以及APP中設(shè)計類型從設(shè)計心理學(xué)等多個角度分析它們的設(shè)計。從社會整體環(huán)境出發(fā)，立足于以人為本的設(shè)計理念，體現(xiàn)人文關(guān)懷。

【關(guān)鍵詞】設(shè)計心理學(xué);版面設(shè)計;媒介;色彩

基于數(shù)據(jù)分布圖視覺傳達分析是針對鳳凰新聞、百度APP、澎湃新聞、網(wǎng)易新聞、新浪新聞、騰訊健康、丁香醫(yī)生、微信、知乎，這九種APP在頁面中添加了數(shù)據(jù)分布圖的視覺傳達分析。雖然每個APP功能性各有不同，但是在設(shè)計中卻有相似之處。

1. 基本相似的版面設(shè)計

針對這9類APP樣本，擁有基本相同的用戶界面的版式設(shè)計模式。頂部突出主體信息、放置Logo品牌標(biāo)志、圖形化海報設(shè)計，從上至下依據(jù)信息優(yōu)先級、信息展現(xiàn)形式，利用APP功能特性入口來進行整體設(shè)計布局。

1.1 頂部導(dǎo)航欄

在頂部導(dǎo)航欄設(shè)計中，突出內(nèi)容大標(biāo)題——內(nèi)容主題。用戶在觀看這一級頁面準(zhǔn)確把握主旨，在設(shè)計的過程中添加品牌LOGO和背景圖像組成一張主題為新型冠狀病毒的圖像海報。在狀態(tài)欄的下方分別放置了各類功能，比如：數(shù)據(jù)分析、數(shù)據(jù)分類、數(shù)據(jù)增長情況。根據(jù)每個不同的交互特點為每個應(yīng)用入口進行了特別的設(shè)計，為用戶在使用中得到便捷。

在海報的設(shè)計上融合了各類主題元素——紅十字、醫(yī)護人員、病毒形象化擬物化設(shè)計，這些元素讓主題設(shè)計中融入情感和故事。讓文字與圖像進行對應(yīng)和匹配，增強了信息功能情感傳遞。數(shù)據(jù)分布圖類似于信息圖表設(shè)計，是一個嚴(yán)肅與嚴(yán)謹(jǐn)?shù)脑O(shè)計，在美學(xué)創(chuàng)造方面并不突出，突出的是邏輯順序傳達和圖內(nèi)信息準(zhǔn)確地傳達。

1.2 主色調(diào)

在整體色調(diào)的選取中，各大平臺選取的顏色都相類似，大部分采取藍色系、紫色系以及綠色系，明度和純度偏向柔和，給人一種嚴(yán)謹(jǐn)和嚴(yán)肅性。藍色是忠誠和理性的象征;紫色代表著溫和和深沉;綠色代表著生命。顏色寓意與防疫主題表達相適應(yīng)。運用顏色寓意表達設(shè)計情感。在圖像與文字的顏色設(shè)計采用中，采用相對大的對比度，在背景的設(shè)計上更考慮到主要內(nèi)容的明顯性，通常采用白色。便于用戶更能直觀、準(zhǔn)確的把握每一個模塊信息。

在數(shù)據(jù)圖色彩設(shè)計運用上，更是運用了情感設(shè)計。如：重點和強調(diào)這兩大板塊運用的是紅色系，但是在明度和純度上卻各不相同，顏色整體融合不跳躍，與鮮血的顏色相類似，運用這種顏色能夠更好地傳達這種“疼痛感”，一直以來，紅色有著提醒和標(biāo)注的作用，在頁面中出現(xiàn)更容易在用戶心理增添心理暗示;在警示部分?jǐn)?shù)據(jù)顏色的選取上則是采用黃色系，雖然不是重要層級，但是依然值得大家重視與警示。在頁面中色彩與心理形成統(tǒng)一。

雖然每一種顏色都有其內(nèi)涵，都是豐富頁面環(huán)境的元素，頁面設(shè)計更應(yīng)該考慮其和諧搭配，在各種顏色的選取中，通常選取明度中偏低，純度較高的顏色。達到顏色豐富卻不搶眼的效果。在變化中尋求統(tǒng)一與和諧。

2. 數(shù)據(jù)分布圖承載媒介

數(shù)據(jù)分布圖應(yīng)該有針對的進行針對性設(shè)計投放，不能因為“流行”擾亂APP中的整體布局與定位。此次分析9家APP中包含三種媒介，其中包括官方主流媒體和各大企業(yè)平臺，在本平臺固有的頁面框架結(jié)構(gòu)基礎(chǔ)上添加與版塊構(gòu)建相關(guān)報道模塊和用戶需求界面。這些移動端利用現(xiàn)目前移動端的高效、及時的發(fā)布信息的特點，將實時動態(tài)信息傳達給用戶。由于其APP功能產(chǎn)品特性，只顯示了數(shù)字信息，接下來跟隨了產(chǎn)品的功能特性顯示了各自產(chǎn)品的核心功能，主要媒介類型有：

2.1 新聞類

其地圖的主要功能入口是以“數(shù)據(jù)展示”、“數(shù)據(jù)分析”、“知識普及”這樣新聞性功能比較強的類型與類別而存在，新聞類的APP在整體信息的闡述與展示中也更加傾向于與具體的新聞事件和時間線相結(jié)合，給用戶一個時間、空間、數(shù)據(jù)三方面結(jié)合的立體感受。在設(shè)計頁面中，結(jié)合了移動平面交互介質(zhì)的“社會性”與互聯(lián)網(wǎng)時代的“連通性”，設(shè)置了類“社區(qū)類”APP的“轉(zhuǎn)載”、“分享”入口，再現(xiàn)了傳統(tǒng)新聞如“口口相傳”的傳播方式，引導(dǎo)用戶對界面進行交互。

在新聞類APP中添加分布圖長頁面，用戶在觀看新聞的同時也可以第一時間找到自己需求信息，改變?nèi)粘Ｎ淖中侣劯挠眯畔D表，減少了閱讀時間增加了閱讀效率。人們的注意力與新聞的交織速度與程度相匹配。及時跟蹤反饋了解動態(tài)發(fā)展。

2.2 醫(yī)療類

醫(yī)療健康是關(guān)系到民生的一個行業(yè)，這類APP有三大類：一類是通過信息化技術(shù)，輔助醫(yī)生診療與實現(xiàn)即時患者管理，提升醫(yī)生服務(wù)效率的工具類;一類是通過提供技術(shù)、時訊、醫(yī)學(xué)知識等價值內(nèi)容，提高醫(yī)生知識水平的知識服務(wù)類APP;一類是提升醫(yī)生個人影響力的鏈接平臺類APP。這三類都是盡可能的滿足用戶對于醫(yī)療救治和醫(yī)學(xué)普及的需要，新冠狀病毒來勢洶洶，我們對其非常陌生，更是需要這類平臺，滿足用戶對于醫(yī)療方面的需求。

數(shù)據(jù)展示在此類APP中的重要程度相比其他類要弱化，整體設(shè)計是以數(shù)據(jù)展示或表述為引，重點貫穿著APP本體設(shè)計邏輯中的功能特性，根據(jù)APP本身的功能特性來具體安排入口功能。利用醫(yī)療APP客戶端搭建起醫(yī)療機構(gòu)和患者之間的橋梁，使雙方相互溝通，能夠提供更好的醫(yī)療體驗，同時也提高臨床醫(yī)療的高效性、并且減少醫(yī)療運營的成本。在醫(yī)療類APP作為用戶的醫(yī)療助手，用戶在關(guān)注自己的病情的同時也更應(yīng)該關(guān)注相關(guān)醫(yī)療新聞的發(fā)展、以及如何更好地防疫防控。

2.3 社交類

一般都存在于APP內(nèi)的一個專門欄目中，有特定入口，作為一個服務(wù)分區(qū)的存在，其功能性更加脫離傳統(tǒng)新聞邏輯，而更緊密的與其產(chǎn)品特性之中的互聯(lián)網(wǎng)社交需要相結(jié)合。伴隨著網(wǎng)絡(luò)科技的逐漸發(fā)達，網(wǎng)絡(luò)上的社交促進了大江南北的交流，擴大了人們交友朋友圈。在社交類APP上，大家可以以此為平臺發(fā)表個人觀點，展現(xiàn)個人魅力，交流經(jīng)驗等。

社交APP軟件的發(fā)展迅猛，也已然融入我們生活，成為生活的一部分，也是讓人花費時間比較多的軟件，社交類APP的用戶數(shù)量是所有APP類別中最多，最活躍的，投放于此更是方便人們了解新聞數(shù)據(jù)動態(tài)。將數(shù)據(jù)分布圖融入此類APP中能夠滿足人們?nèi)粘Ｉ缃恍枨笾膺€給大家構(gòu)建了一個新話題，提供一種“朋友圈”方向，這類別用戶更關(guān)注社交在新聞的閱讀上不會花費更多的時間去停留與研究。提供的更加便捷直觀的方式展現(xiàn)內(nèi)容是此類媒介信息傳達的內(nèi)容之一。

3. 數(shù)據(jù)分布圖信息傳達類型

為了讓每一個APP設(shè)計都有其特點，他們的風(fēng)格雖然很類似，但是傳達形式有一定的區(qū)別，主要有三種傳達形式：普遍型、整體型、響應(yīng)型。

3.1 普遍型

數(shù)據(jù)分布圖是以信息圖表為基礎(chǔ)進行搭建的，普遍型的數(shù)據(jù)地圖信息傳達方式采用地圖、折線圖、圖表的形式，針對模塊的特點進行針對性的采用設(shè)計，便于用戶更容易了解目前動態(tài)的具體情況。為了豐富畫面，讓畫面元素不至于呆板和空洞，將畫面中數(shù)字加以色彩進行填充，利用色彩之間明度、純度、色相的變化反映情況。

這一類分布圖是最為基本，最容易實現(xiàn)的。它最為其他類型的分布圖的基礎(chǔ)和框架原型。

3.2 整體型

數(shù)據(jù)分布圖也是新聞的的傳播方式，每一個數(shù)據(jù)的增長對于一篇新聞報道而言也許就是是一個大新聞，與以往新聞傳播不同的地方是將文字轉(zhuǎn)換成了圖表。為了保證新聞傳播的完整性，將圖表與數(shù)據(jù)進行緊密貼合。將分布圖與數(shù)據(jù)進行結(jié)合直觀的傳達方式，并傳達了各大移動平臺的嚴(yán)謹(jǐn)態(tài)度。

整體型數(shù)據(jù)分布圖是在普遍型的基礎(chǔ)上，有效的傳播人數(shù)和地域性分布情況。與普遍型不同的是沒有選擇使用數(shù)據(jù)呈現(xiàn)并使用顏色區(qū)分相結(jié)合的傳達信息方式。

3.3 響應(yīng)型

這一類型是一種動態(tài)的演示，旨在拉近用戶與平臺的距離，展現(xiàn)APP設(shè)計宗旨——一切是為了用戶，針對用戶進行個性化定制。在此類數(shù)據(jù)分布圖設(shè)計中是以普遍型為基礎(chǔ)的，在此基礎(chǔ)上增加了時間軸的動態(tài)效果，用戶在使用過程中，搭配圖表引導(dǎo)用戶點擊或滑動。以一種動態(tài)的效果體現(xiàn)事件在這段時間的發(fā)展和變化情況，增加了頁面趣味，但是這種按鈕做的并不是很明顯，也有可能會給用戶靜態(tài)展示的錯覺。

4. 結(jié)語

畫面的整體設(shè)計以及運用的載體都會給用戶帶來不同的體驗和感受，作為設(shè)計師在設(shè)計過程中更應(yīng)該考慮到用戶習(xí)慣以及用戶心理，再進行針對性的界面布局和顏色選擇。同時結(jié)合品牌形象與信息本質(zhì)所代表的事件去思考如何表達與展示。在信息投放的過程中，更應(yīng)該充分了解APP特征和用戶群體，進行針對性地設(shè)計與投放。將APP設(shè)計中以人為本的設(shè)計理念貫穿整個始終，在不改變APP整體定位的基礎(chǔ)上，豐富其頁面設(shè)計及其相關(guān)內(nèi)容，達到更好地為用戶服務(wù)的目的。不斷地豐富數(shù)據(jù)分布圖信息傳達類型，在現(xiàn)有框架中不斷推出新的方式，這也是刺激用戶的有效手段，進而達到增加用戶黏性的目的。

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

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