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

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

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

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

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

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

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

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

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

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

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

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

信息圖表定義

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

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

1. 包裝

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

2. 海報

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

3. 網(wǎng)頁

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

4. APP

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

5. DM/折頁

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

6. 畫冊

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

7. 地圖

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

8. PPT提案

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

9. 展示設(shè)計

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

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

圖表的分類

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3D圖表，需要用3D類型的軟件來完成 。

2.5D圖表和3D圖表類似，只是透視沒有消失點。

合成類的圖表，這種就比較難了，需要花費較多的時間，并且這類圖表都會成為畫面中的主體。

從內(nèi)容上分

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

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

制作圖表的流程與方法

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

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

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

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

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

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

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

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

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

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/

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

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

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

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

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

案例演示

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

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

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

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

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

最后我們選擇長條圖來設(shè)計，因為這樣數(shù)據(jù)會更加直觀。

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

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

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

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

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

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

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

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

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

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

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

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

廣告

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