infogram制作網(wǎng)站

2024-02-01    分類: 網(wǎng)站建設

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

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

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

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

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

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

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

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

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

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

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

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

信息圖表定義

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

圖表應用領域

1. 包裝

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

2. 海報

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

3. 網(wǎng)頁

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

4. APP

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

5. DM/折頁

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

6. 畫冊

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

7. 地圖

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

8. PPT提案

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

9. 展示設計

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

10. 導視設計

圖表的分類

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

△ 直方圖

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

△ 長條圖

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

△ 圓餅圖

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

△ 折線圖

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

△ 雷達圖

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

△ 山形圖

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

△ 瀑布圖

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

△ 量化波形圖

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

△ 落差圖

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

△ 組織圖

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

△ 樹狀圖

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

△ 家譜圖

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

△ 魚骨圖

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

△ 文氏圖

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

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

△ 扁平化圖表

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

△ 手繪圖表

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

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

△ 3D圖表

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

△ 2.5D圖表

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

△ 合成圖表

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

從內(nèi)容上分

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

△ 表格

△ 流程圖

△ 路線圖

△ 成分表

△ 圖解

△ 統(tǒng)計圖

△ 時間表

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

制作圖表的流程與方法

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

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

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

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

這一步也是關鍵的一步,為了讓繁雜的語言變?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/

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

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

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

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

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

案例演示

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

廣告

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

成都做網(wǎng)站