<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          設(shè)計師必看|如何做好數(shù)據(jù)可視化設(shè)計?這些必備原則一定要先看!

          共 2274字,需瀏覽 5分鐘

           ·

          2021-10-16 10:34


          點擊"三分設(shè)"關(guān)注,回復"社群"加入我們

          歡迎來到專業(yè)設(shè)計師學習交流社區(qū)

          三分設(shè)|連接知識,幫助全球 1 億設(shè)計師成長

          轉(zhuǎn)自Clip設(shè)計夾

          編輯:章欣怡

          共 1998 字 16 圖  預計閱讀 5 分鐘


          可以和今天這篇文章串聯(lián)起來一起看,共同豐富數(shù)據(jù)可視化的設(shè)計知識。

          有效地傳達數(shù)據(jù)一直具有挑戰(zhàn)性,數(shù)據(jù)可視化是講述數(shù)據(jù)故事的好方法,幫助我們理解更復雜的數(shù)據(jù)關(guān)系。


          一. 為什么使用數(shù)據(jù)可視化?

          如果不能通過有效的方式理解和使用大數(shù)據(jù),那么每天產(chǎn)生的數(shù)據(jù)可能就沒有什么用處。

          無論身處什么行業(yè),不管是互聯(lián)網(wǎng)、傳統(tǒng)產(chǎn)業(yè)、或者經(jīng)濟領(lǐng)域,再到醫(yī)療保健和服務(wù)行業(yè)的各方面,數(shù)據(jù)可視化都發(fā)揮著重要作用。


          通過將各種信息轉(zhuǎn)換為圖表,內(nèi)容變得更易理解和使用。 


          二. 數(shù)據(jù)可視化圖表類型

          1.共同的比例定位-條形圖、散點圖

          因為共享一個共同的空間參考系統(tǒng),所以位置是最容易識別和評估空間元素的特征。
          使用相同的比例和軸-小倍圖。


          當需要展示的項目太多時,單一的圖表有可能會變得混亂或出現(xiàn)遮擋,這些形式對體驗來說并不友好。

          利用小倍圖或面板圖,一系列圖表都遵循相同的視覺格式,顯示不同的數(shù)據(jù)。

          2.長度-條形圖

          長度可以有效地展示定量信息,因為可以根據(jù)長度的伸縮體現(xiàn)具體的數(shù)據(jù)值。

          3.方向-趨勢圖

          方向很容易被我們識別,可以使用折線圖和趨勢圖來顯示隨時間變化的數(shù)據(jù)。

          4.角度-餅圖

          角度通過提供比例感來進行數(shù)據(jù)間的比較。有研究表明,角度比長度或位置信息更難評估,但是通過合理運用也能發(fā)揮最大的效用。

          5.區(qū)域-氣泡圖

          區(qū)域面積的相對大小與線的長度相比更難比較。區(qū)域具有水平和豎直兩個的數(shù)據(jù)比較,需要花費更多時間來處理和解釋。

          6.體積-3D 條形圖

          體積是指在二維空間中使用 3D 對象,當比較兩個相同維度的形狀時,可以更精確地感知 3D 對象。

          7.色彩飽和度-熱圖

          顏色飽和度是指單一色調(diào)的純度。顏色純度的增加可以直觀地視為數(shù)值的變化,往往用來表示數(shù)據(jù)的范圍但很難評估一個精確的結(jié)果。


          三. 數(shù)據(jù)可視化的設(shè)計原則

          1.明確目的
          數(shù)據(jù)可視化應(yīng)該解答重要的戰(zhàn)略問題,提供真正的價值并幫解決實際問題,例如可以用于跟蹤性能、監(jiān)控用戶行為和測量流程的有效性。

          在項目開始前花時間明確目的和優(yōu)先級會讓最終的結(jié)果更有用,并 防止浪費時間創(chuàng)建不必要的可視化效果。

          2.了解受眾
          如果數(shù)據(jù)可視化不是為了與目標受眾進行清晰溝通而設(shè)計的,那么它是無用的??梢暬瘧?yīng)該與受眾的專業(yè)知識兼容,允許他們輕松快速地查看和處理數(shù)據(jù)。

          3.使用視覺效果正確展示數(shù)據(jù)
          由于存在很多不同類型的圖表,所以決定哪種類型最適合可視化呈現(xiàn)本身就是一門藝術(shù)。

          正確的圖表不僅讓數(shù)據(jù)更容易理解,而且能以最準確的方式呈現(xiàn)數(shù)據(jù)。要做出正確的選擇,就要考慮需要傳達什么樣類型的數(shù)據(jù),以及要傳達給誰。


          四. 將格式塔原理應(yīng)用于數(shù)據(jù)可視化

          格式塔原理基于這樣一個觀點:人腦試圖簡化和組織由許多元素組成的復雜圖像或設(shè)計,下意識地將這些部分安排到一個有組織的系統(tǒng)中,從而創(chuàng)造一個整體,而不僅僅是一系列不同的元素。

          1.相似性
          相似的顏色、相似的形狀、相似的尺寸和相似的方向等具有共同視覺特性的元素,都可以視為一個群體。

          ▲ 與左側(cè)的圖表顏色相比,右側(cè)的條形圖都是藍色的??紤]到 Y 軸只有一個變量(成本/收入),只用一個顏色來表示更有道理。

          使用同一種顏色的條形圖能夠更容易理解數(shù)據(jù),避免因使用不同顏色造成額外認知壓力。

          2.接近性
          接近性比相似性更有效,因為視線會根據(jù)元素之間的接近程度來感知元素的關(guān)聯(lián)。

          ▲ 圖表的目的是比較三個季度內(nèi)各個國家的銷售額。雖然在一個季度內(nèi)比較每個國家的銷售額很直觀,但將國家作為 Y 軸,數(shù)據(jù)展示可能會產(chǎn)生歧義。

          ▲ 修改后的圖表更清楚地表達了這一點。在這種情況下,信息的優(yōu)先級將集中在可視化目標即銷售額上面,因為這些數(shù)據(jù)更具接近性。

          3.包圍法則
          包圍法則被一組對象圍繞著,這些對象在其周圍形成了可見的邊界,例如線條,色塊或顏色。它導致對象看起來在與其余對象不同的區(qū)域中分開放置。

          ▲ 藍灰色陰影區(qū)域內(nèi)的三個條形圖似乎是整體中比較特殊的一部分,這種表現(xiàn)形式引導用戶將注意力集中在圖表中的某一組對象上。


          最后
          了解用戶感知和認知過程的關(guān)鍵要素是設(shè)計優(yōu)秀數(shù)據(jù)可視化的重要組成部分。

          —  The end  —


          ?? 原創(chuàng)文章精選??

          一篇文章告訴你服務(wù)設(shè)計到底能做什么?

          游戲新手指導怎么做?一起看看《對馬島之魂》如何打造初次對抗體驗

          制定 “小目標”,了解產(chǎn)品管理中的結(jié)構(gòu)化思維

          35+ 的 Windows 系統(tǒng)到底有什么了不起?細數(shù)系統(tǒng)界面設(shè)計的演變

          導師與學員的高效交流 APP 設(shè)計 —— Lightship

          后疫情時代,如何通過服務(wù)設(shè)計恢復真正的人際互動?


          ?? 我們一起聊設(shè)計 ???♂?

          高質(zhì)量,學設(shè)計行交流微信群

          期待與更多優(yōu)秀用戶體驗設(shè)計師一起成長

          PS:歡迎大家關(guān)注三分設(shè),每天早上9點,準時充電。分享優(yōu)質(zhì)設(shè)計、創(chuàng)意靈感、新知新識,定期大咖老師直播分享,零距離連麥,答疑解惑。 添加小小蟲微信號【 Lil_Bug 】,備注【 三分設(shè) 】加入!(只面向星標了公眾號三分設(shè)的粉絲) 

          瀏覽 86
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  天天爽天天爽夜夜爽毛片资源 | 淫淫五月天 | 清纯粉嫩极品夜夜嗨AV | 熟女日本在线 | 99丝袜视频在线观看 |