我們都知道在設(shè)計(jì)中，圖像語(yǔ)言比文字語(yǔ)言更容易傳播。表格和圖表也是設(shè)計(jì)語(yǔ)言之一，利用視覺化的方式，可以很直觀的表現(xiàn)出數(shù)據(jù)、比例等一些文字資料，讓人能一目了然，輕易的理解傳達(dá)的內(nèi)容，相對(duì)于圖片照片來(lái)說(shuō)，在這方面圖表還是更勝一籌的。當(dāng)然，圖表的設(shè)計(jì)還是要注重美觀與使用環(huán)境，不然只會(huì)阻礙信息的傳播。怎樣將數(shù)據(jù)資料、文字信息等難以視覺化的內(nèi)容，變成能輕易理解的視覺結(jié)果。這節(jié)課就帶大家來(lái)了解圖表在設(shè)計(jì)中的應(yīng)用。

前方學(xué)校，減速慢行，這在川流不息，飛快的街道上，是很難再零點(diǎn)幾秒鐘之內(nèi)傳遞給司機(jī)的，所以我們就可以用國(guó)際通用的圖形語(yǔ)言 ——圖形代替。

包括導(dǎo)視的標(biāo)識(shí)，都是以圖形替代文字，也讓我們更快速找到地點(diǎn)，它也屬于象形圖。

象形圖的應(yīng)用還有很多，都是常見的，比如手機(jī)app的天氣預(yù)報(bào)。

漢字與圖形相比，肯定是圖形傳播的更快，禁止左轉(zhuǎn)彎的標(biāo)識(shí)已經(jīng)深入人心。

數(shù)據(jù)文字同樣以圖表的形式展現(xiàn)，更易于傳播。

圖表從何而來(lái)？可能在大家記憶中，最早接觸的圖表就是九九乘法表了吧，那個(gè)時(shí)候在文具盒的盒蓋上都有一個(gè)乘法表格，一打開就能看到，讓我們記憶深刻（暴露年齡了），那圖表的發(fā)展到底是怎樣的呢？我們一起來(lái)看下。

信息圖形化早在史前時(shí)代，人類的洞穴壁畫中出現(xiàn)，當(dāng)時(shí)的人類把信息圖形用作記錄，比如說(shuō)，記錄牲畜的數(shù)量。有幾頭牛，就畫幾頭牛 。

1786年，一個(gè)叫威廉的政治經(jīng)濟(jì)學(xué)家，出版的第一個(gè)經(jīng)濟(jì)學(xué)書籍，他為了表示18世紀(jì)英國(guó)的經(jīng)濟(jì)狀況，就使用了統(tǒng)計(jì)圖表，當(dāng)中就包括棒形圖、線形圖、面積圖和直方圖。

1920年 德國(guó)設(shè)計(jì)師，格爾德·安茨，將資料信息，比如人口，耗油量等，綜合整理為圖形符號(hào)，然后給它們?nèi)航M，并賦予數(shù)值意義，讓復(fù)雜的資料視覺化，便于閱讀。

1936年，奧地利科學(xué)家奧圖出版過國(guó)際圖像印刷教育系統(tǒng)，提倡以圖形符號(hào)作為國(guó)際視覺語(yǔ)言，減少對(duì)不同語(yǔ)言的依賴。他曾試圖用這種圖畫文字來(lái)取代溝通，雖然最后失敗了，但是這種理念在后來(lái)的ICON、標(biāo)示等設(shè)計(jì)領(lǐng)域有著很深遠(yuǎn)的影響。

統(tǒng)計(jì)學(xué)家，愛德華·圖夫特，出版一系列有關(guān)信息圖形的書籍，他認(rèn)為好的數(shù)據(jù)可視化，就意味著，每一個(gè)數(shù)據(jù)準(zhǔn)確地使觀眾，看到趨勢(shì)和模式，他的書現(xiàn)在還是一些國(guó)外大學(xué)的教材。

信息圖表定義

信息圖表是將信息轉(zhuǎn)化為易于理解的可視化的傳播形式，龐大的數(shù)據(jù)看起來(lái)不僅費(fèi)時(shí)費(fèi)力，還會(huì)因?yàn)殚喿x疲勞而影響信息的傳遞，圖表就是整合這些數(shù)據(jù)和信息，使他們一目了然 。

圖表應(yīng)用領(lǐng)域

1. 包裝

配料表，成分表是最常見的了。

2. 海報(bào)

關(guān)于數(shù)據(jù)，時(shí)間，地圖出現(xiàn)在海報(bào)中，都可以用圖表形式設(shè)計(jì)。

3. 網(wǎng)頁(yè)

網(wǎng)頁(yè)中也很常見圖表的應(yīng)用。

4. APP

相信大家在網(wǎng)購(gòu)的時(shí)候經(jīng)常能看到圖形化的文字。

5. DM/折頁(yè)

數(shù)據(jù)圖形化，流程圖形化等。

6. 畫冊(cè)

畫冊(cè)里面應(yīng)用圖表還是很多的，比如說(shuō)大多在甲方公司的設(shè)計(jì)師，就接觸過企業(yè)畫冊(cè)，里面有很多信息是可以用圖表來(lái)展現(xiàn)的。

7. 地圖

名片或者訂餐卡里的地圖是很常見的，還有地鐵站的地圖，景區(qū)的地圖，這些都屬于圖表的范疇。

8. PPT提案

提案中文字用圖表來(lái)表現(xiàn)，不止能讓枯燥的提案耳目一新，更能讓你的提案具有說(shuō)服力。

9. 展示設(shè)計(jì)

展示設(shè)計(jì)，比如：會(huì)對(duì)企業(yè)的發(fā)展歷程，或者企業(yè)的產(chǎn)值，都會(huì)用圖表形式展現(xiàn)。

10. 導(dǎo)視設(shè)計(jì)

圖表的分類

通過上方對(duì)應(yīng)用領(lǐng)域的介紹，大家也能看到圖表的應(yīng)用是非常廣泛的，其實(shí)通俗來(lái)講，圖表就是方便我們理解大量數(shù)據(jù)，以及數(shù)據(jù)之間的關(guān)系，讓我們能通過視覺化的符號(hào)更快速的讀取信息，那圖表都有哪些類型呢？首先我們從形式上來(lái)看：

直方圖：二維統(tǒng)計(jì)表，由一組塊形，組成，每一個(gè)塊形的面積表示，在相應(yīng)的小組區(qū)間中事例的百分?jǐn)?shù)。比較適合統(tǒng)計(jì)人數(shù)，時(shí)間等數(shù)據(jù)，也是最常用的圖表之一。

長(zhǎng)條圖：也稱為條狀圖，棒形圖，柱狀圖等，是一種以長(zhǎng)方形的長(zhǎng)度為變量的統(tǒng)計(jì)圖表。長(zhǎng)條圖用來(lái)比較兩個(gè)或以上的價(jià)值（不同時(shí)間或者不同條件），只有一個(gè)變量，通常利用于較小的數(shù)據(jù)集分析。直方圖與長(zhǎng)條圖的區(qū)別在于，直方圖是用面積而非高度來(lái)表示數(shù)量。

圓餅圖：又稱為餅狀圖，是一個(gè)劃分為幾個(gè)扇形的圓形統(tǒng)計(jì)圖表，用于描述量、頻率或百分比之間的相對(duì)關(guān)系。圓餅圖用面積取代了長(zhǎng)度，加大了對(duì)各個(gè)數(shù)據(jù)進(jìn)行比較的難度。

折線圖：又稱為趨勢(shì)圖，鏈圖、走勢(shì)圖，是一類在時(shí)間序列中表達(dá)數(shù)據(jù)變量的統(tǒng)計(jì)圖表，比如時(shí)間前后的對(duì)比，前面這四個(gè)是最常用的圖表，下面還有 ：

雷達(dá)圖：這個(gè)大家比較熟悉了吧，在我們的訂閱號(hào)課程中經(jīng)常使用的一圖表形式，就像一個(gè)雷達(dá)一樣，適用于多維數(shù)據(jù)的排序比較 。

山型圖：顧名思義像山一樣的展示數(shù)據(jù)，以面積的多少和高度的對(duì)比展示數(shù)據(jù)變量 。

瀑布圖：采用絕對(duì)值與相對(duì)值結(jié)合的方式，適用于表達(dá)多個(gè)特定數(shù)值之間的數(shù)量變化關(guān)系，最終展示一個(gè)累計(jì)值。

量化波形圖：聽起來(lái)好高級(jí)的樣子，比較常用在表現(xiàn)時(shí)間概念的數(shù)據(jù)。

落差圖： 像電腦的數(shù)據(jù)線一樣，它表示數(shù)據(jù)之間的聯(lián)系與比較。

組織圖：也是一個(gè)具有關(guān)聯(lián)性的圖表。

樹狀圖：是一個(gè)有指向的圖；這個(gè)圖必然存在且只存在一條從大到小的路徑。換句話說(shuō)，樹狀圖是一個(gè)有向的，有根的樹，并且所有的邊都指離根的方向。

家譜圖：或稱祖譜、族譜等，是家族里記載本族世系和相關(guān)重要事跡的書?，F(xiàn)在很多人的家里還有族譜的，每逢過節(jié)都會(huì)祭拜。

魚骨圖：又稱因果圖，是用圖解展示一定事件的各種原因的方法，它常用于產(chǎn)品設(shè)計(jì)，或是生產(chǎn)質(zhì)量管理或失效預(yù)防，以識(shí)別造成問題的所有潛在因素。魚骨圖中會(huì)將問題（魚頭）放在圖的右邊，潛在因素分為幾大類，再由各大類中去細(xì)分小分類，都在圖的左邊。

文氏圖：是在不太嚴(yán)格的意義下用以表示集合的一種草圖。它們用于展示在不同的事物群組（集合）之間的數(shù)學(xué)或邏輯聯(lián)系，尤其適合用來(lái)表示集合（或）類之間的「大致關(guān)系」。

除了上面介紹的這些圖表形式，還有哪些圖表呢？這些年興起了扁平化的圖像形式，以圖像的矢量圖形來(lái)展示數(shù)據(jù)，不僅讓信息一目了然，更增加了閱讀的趣味性。我們來(lái)看下這類圖表都有哪些吧

扁平化圖表，將事物數(shù)據(jù)矢量化，扁平化的風(fēng)格展現(xiàn)，還原事物的樣貌，這類圖表使用時(shí)候要注意色彩上的搭配。

手繪圖表，一種是草圖的形式，然后在其基礎(chǔ)上細(xì)化圖像，這個(gè)是考驗(yàn)手繪的能力。

一種是卡通的形式，最常見的就是手繪地圖了。

3D圖表，需要用3D類型的軟件來(lái)完成 。

2.5D圖表和3D圖表類似，只是透視沒有消失點(diǎn)。

合成類的圖表，這種就比較難了，需要花費(fèi)較多的時(shí)間，并且這類圖表都會(huì)成為畫面中的主體。

從內(nèi)容上分

剛才，我們從形式上分了那么多的類型，接下來(lái)，從內(nèi)容上劃分，這里我給大家介紹最常用的幾個(gè)類型：

使用圖表的優(yōu)勢(shì)有哪些：

制作圖表的流程與方法

1. 提取關(guān)鍵的文字信息（比如數(shù)字、日期、價(jià)格等）

先說(shuō)流程，第一步其實(shí)就是幫助信息瘦身，提取關(guān)鍵性的文字信息。

如果甲方給出這樣一段文案，我們第一步肯定是要簡(jiǎn)化它，做一個(gè)簡(jiǎn)單的提取，提取文案中的關(guān)鍵信息，比如說(shuō)，這里的時(shí)間信息。

2. 整理信息（扔掉不需要的內(nèi)容）

這一步也是關(guān)鍵的一步，為了讓繁雜的語(yǔ)言變?yōu)閳D形，這一步就要精簡(jiǎn)文字。

3. 繪制草圖（手繪/軟件）

第三步根據(jù)文字繪制出草圖，可以手繪在本上，也可以用色塊的形式，在軟件中，大致擺放出來(lái)。

4. 選擇軟件制作（可以做圖表的軟件/網(wǎng)站）

這里給大家推薦一些可以做圖表的網(wǎng)站，有的網(wǎng)站可以直接輸入數(shù)值，它就會(huì)幫你挑選合適的圖表類型，一鍵生成，非常方便。

https://datahero.com/https://online.visual-paradigm.com/cn/https://observablehq.com/https://observablehq.com/https://infogram.com/https://slemma.com/https://www.onlinecharttool.com/https://zoomcharts.com/https://online.visual-paradigm.com/cnhttps://www.tubiaoxiu.com/https://www.canva.com/zh_cn/graphs/

還有兩個(gè)軟件也是專門用來(lái)做圖表的，當(dāng)然，除此之外，還可以用AI，PS，這類我們常用的軟件也可以。

可以用AI軟件當(dāng)中的圖表來(lái)設(shè)計(jì)，當(dāng)然，這些都是簡(jiǎn)單一些圖表形式，也很好操作。

先來(lái)看底下這部分內(nèi)容，我們可以用圖表代替文字，然后搭配說(shuō)明性文字就可以了

把這一部分圖形化之后可以置入畫面中。

按照草圖，我們選擇一款合適的字體，把文字信息和圖表編排到版面中，就OK了。

案例演示

這是文案內(nèi)容，看不出重點(diǎn) ，我們接著往下做。

提取每一段重要的文字信息，先看紅色這段文字。

根據(jù)這段文字，我們可以選擇什么圖表類型呢？它表現(xiàn)了一個(gè)時(shí)間的先后順序，那我就用流程圖，右邊是我們找的參考畫面。

然后根據(jù)文案內(nèi)容我們也提取一個(gè)元素——野豬，用這個(gè)圖形來(lái)作為輔助，設(shè)計(jì)流程圖。

文案里有很多數(shù)據(jù)，我們之前講過，這類百分比的數(shù)據(jù)，適合用長(zhǎng)條圖或者圓餅圖來(lái)做。

最后我們選擇長(zhǎng)條圖來(lái)設(shè)計(jì)，因?yàn)檫@樣數(shù)據(jù)會(huì)更加直觀。

像這個(gè)圖表一樣，我們可以把品類圖形化。

然后畫出草圖，規(guī)劃版面。

按照草圖把標(biāo)題置入進(jìn)到畫面里，還有剛才設(shè)計(jì)好的流程圖。

畫面元素如果用矢量圖形表現(xiàn)，那主形象也盡可能選擇矢量圖形，這樣不僅能統(tǒng)一視覺，還能避免圖像之間的矛盾所帶來(lái)的一系列調(diào)整難題。

剛才的流程圖放進(jìn)來(lái)，根據(jù)這個(gè)方式，我們可以將其他文字也圖形化。

有的矢量圖形可以從素材網(wǎng)站上下載。

最后這樣就完成了，我們可以看到，整體畫面文字的所占的比例很低，所有視覺的語(yǔ)言都用圖形圖表代替了，讓畫面更豐富，有趣。

這節(jié)課到這里就結(jié)束了，我們講了圖表的發(fā)展、圖表應(yīng)用領(lǐng)域，圖表的分類，圖表的表現(xiàn)形式，以及圖表的制作方法，圖表是可以讓我們跨越語(yǔ)言的障礙，進(jìn)行溝通的橋梁，甚至是跨越行業(yè)的語(yǔ)言符號(hào)，大家應(yīng)用時(shí)要根據(jù)文案信息，選擇適合的圖表形式。

～此文轉(zhuǎn)載，如有侵權(quán)，請(qǐng)聯(lián)系刪除

非常感謝您讀完創(chuàng)新互聯(lián)的這篇文章："infogram制作網(wǎng)站"，僅為提供更多信息供用戶參考使用或?yàn)閷W(xué)習(xí)交流的方便。我們公司提供：網(wǎng)站建設(shè)、網(wǎng)站制作、官網(wǎng)建設(shè)、SEO優(yōu)化、小程序制作等服務(wù)，歡迎聯(lián)系我們提供您的需求。

分享文章：infogram制作網(wǎng)站
URL地址：http://www.rwnh.cn/news44/316444.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、定制開發(fā)、企業(yè)建站、Google、網(wǎng)站策劃、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)