@研習設K先生?：我們都知道在設計中，圖像語言比文字語言更容易傳播。表格和圖表也是設計語言之一，利用視覺化的方式，可以很直觀的表現出數據、比例等一些文字資料，讓人能一目了然，輕易的理解傳達的內容，相對于圖片照片來說，在這方面圖表還是更勝一籌的。當然，圖表的設計還是要注重美觀與使用環境，不然只會阻礙信息的傳播。怎樣將數據資料、文字信息等難以視覺化的內容，變成能輕易理解的視覺結果。這節課就帶大家來了解圖表在設計中的應用。

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

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

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

漢字與圖形相比，肯定是圖形傳播的更快，禁止左轉彎的標識已經深入人心。

數據文字同樣以圖表的形式展現，更易于傳播。

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

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

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

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

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

統計學家，愛德華·圖夫特，出版一系列有關信息圖形的書籍，他認為好的數據可視化，就意味著，每一個數據準確地使觀眾，看到趨勢和模式，他的書現在還是一些國外大學的教材。

信息圖表定義

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

圖表應用領域

1. 包裝

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

2. 海報

關于數據，時間，地圖出現在海報中，都可以用圖表形式設計。

3. 網頁

網頁中也很常見圖表的應用。

4. APP

相信大家在網購的時候經常能看到圖形化的文字。

5. DM/折頁

數據圖形化，流程圖形化等。

6. 畫冊

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

7. 地圖

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

8. PPT提案

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

9. 展示設計

展示設計，比如：會對企業的發展歷程，或者企業的產值，都會用圖表形式展現。

10. 導視設計

圖表的分類

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

△ 直方圖

直方圖：二維統計表，由一組塊形，組成，每一個塊形的面積表示，在相應的小組區間中事例的百分數。比較適合統計人數，時間等數據，也是最常用的圖表之一。

△ 長條圖

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

△ 圓餅圖

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

△ 折線圖

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

△ 雷達圖

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

△?山形圖

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

△?瀑布圖

瀑布圖：采用絕對值與相對值結合的方式，適用于表達多個特定數值之間的數量變化關系，最終展示一個累計值。

△?量化波形圖

量化波形圖：聽起來好高級的樣子，比較常用在表現時間概念的數據。

△?落差圖

落差圖： 像電腦的數據線一樣，它表示數據之間的聯系與比較。

△?組織圖

組織圖：也是一個具有關聯性的圖表。

△?樹狀圖

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

△?家譜圖

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

△ 魚骨圖

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

△?文氏圖

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

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

△?扁平化圖表

扁平化圖表，將事物數據矢量化，扁平化的風格展現，還原事物的樣貌，這類圖表使用時候要注意色彩上的搭配。

△?手繪圖表

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

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

△?3D圖表

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

△?2.5D圖表

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

△?合成圖表

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

從內容上分

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

△?表格

△?流程圖

△?路線圖

△?成分表

△?圖解

△?統計圖

△?時間表

使用圖表的優勢有哪些：

制作圖表的流程與方法

1. 提取關鍵的文字信息（比如數字、日期、價格等）

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

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

2. 整理信息（扔掉不需要的內容）

這一步也是關鍵的一部，為了讓繁雜的語言變為圖形，這一步就要精簡文字。

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

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

4. 選擇軟件制作（可以做圖表的軟件/網站）

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

• 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/cn
• https://www.tubiaoxiu.com/
• https://www.canva.com/zh_cn/graphs/

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

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

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

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

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

案例演示

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

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

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

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

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

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

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

然后畫出草圖，規劃版面。

按照草圖把標題置入進到畫面里，還有剛才設計好的流程圖。

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

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

有的矢量圖形可以從素材網站上下載。

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

這節課到這里就結束了，我們講了圖表的發展、圖表應用領域，圖表的分類，圖表的表現形式，以及圖表的制作方法，圖表是可以讓我們跨越語言的障礙，進行溝通的橋梁，甚至是跨越行業的語言符號，大家應用時要根據文案信息，選擇適合的圖表形式。

歡迎關注研習社的微信公眾號：「Yanxishe2017」