《新媒體運營》第2版 課件任務(wù)2.3 微信公眾號的視覺設(shè)計

項目2微信公眾號運營任務(wù)2.3微信公眾號的視覺設(shè)計新媒體運營2.3.1視覺設(shè)計概述1.了解視覺設(shè)計的目的1）符合基本審美正文字號14-16px行間距1.0-1.75倍顏色不要超3種強調(diào)文字要突出首行無需再縮進正文內(nèi)容多分段段落之間空一行討論：上面2個示例中的排版存在什么問題？2.3.1視覺設(shè)計概述1.了解視覺設(shè)計的目的1）符合基本審美2.3.1視覺設(shè)計概述1.了解視覺設(shè)計的目的2）方便用戶閱讀兒童青年中年老年2.3.1視覺設(shè)計概述1.了解視覺設(shè)計的目的3）塑造品牌形象公眾號的品牌，同樣可以通過視覺設(shè)計體現(xiàn)出來。在文章中，通過文字色調(diào)、配圖風(fēng)格、內(nèi)容形式等，照樣能體現(xiàn)出公眾號，甚至是企業(yè)的品牌。再通過長期的運營，能讓用戶對你的印象更加深刻，一旦想起某個領(lǐng)域，就會馬上想到你。2.3.1視覺設(shè)計概述2.掌握視覺設(shè)計工具（1）官方設(shè)計工具2.3.1視覺設(shè)計概述在使用微信公眾號后臺進行排版時，我們一般使用QQ瀏覽器或谷歌chrome瀏覽器，因為QQ瀏覽器與微信同為騰訊旗下軟件，兼容性高。而谷歌的chrome瀏覽器是全球穩(wěn)定性最高的瀏覽器，可以保障排版過程順暢進行。2.3.1視覺設(shè)計概述2.掌握視覺設(shè)計工具（2）專業(yè)設(shè)計工具PhotoshopIllustratorC4D2.3.1視覺設(shè)計概述2.掌握視覺設(shè)計工具（3）第三方插件2.3.1視覺設(shè)計概述2.掌握視覺設(shè)計工具（4）第三方編輯器2.3.1視覺設(shè)計概述2.掌握視覺設(shè)計工具（5）高效圖片設(shè)計工具2.3.1視覺設(shè)計概述3.提升審美能力

審美能力即藝術(shù)鑒賞能力，它讓我們認識到什么是美，并且能評價美。培養(yǎng)和提高審美能力有許多方法，收集、學(xué)習(xí)、借鑒優(yōu)秀的設(shè)計作品，包括國內(nèi)外優(yōu)秀的雜志設(shè)計、書籍設(shè)計、網(wǎng)頁設(shè)計等，是較快提升自身審美能力的方法。時尚行業(yè)新媒體的設(shè)計可以多看看時尚行業(yè)著名的品牌雜志，如Medicine品牌畫冊。汽車行業(yè)新媒體的設(shè)計可以學(xué)習(xí)奔馳People&Cars雜志的版面設(shè)計。微信公眾號的視覺設(shè)計1.去設(shè)計之家（/）搜集3本設(shè)計優(yōu)秀的雜志；2.去新榜（/）搜集3個設(shè)計優(yōu)秀的微信公眾號。注：簡單分析你喜歡它們的原因。項目2微信公眾號運營任務(wù)2.3微信公眾號的視覺設(shè)計新媒體運營2.3.2視覺設(shè)計的基本原則1.統(tǒng)一

統(tǒng)一是指版面中所有部分——特別是每個與設(shè)計中其他部分相關(guān)的獨立元素——全面的凝聚和結(jié)合。許多品牌都會花大量的金錢和精力，打造視覺識別系統(tǒng)（VI），在新媒體視覺設(shè)計中，視覺識別系統(tǒng)基本要素是指Logo、封面、品牌標語、標題、二維碼、海報等。新媒體品牌同樣也應(yīng)該有視覺識別系統(tǒng)。二維碼封面標準字：鄭慶科黃油體標準色：#ab1942輔助色：#595959字號：15號&12號正文2.3.2視覺設(shè)計的基本原則1.統(tǒng)一（1）風(fēng)格統(tǒng)一

藝術(shù)家MarcoMarilungo用漫畫的形式將人類藝術(shù)史上最主要的16種風(fēng)格生動形象地展現(xiàn)了出來。現(xiàn)實主義印象主義野獸派新藝術(shù)運動表現(xiàn)主義立體主義未來主義抽象主義達達主義至上主義形而上主義超現(xiàn)實主義非正式藝術(shù)波普藝術(shù)極簡主義觀念主義2.3.2視覺設(shè)計的基本原則1.統(tǒng)一（1）風(fēng)格統(tǒng)一：插畫風(fēng)格2.3.2視覺設(shè)計的基本原則1.統(tǒng)一（1）風(fēng)格統(tǒng)一：手繪風(fēng)格2.3.2視覺設(shè)計的基本原則1.統(tǒng)一（1）風(fēng)格統(tǒng)一：極簡風(fēng)格2.3.2視覺設(shè)計的基本原則1.統(tǒng)一（1）風(fēng)格統(tǒng)一：極簡風(fēng)格2.3.2視覺設(shè)計的基本原則1.統(tǒng)一（2）色調(diào)統(tǒng)一在12色色環(huán)中，從紅色順時針旋轉(zhuǎn)到黃色的區(qū)域?qū)儆谂?，相對的部分屬于冷色?.3.2視覺設(shè)計的基本原則1.統(tǒng)一（2）色調(diào)統(tǒng)一暖色在自然界中常見于陽光、火焰、血液等，讓人感覺到溫暖和活力。對應(yīng)的關(guān)鍵詞有感性、歡樂、喧鬧、熱情、女性化等。比如，情感類自媒體，大都是以紅、黃等為主的暖色系，HUGO的主色彩偏冷，但在封面中用了紅、黃等暖色調(diào)和：2.3.2視覺設(shè)計的基本原則1.統(tǒng)一（2）色調(diào)統(tǒng)一主打女性用戶的時尚類自媒體也非常喜歡紅色：2.3.2視覺設(shè)計的基本原則1.統(tǒng)一（2）色調(diào)統(tǒng)一同樣的選色邏輯在美妝類自媒體中也適合：2.3.2視覺設(shè)計的基本原則1.統(tǒng)一（2）色調(diào)統(tǒng)一冷色在自然界中常見于海洋、天空、植物等，讓人感覺到清新和寧靜。對應(yīng)的關(guān)鍵詞有理性、自然、安靜、內(nèi)斂、男性化等。比如，金融理財類自媒體就更適合藍、綠等冷色系：統(tǒng)一原則

遵循統(tǒng)一原則，設(shè)計微信公眾號的視覺識別系統(tǒng)，包括但不限于：Logo封面品牌標語標題二維碼2.3.2視覺設(shè)計的基本原則2.平衡平衡的本質(zhì)是讓一條平衡軸兩側(cè)的重量保持平衡。2.3.2視覺設(shè)計的基本原則2.平衡平衡分為對稱平衡和非對稱平衡。對稱平衡非對稱平衡2.3.2視覺設(shè)計的基本原則（1）對稱平衡2.3.2視覺設(shè)計的基本原則（1）對稱平衡左圖：公眾號24HOURS封面；右圖：公眾號新世相封面2.3.2視覺設(shè)計的基本原則（1）對稱平衡居中對齊居中對齊2.3.2視覺設(shè)計的基本原則（1）對稱平衡兩端對齊2.3.2視覺設(shè)計的基本原則（2）非對稱平衡2.3.2視覺設(shè)計的基本原則（2）非對稱平衡圖片注釋右對齊作者介紹右對齊2.3.2視覺設(shè)計的基本原則（2）非對稱平衡左：HUGO，右：深夜發(fā)媸2.3.2視覺設(shè)計的基本原則（2）非對稱平衡左：24HOURS，右：十點讀書平衡原則（個人討論）判斷下面設(shè)計作品（圖1，圖2，圖3）是對稱平衡還是非對稱平衡。請將答案寫在討論區(qū)。圖1圖2圖32.3.2視覺設(shè)計的基本原則3.秩序

版面設(shè)計最理想的效果，就是可以讓讀者將版面全部內(nèi)容讀完。但通常情況下，這是很難實現(xiàn)的，因為讀者的注意力很難集中，常常會跳躍式閱讀。為了避免這一點，需要創(chuàng)造合理的“視線流”，引導(dǎo)讀者循序漸進地閱讀。視線流包括靜態(tài)和動態(tài)兩種。2.3.2視覺設(shè)計的基本原則3.秩序（1）靜態(tài)視線流：從左到右

從左到右移動視線，是我們在紙媒時代保留下來的習(xí)慣，在很長的一段時期內(nèi)，我們還是會保留這個習(xí)慣。新媒體主要在移動端的展示，橫向空間有限，沒有很大的發(fā)揮空間，但使用秀米編輯器實現(xiàn)首字下沉，可以使用戶在從左到右移動視線時更容易找到起點。2.3.2視覺設(shè)計的基本原則3.秩序

大多數(shù)媒體都是以自上而下的視覺引導(dǎo)為基礎(chǔ)來進行版式設(shè)計的，新媒體尤其明顯，因為新媒體以手機端展示為主，左右的移動空間受限，但上下移動的空間不受限制，發(fā)揮空間很大。比如，微信公眾號局部氣候調(diào)查組以長圖為主要展示形式，無論是圖片還是文字，都遵循從上到下移動的秩序，因為是完整、連續(xù)的長圖，所以讀者在從上到下移動視線時非常順暢，不會被打斷，可以獲得非常好的閱讀體驗。（1）靜態(tài)視線流：從上到下2.3.2視覺設(shè)計的基本原則3.秩序

在前面的平衡原則中已經(jīng)講過，大的物體會比小的物體擁有更大的視覺比重，所以，讀者的視線大部分情況下是從大到小移動，我們應(yīng)該將重要的信息盡量放大。比如，通常情況下，我們會把標題放大，把重要的圖片放大，都是遵循了視線從大到小移動的規(guī)律。（1）靜態(tài)視線流：從大到小2.3.2視覺設(shè)計的基本原則3.秩序

人們的目光習(xí)慣向相同形狀或顏色的物體移動。實現(xiàn)這種移動最常見的方法就是使用統(tǒng)一的項目符號。比如說，這樣的項目符號，你看完一項，會自然地跳轉(zhuǎn)到下一項。（1）靜態(tài)視線流：向相似物體移動2.3.2視覺設(shè)計的基本原則3.秩序

在人類文明中，對文明有巨大推動作用的，當屬文字。文字是從象形文字逐步演變而來，但在多年的演變過程中，箭頭的形狀卻從未改變。箭頭的出現(xiàn)，是因為古希臘畢達哥拉斯學(xué)派和柏拉圖認為眼睛在捕捉物體時，視線、目光和力量，會以物體為目標從眼睛向物體方向傳送，當把這一想法用圖形來表示時，箭頭就誕生了。（1）靜態(tài)視線流：向箭頭方向移動2.3.2視覺設(shè)計的基本原則3.秩序

動態(tài)視線流是指用運動物體來引導(dǎo)視線，比較經(jīng)典的應(yīng)用是蘋果官方公眾號的推文《你不知道的Apple》，其中使用了移動的葉子引導(dǎo)視線。（2）動態(tài)視線流2.3.2視覺設(shè)計的基本原則4.對比

對比的目的主要有2個，一個是打破統(tǒng)一的版面設(shè)計，增強視覺效果。比如，差不多的兩個拳頭放在一起時，畫面很平淡，因為只存在方向的對比：但如果是一個老人的拳頭和一個小孩的拳頭出現(xiàn)在同一畫面，視覺效果就會強烈很多，因為同時存在方向、大小、糙嫩3種類型的對比。2.3.2視覺設(shè)計的基本原則4.對比

對比的另一個目的是組織信息邏輯。完全統(tǒng)一的版面無法有效閱讀，只有通過對比，讀者才能對信息邏輯一目了然，對比越強烈，信息邏輯就越清晰。比如，一篇文章一般由標題、小標題、正文組成，如果標題和正文間的對比不夠強烈，就很難一眼看出文章的邏輯，比如下面左圖中，只有文字大小的對比，小標題就不夠顯眼，辨識較困難，如果加強對比，增加粗細和顏色的對比，改成右圖的樣式，對比就非常鮮明了，信息邏輯也就一目了然。2.3.2視覺設(shè)計的基本原則4.對比

（1）方向的對比2.3.2視覺設(shè)計的基本原則4.對比

公眾號HomeFacialPro的排版中也采用了這種方向的對比，標題部分采用縱向布局，正文部分橫向排列，整體視覺效果非常靈動。（1）方向的對比2.3.2視覺設(shè)計的基本原則4.對比

公眾號Voicer中的部分插圖也使用了橫向和縱向文字的對比，并增加了動態(tài)效果，進一步強化了對比。（1）方向的對比2.3.2視覺設(shè)計的基本原則4.對比

（2）形狀的對比大VS小幾何VS有機2.3.2視覺設(shè)計的基本原則4.對比

（3）色彩的對比

色彩的對比方案非常豐富，最為典型的有暖色和冷色的對比、亮色和暗色的對比、互補色對比等等。一般來說，色輪的右上方是暖色，左下方為冷色。暖色給人的印象：生動、激情、有表現(xiàn)力，給人感覺在空間的位置靠前。適用于前景色。冷色給人的印象：謹慎、冷靜、平靜感，給人感覺在空間的位置靠后。適用于背景色。2.3.2視覺設(shè)計的基本原則4.對比

（3）色彩的對比冷暖色對比明暗色對比2.3.2視覺設(shè)計的基本原則4.對比（4）字體的對比西方國家字母體系分為兩類：襯線字體（serif）以及無襯線體（sansserif）。襯線字體，意思是在字的筆畫開始、結(jié)束的地方有額外的裝飾，而且筆畫的粗細會有所不同。常用的襯線字體為TimesNewRoman、Georgia、宋體。無襯線體是無襯線字體，沒有這些額外的裝飾，而且筆畫的粗細差不多。常用的無襯線字體為Verdana、Arial、黑體。2.3.2視覺設(shè)計的基本原則4.對比

（4）字體的對比思考：下面的字體屬于非襯線體還是襯線體？2.3.2視覺設(shè)計的基本原則4.對比

（4）字體的對比

根據(jù)經(jīng)驗，最好選擇一種襯線字體和一種非襯線字體來設(shè)置對比，因為通常來說，互補的兩種元素會產(chǎn)生很好的對比效果。右圖logo中非襯線體和襯線體，以及書寫體的對比完美平衡了整個設(shè)計。2.3.2視覺設(shè)計的基本原則4.對比

（5）圖文的對比

圖片和文字的視覺重量是不一致的，一般情況下，遵循圖重文輕的原則，將圖片和文字放在一起時，可以有效突出圖片，將圖片作為有效的視覺線索。比如，下圖中的箭頭符號，在一大片文字中顯得非常突出，成為了有效的視覺線索。排版實訓(xùn)（小組在線作業(yè)）參考下面的效果圖，遵循視覺設(shè)計的4個基本原則，對指定素材進行排版。PS：文字和圖片內(nèi)容不能更改，但可更改為自己喜歡的風(fēng)格（更改風(fēng)格的小組可加分）。使用小組微信公眾號后臺編輯發(fā)表后，將文章鏈接提交到在線作業(yè)。項目2微信公眾號運營任務(wù)2.3微信公眾號的視覺設(shè)計新媒體運營2.3.3動態(tài)交互設(shè)計1.動態(tài)樣式

i排版（/bianji）和135編輯器（/style-center?tag_id=286）等許多第三方編輯器都提供了動態(tài)排版的模板。大部分是免費模板，也有付費使用的模板。2.3.3動態(tài)交互設(shè)計1.動態(tài)樣式——文字彈幕

彈幕最早源自于日本視頻網(wǎng)站（niconico動畫），后來彈幕為更多國內(nèi)網(wǎng)民所知，是因為國內(nèi)Bilibili（B站）和AcFun（A站）引進了這個形式。彈幕就是在視頻播放過程中，觀眾發(fā)表評論吐槽會從視頻上方飄過。這個樣式可以在公眾號里隨意“漂浮”，給讀者一種耳目一新的感覺?！鴴叽a查看案例2.3.3動態(tài)交互設(shè)計1.動態(tài)樣式——閱后即焚

閱后即焚最早源自于一款名為Snapchat的“閱后即焚”照片分享應(yīng)用，該應(yīng)用最主要的功能便是所有照片都有一個1到10秒的生命期，用戶拍了照片發(fā)送給好友后，這些照片會根據(jù)用戶所預(yù)先設(shè)定的時間按時自動銷毀?！鴴叽a查看案例2.3.3動態(tài)交互設(shè)計2.互動樣式——觸發(fā)動畫

觸發(fā)動畫就是需要讀者點擊某個區(qū)域，即可觸發(fā)動畫效果。公眾號京東金融在推文《發(fā)射！》中使用了觸發(fā)動畫，當讀者點擊可樂瓶口，會觸發(fā)彈出紅包的動畫：

▲掃碼查看案例2.3.3動態(tài)交互設(shè)計2.互動樣式——點擊顯示

隱藏樣式一般是需要讀者去點擊某塊區(qū)域，才能顯示隱藏的圖片或者文字。這種樣式可dian’ji以真正跟讀者互動起來，趣味性十足。公眾號我要WhatYouNeed在推文《他們是最后一批，用固定電話談戀愛的人?！分芯褪褂昧诉@種交互：

▲掃碼查看案例2.3.3動態(tài)交互設(shè)計2.互動樣式——滑動顯示

滑動樣式的好處是，將一部分文字或者圖片內(nèi)容收集在一個區(qū)域，從而使這些內(nèi)容不占過多的篇幅。讀者可以自由選擇是否滑動這塊區(qū)域去查看內(nèi)容。公眾號分期樂訂閱號在推文《斗膽問下：過年錢夠花么？臨時提額點我！》中使用了滑動交互來展示春節(jié)回家賬單：

▲掃碼查看案例2.3.3動態(tài)交互設(shè)計2.互動樣式——拼圖效果

拼圖效果的互動性和游戲性都非常強，配合恰當?shù)膱D片、文字，可以大大提升推文的趣味性?！鴴叽a查看案例微信公眾號動態(tài)視覺設(shè)計使用i排版工具，參考教程，制作一篇包含彈幕動效的推文（至少包含一張圖片，主題需符合公眾號定位），在公眾號發(fā)布后提交推文二維碼（可使用網(wǎng)站/將網(wǎng)址鏈接轉(zhuǎn)成二維碼）。代碼說明rgb：更改彈幕文字顏色font-size：字號大?。?em=16px）彈幕開始/結(jié)束：代表一條彈幕的全部信息包含在其中。彈幕內(nèi)容：顯示在彈幕中能看到的所有文字符號。彈幕方向：x代表左右飛行；y代表上下飛行。（可選擇上下飛行的樣式切換）彈幕左右起始距離：決定彈幕走的距離遠近。彈幕延遲：決定這條彈幕出現(xiàn)在屏幕內(nèi)的先后順序。彈幕速度：決定彈幕的飛行速度?！鴴叽a查看案例▲掃碼查看教程項目2微信公眾號運營任務(wù)2.3微信公眾號的視覺設(shè)計新媒體運營2.3.4字體和配圖1.字體

在使用字體時，版權(quán)問題很容易被忽略。2011年8月，昆山笑巴喜嬰幼兒用品有限公司未經(jīng)授權(quán)，在商標中使用漢儀秀英體“笑巴喜”三字，被南京市中級人民法院判定侵犯漢儀公司著作權(quán)，受到了相應(yīng)的處罰，這是我國首例因為單字侵權(quán)被判罰的案例。2.3.4字體和配圖1.字體

（1）方正系列字體

方正系列字體是我們接觸最多的系列字體，但免費可商用的方正字體只有4種：方正黑體、方正書宋、方正仿宋、方正楷體。需要特別注意的是，日常使用頻率極高的微軟雅黑屬于付費字體。2.3.4字體和配圖1.字體

（2）思源系列字體

思源系列字體是Adobe與Google宣布推出的一款免費、開源字體，目前有思源黑體和思源宋體兩款供選擇。2.3.4字體和配圖1.字體

（3）站酷系列字體

國內(nèi)著名的創(chuàng)意設(shè)計網(wǎng)站站酷，推出了一系列免費可商用字體，包括小薇LOGO體、站酷酷黑體、站酷意大利體、站酷快樂體、站酷高端黑體5種。2.3.4字體和配圖1.字體

（4）文泉驛系列字體

文泉驛是一個以開發(fā)開源、免費中文電子資源（如漢字字體、詞庫等）為目標的公益性組織，創(chuàng)辦宗旨是實現(xiàn)“任何人在任何地方都可以自由使用漢字和漢語進行交流”。提供的免費字體有：文泉驛正黑體、文泉驛點陣正黑體、文泉驛等寬正黑體、文泉驛微米黑、文泉驛點陣宋體。2.3.4字體和配圖1.字體

（5）鄭慶科黃油體

鄭慶科黃油體由字體設(shè)計師鄭慶科開發(fā)，是一款偏兒童化的美術(shù)字體，帶點復(fù)古又帶點時尚的特點。是一款讓人感覺看起來普通又非常耐看的中文字體。2.3.4字體和配圖1.字體

（6）龐門正道標題體

龐門正道標題體是設(shè)計師阿門開發(fā)的一款非常適合做標題的字體。2.3.4字體和配圖1.字體

（7）手書體

手書體是平面設(shè)計師Anonymous自己手寫的一款字體，共做了基本漢字6763個。2.3.4字體和配圖1.字體

（8）西文體

Fontsquirrel專門收集免費供商用的西文字體，目前已經(jīng)收集了310種字體。2.3.4字體和配圖1.字體

（9）字由

字由是為設(shè)計師量身定做的一款字體工具。字由收集整理了上千款精選字體，設(shè)計師可以通過收藏，搜索，標簽，案例等快速找到心儀的字體，并在設(shè)計軟件中無縫的使用這些字體。體驗并應(yīng)用設(shè)計工具1.登錄/下載軟件字由，截圖說明字由上你最喜歡的3款字體：2.3.4字體和配圖2.配圖

（1）插圖和照片

國內(nèi)微信公眾號的插圖來源一般有3個：一是國外插畫家作品或國外免費圖庫，比如好奇心研究所，UC校園等新媒體，一般都是直接使用國外插畫家的作品，好奇心研究所會備注作者姓名。直接使用國外插畫家的作品存在一定的版權(quán)風(fēng)險，建議謹慎使用。2.3.4字體和配圖2.配圖

Foter。提供3億多張圖片。Foter的圖片來源于目前世界上最好的線上相片管理和分享應(yīng)用——Flickr，F(xiàn)lickr上參與了CreativeCommons許可的照片都會出現(xiàn)在Foter中。（1）插圖和照片VisualHunt。提供3.5億張圖片。和上面的Foter一樣，VisualHunt的圖片來源于Flickr上參與了CreativeCommons許可的圖片。2.3.4字體和配圖2.配圖

Pexels。提供數(shù)十萬張免費照片。所有照片均由用戶上傳或來自免費圖片網(wǎng)站的照片精選。（1）插圖和照片Pixabay。提供150多萬張圖片，分享免費的照片、插圖、矢量圖和視頻。2.3.4字體和配圖2.配圖

Unsplash。Unsplash是一個攝影社區(qū)，聚集了9萬多名攝影師和創(chuàng)作者，提供了近60萬張高清照片。（1）插圖和照片SplitShire。創(chuàng)建SplitShire的目的很簡單，就是為沒有任何實用性而遺忘的照片賦予生命。2.3.4字體和配圖2.配圖

Foodiesfeed。來自世界各地的食品攝影師在CreativeCommonsZero（CC0）許可下分享照片，以幫助實現(xiàn)Foodiesfeed的最終目標，使與食物相關(guān)的在線空間更加美麗。（1）插圖和照片Streetwill。小而美的復(fù)古圖片網(wǎng)站，無版權(quán)，不用署名。2.3.4字體和配圖2.配圖

（1）插圖和照片大作是專為各行業(yè)設(shè)計師度身定制的設(shè)計靈感搜索引擎,聚合全球眾多知名設(shè)計網(wǎng)站,目前在庫21.2億創(chuàng)意設(shè)計、設(shè)計素材、攝影大圖,并且保持每日更新量在25萬張以上。2.3.4字體和配圖2.配圖

（1）插圖和照片

二是通過合作或購買作品等方式使用插畫師作品，比如公眾號咪蒙，就和很多插畫師簽約，有償使用他們的作品，包括咪蒙的頭像都是來選自國內(nèi)插畫師豬堅強的作品。不過這種方式一般適用于財力雄厚的成熟新媒體品牌，財力不足的新媒體品牌使用免費圖片更為實際。2.3.4字體和配圖2.配圖

（1）插圖和照片

三是原創(chuàng)插圖。比如公眾號王左中右，基本使用的都是原創(chuàng)插圖。2.3.4字體和配圖2.配圖

（2）信息圖

信息圖是指針對內(nèi)容復(fù)雜、難以形象表述的信息，先進行充分理解、系統(tǒng)梳理，再使其視覺化，通過圖形簡單清晰地向讀者呈現(xiàn)出來。信息圖是一個合成詞，由信息和圖兩個詞組成，它也被成為信息圖形。信息圖最初適用于媒體中，報紙及新聞類雜志的設(shè)計部門將其成為圖解新聞，比如，國內(nèi)的新浪新聞、搜狐新聞、中新網(wǎng)、人民網(wǎng)等著名媒體旗下，都有圖解新聞欄目。2.3.4字體和配圖2.配圖

（2）信息圖——統(tǒng)計圖

統(tǒng)計圖是最常見的信息圖類型，主要是通過幾何圖形來表現(xiàn)數(shù)值的變化趨勢或進行比較?？梢允箯?fù)雜的統(tǒng)計數(shù)字簡單化、通俗化、形象化，使人一目了然，便于理解和比較。2.3.4字體和配圖2.配圖

（2）信息圖——圖表和表格

圖表是運用圖形、線條及插圖等，闡釋事物的相互關(guān)系。表格是根據(jù)特定信息標準進行區(qū)分，設(shè)置縱軸與橫軸。流程圖是典型的圖表類型，比如，公眾號“企鵝吃喝指南”經(jīng)常用到表格來展示信息，為了使畫面更生動，還會對表格進行藝術(shù)化處理。