建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
一、前言
專(zhuān)業(yè)領(lǐng)域包括成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、商城網(wǎng)站建設(shè)、微信營(yíng)銷(xiāo)、系統(tǒng)平臺(tái)開(kāi)發(fā)， 與其他網(wǎng)站設(shè)計(jì)及系統(tǒng)開(kāi)發(fā)公司不同，成都創(chuàng)新互聯(lián)的整合解決方案結(jié)合了幫做網(wǎng)絡(luò)品牌建設(shè)經(jīng)驗(yàn)和互聯(lián)網(wǎng)整合營(yíng)銷(xiāo)的理念，并將策略和執(zhí)行緊密結(jié)合，為客戶(hù)提供全網(wǎng)互聯(lián)網(wǎng)整合方案。
從客觀邏輯來(lái)講，直觀的數(shù)字的確比抽象的圖形更有可信度，但是大腦卻對(duì)處理圖形內(nèi)容上會(huì)更容易理解。就像下圖一樣，我只是給你光禿禿的數(shù)據(jù)表格，也許你會(huì)漏掉一些有價(jià)值的東西。但是好的可視化來(lái)表達(dá)這些數(shù)據(jù)，你會(huì)挖掘數(shù)字背后的信息。
之前列舉過(guò)很多復(fù)雜又有趣的可視化案例，這次準(zhǔn)備談一談數(shù)據(jù)可視化圖表中的視覺(jué)暗示。
當(dāng)我們?cè)O(shè)計(jì)可視化圖表的時(shí)候，首先，我們要知道我們有什么數(shù)據(jù)，需要哪些元素來(lái)二次加工這些數(shù)據(jù)。這時(shí)，我們就要先了解到可視化的組件有哪些?在這里我將它分為幾個(gè)部分用下圖作示范。
二、視覺(jué)暗示
這些組件相互協(xié)作。其中視覺(jué)暗示是組件中重要的一部分，如果選擇錯(cuò)誤的視覺(jué)暗示便會(huì)影響到其他的組件，使圖表變成無(wú)用的圖形。我們能用到的視覺(jué)暗示通常有:長(zhǎng)度、面積、體積、角度、弧度、位置、方向、形狀和顏色。所以正確的選擇哪些視覺(jué)暗示就取決于你對(duì)形狀、顏色、大小的理解，以及數(shù)據(jù)本身和目標(biāo)。
1. 長(zhǎng)度
我們經(jīng)?？吹降闹鶢顖D、條形圖，這就是長(zhǎng)度的視覺(jué)暗示。數(shù)值越大，長(zhǎng)度就會(huì)越長(zhǎng)。經(jīng)常用于對(duì)比類(lèi)數(shù)據(jù)里。長(zhǎng)度是圖形中兩端之間的距離，坐標(biāo)中最小值要從0值開(kāi)始，否則并不能準(zhǔn)確的反映出真實(shí)的價(jià)值。
2. 面積和體積
我們普遍都會(huì)將數(shù)值大小用物體的大小來(lái)表達(dá)。長(zhǎng)度和面積通常用在二維空間里的數(shù)值大小對(duì)比，體積則用在三維空間里進(jìn)行多維度對(duì)比。這里要強(qiáng)調(diào)兩點(diǎn)：第一，你要注意你用的是幾維空間;第二，面積大小應(yīng)該按照面積進(jìn)行擴(kuò)大縮放，而不是長(zhǎng)寬。
3. 角度和弧度
角度是相交于一個(gè)點(diǎn)的兩個(gè)向量，取值范圍在0度到360度,形成一個(gè)圓形。
角度的視覺(jué)暗示一般都用在餅圖。這時(shí)候你也許會(huì)聯(lián)想到餅圖的近親:環(huán)形圖，但環(huán)形圖的本質(zhì)是將餅圖的中間區(qū)域切除，所以環(huán)圖的視覺(jué)暗示并不是角度，而是弧度。
餅圖和環(huán)形圖的優(yōu)勢(shì)是讓用戶(hù)快速的了解到數(shù)據(jù)之間的占比分配，但是如圖，它們不適用于過(guò)多分類(lèi)的數(shù)據(jù)。
4. 方向
方向是指坐標(biāo)系上一個(gè)向量的斜度，可以看到上下左右及其他方向。一般用在折線(xiàn)圖上，表現(xiàn)是增長(zhǎng)、下降還是波動(dòng)。這里要注意一點(diǎn)，隨著坐標(biāo)軸的比例變化，斜度的大小也會(huì)受到很大影響。所以根據(jù)實(shí)際情況，適當(dāng)調(diào)整比例，使變化大的數(shù)據(jù)放大比例來(lái)突出差異，反之，變化微小且不重要的，避免放大比例。
5. 位置
散點(diǎn)圖就用了空間中的位置作為視覺(jué)暗示，通過(guò)點(diǎn)的形式展現(xiàn)在x、y坐標(biāo)軸上。每個(gè)點(diǎn)代表一個(gè)數(shù)據(jù)，點(diǎn)的位置由變量的數(shù)值決定。當(dāng)大量數(shù)據(jù)展示出來(lái)的時(shí)候，就可以看出趨勢(shì)和相關(guān)性，并且比別的視覺(jué)暗示占用空間更少。
- 趨勢(shì)：上升、下降;
- 相關(guān)性：集群、離群。
6. 形狀
當(dāng)在一個(gè)圖表中有多個(gè)對(duì)象和分類(lèi)時(shí)，用不同形狀或者符號(hào)來(lái)表示。這就是形狀上的暗示，通常運(yùn)用在散點(diǎn)圖內(nèi)，符號(hào)或者形狀比顏色更容易區(qū)分類(lèi)別。比如用文字符號(hào)表示不同分類(lèi)。
7. 顏色
在圖表的顏色視覺(jué)暗示中分為兩種，色相和飽和度。
色相是指區(qū)別紅、黃、綠、藍(lán)等各種顏色，運(yùn)用在在圖表中不同顏色可以表示不同的數(shù)據(jù)分類(lèi)。
飽和度是指色彩的純度，顏色的純度越高則飽和度越高，如鮮紅;混雜了白色、灰色或其他色調(diào)的顏色，則飽和度越低，如粉紅、黃褐等。在圖表中可以用一種顏色飽和度的高低表示同一變量程度的高低。
運(yùn)用顏色做暗示時(shí)，要注意考慮到色盲、色弱人群可能不容易通過(guò)顏色來(lái)區(qū)分圖表的緯度和變量。
三、下面結(jié)合多個(gè)視覺(jué)暗示的舉例
1. 色相+位置+長(zhǎng)度
2. 顏色(色相+飽和度)+面積+位置
3. 符號(hào)+顏色+位置
【本文是專(zhuān)欄機(jī)構(gòu)“豈安科技”的原創(chuàng)文章，轉(zhuǎn)載請(qǐng)通過(guò)微信公眾號(hào)(bigsec)聯(lián)系原作者】
網(wǎng)站欄目：淺析圖表中的視覺(jué)暗示
分享URL：http://m.fisionsoft.com.cn/article/dpgjdcj.html
