如何搭建數(shù)據(jù)可視化系統(tǒng)，用豐富的設(shè)計語言清晰表達(dá)復(fù)雜和龐大數(shù)據(jù)，并形成鮮明的設(shè)計風(fēng)格？我們把數(shù)據(jù)可視化的元素進(jìn)行拆分并建立相應(yīng)的規(guī)范體系。

圖表設(shè)計

1. 圖表基本類型

六種基本圖表涵蓋了大部分圖表使用場景，也是做數(shù)據(jù)可視化最常用的圖表類型：

柱狀圖   分類照片照片什么照片什么什么項(xiàng)目之間的比較;

餅圖   構(gòu)成即部分占總體的比例;

折線圖   隨時間變化的趨勢;

條形圖   分類照片照片什么照片什么什么項(xiàng)目之間的比較;

散點(diǎn)圖   相關(guān)性或分布關(guān)系;

地圖   區(qū)域之間的分類照片照片什么照片什么什么比較。

基本圖表類型都有通用的樣式，不過多的展開講解我們更多的考慮如何選擇常用圖表來呈現(xiàn)數(shù)據(jù)，達(dá)到數(shù)據(jù)可視化的目標(biāo)基本方法：

首先讓我們看看設(shè)計師面對的商業(yè)變化有哪些？ 縱觀中國互聯(lián)網(wǎng)飛速發(fā)展二十年來看，我們大致經(jīng)歷過三個時期，從PC時代到移動互聯(lián)網(wǎng)時代，到我們正在降臨的物聯(lián)網(wǎng)時代。 在三個典型的不同時期，都有不同互聯(lián)網(wǎng)商業(yè)產(chǎn)品，構(gòu)建了相應(yīng)的用戶體驗(yàn)。

上篇文章簡單的介紹了數(shù)據(jù)可視化的基礎(chǔ)，將數(shù)據(jù)進(jìn)行設(shè)計可視化后，可以讓我們有一種全新的方式去認(rèn)識數(shù)據(jù)，改變對數(shù)據(jù)的呈現(xiàn)和思考方式。那現(xiàn)在就讓開始做一份數(shù)據(jù)的可視化表，一步步的來看下我們?nèi)绾潍@取數(shù)據(jù)，以及如何進(jìn)行可視化的展示。

在上章內(nèi)容中，提到了關(guān)于【數(shù)據(jù)可視化迭代過程】的步驟，這也能看出整個過程包含的步驟，大致有：

1. 確定主題 - 2．?dāng)?shù)據(jù)獲得 - 3.圖表選擇（表達(dá)）- 4圖表繪制

當(dāng)然了我們也可以看到可視化是要一個不斷迭代的過程，步驟之間都需要多次的迭代修改的。

確定主題

這肯定是第一步了，在做數(shù)據(jù)可視化的時候，首先你要明了你要做什么，想要從數(shù)據(jù)獲中取什么信息，有了目標(biāo)才能明確的往下做。

那我們這次還是來做關(guān)于空氣質(zhì)量PM2.5的數(shù)據(jù)展示，了解歷年來PM2.5的實(shí)際情況和發(fā)展趨勢。

信息圖

信息圖本身是一個合成詞，由信息和圖兩個詞組成多稱之為（Infographics或Infographics Graphics），在40年代的時候就開始出現(xiàn)，使用在報紙及新聞類雜志方面，其中杰出的代表阿根廷的信息圖先驅(qū)Alejandro Malofiej，在1993年西班牙設(shè)立了以他為名的主要針對信息圖表設(shè)計的Malofiej獎。

在報紙、雜志等紙質(zhì)媒體中，為了讓讀者感到新奇且直觀容易的理解，運(yùn)用了大量的信息圖解的表現(xiàn)。

如下圖所示：

今天，大數(shù)據(jù)已無所不在，并且正被越來越廣泛的被應(yīng)用到歷史，政治，科學(xué)，經(jīng)濟(jì)，商業(yè)甚至滲透到我們生活的方方面面中，獲取的渠道也越來越便利。通過本系列的前面幾篇文章，我們已經(jīng)了解了數(shù)據(jù)可視化的必要性，而目前市面上也已經(jīng)具備了非常多成熟的BI繪制工具，如畫面，QlikView的的和魔鏡等等。雖然這些工具正在變得越來越自動化，然而，隨著大數(shù)據(jù)時代的來臨，信息每天都在以爆炸式的速度增長，其復(fù)雜性也越來越高;其次，隨著越來越多科學(xué)可視化的需求產(chǎn)生，地圖，3D物理結(jié)構(gòu)等技術(shù)將會被更加廣泛的使用。所以，當(dāng)人類的認(rèn)知能力越發(fā)受到傳統(tǒng)可視化形式的限制時，隱藏在大數(shù)據(jù)背后的價值就難以發(fā)揮出來，如果因?yàn)檎故拘问降南拗茖?dǎo)致數(shù)據(jù)的可讀性和及時性降低，從而影響用戶的理解和決策的快速實(shí)施，那么，數(shù)據(jù)可視化將失 其價值。

然而，所幸的是，技術(shù)的快速發(fā)展和不斷變化的認(rèn)知框架正在為人類打開新的視野，促使藝術(shù)與技術(shù)相結(jié)合而產(chǎn)生新型的數(shù)據(jù)可視化形式。

2017年3月一年一度的設(shè)計盛事《設(shè)計上?！吩谏虾Ｕ褂[中心拉開帷幕，從各國自帶品牌和文化屬性的作品中，依然不難瞥見未來設(shè)計的前沿趨勢和走向。其中由yang
design設(shè)計咨詢公司發(fā)布的一年一度2017-2018設(shè)計趨勢報告從材質(zhì)，用色，以及人群角度提煉出了當(dāng)代四大設(shè)計趨勢。2017年3月一年一度的設(shè)計盛事《設(shè)計上?！吩谏虾Ｕ褂[中心拉開帷幕，從各國自帶品牌和文化屬性的作品中，依然不難瞥見未來設(shè)計的前沿趨勢和走向。其中由yang
design設(shè)計咨詢公司發(fā)布的一年一度2017-2018設(shè)計趨勢報告從材質(zhì)，用色，以及人群角度提煉出了當(dāng)代四大設(shè)計趨勢。

如果要深究近期網(wǎng)頁設(shè)計趨勢的變化，這些變化更多是關(guān)于用戶模式，色彩和排版設(shè)計的。但是不論是其中哪種，都牽涉到一些微妙的設(shè)計技巧和復(fù)雜的影響因素，將它們納入6月的設(shè)計趨勢，似乎略有不足。在過去一個月所出現(xiàn)的新網(wǎng)頁設(shè)計作品當(dāng)中，最顯著的設(shè)計趨勢還是體現(xiàn)在一些設(shè)計元素上，風(fēng)格獨(dú)特的底部導(dǎo)航，自由隨性的Box元素，裝飾性極強(qiáng)的豎線元素。

近期如果你在糾結(jié)怎么設(shè)計網(wǎng)頁的話，這些設(shè)計趨勢可以用來看看~

設(shè)計工作中，你是否遇到這樣的問題？拿著自己辛苦完成的設(shè)計稿推進(jìn)時，被各種角色提出各種意見。

比如：“我覺得這樣不好”，“我覺得可以加個漸變”，“要不你試試競品那樣”，“不不不，這跟競品太像了，我們要差異化”等等...，然后進(jìn)入無限改改改的惡性循環(huán)中。

你委屈的覺得他們不懂設(shè)計，翻著白眼抱怨著設(shè)計師沒有話語權(quán)。

編者按：可能有敏銳的同學(xué)已經(jīng)意識到了，現(xiàn)在很多公司招人，職位都叫產(chǎn)品設(shè)計師，簡言之就是既要會界面設(shè)計，更要懂交互、產(chǎn)品等，這也給一心鉆研精美圖標(biāo)和酷炫動效的同學(xué)提個醒，未來UI設(shè)計師與交互的界限會越來越模糊，不想提前退休，可別光顧著折騰軟件，好好讀下今天這4個建議。