《寫(xiě)給大家看的信息視圖設(shè)計(jì)書(shū)》讀書(shū)筆記

這本豆瓣評(píng)分少于10人的小書(shū)沒(méi)有什么名氣,作者也是國(guó)內(nèi)的,書(shū)名“寫(xiě)給大家看的信息視圖設(shè)計(jì)書(shū)”前面還有個(gè)引題,叫做“圖解力”:


《圖解力——寫(xiě)給大家看的信息視圖設(shè)計(jì)書(shū)》by 楊虹

豆瓣上叫“圖解力”的書(shū)有不少,其中有兩本比較出名,都是日本作者寫(xiě)的:
《圖解力》by 木村博之
《圖解力——信息圖表設(shè)計(jì)入門(mén)》by 櫻田 潤(rùn)

楊虹的這本書(shū),封面和書(shū)名與上面兩本非常像,很容易讓人誤以為又是一本蹭熱點(diǎn)的山寨地?cái)傌洝7_(kāi)內(nèi)頁(yè),使用的設(shè)計(jì)元素也很老土,有一種word2000剪貼畫(huà)風(fēng),所以這本書(shū)也無(wú)人問(wèn)津,但其實(shí)這是本好書(shū)。

它的好處在于實(shí)用,接地氣,能將幾種基本信息圖的類型、作用、使用方法講的很透徹,讓人有一種“做了這么多年ppt,終于知道為啥在這里要放文氏圖而不是衛(wèi)星圖”的恍然大悟,是一本很好的信息圖表入門(mén)書(shū)。

接下來(lái)我就梳理下這本書(shū)中,我認(rèn)為是重點(diǎn)的一些內(nèi)容:

信息視圖可以用在哪些地方

這里說(shuō)的就是信息圖的常見(jiàn)功能和作用:
a、表現(xiàn)想法
b、梳理流程信息
c、制作年表
d、統(tǒng)計(jì)數(shù)據(jù)信息
e、顯示地理位置
f、解析物象本質(zhì)
g、表現(xiàn)階層
h、梳理關(guān)系
i、顯示特質(zhì)

信息視圖的設(shè)計(jì)原則

1、選擇正確的圖解類型
2、越簡(jiǎn)單越好
3、信息準(zhǔn)確度決定成敗
4、思路+表現(xiàn)力,缺一不可
5、明確整體與局部的關(guān)系

信息視圖的設(shè)計(jì)技巧

其實(shí)這里講的是設(shè)計(jì)的步驟:
1、建立結(jié)構(gòu)模型
2、版面設(shè)計(jì)
3、圖的設(shè)計(jì)
4、建立圖表模型
5、處理文案及文字
6、對(duì)色彩的運(yùn)用

書(shū)中介紹了制作信息圖的55個(gè)技巧,我從中選擇部分我認(rèn)為重要或者有啟發(fā)的技巧,小標(biāo)題里的序號(hào)對(duì)應(yīng)技巧序號(hào):

01 重新認(rèn)識(shí)箭頭

箭頭常見(jiàn)功能:
1、注釋
2、轉(zhuǎn)移、推進(jìn)
3、分解
4、匯總
5、交流、互動(dòng)(還可以表示“對(duì)比”)
6、指示方向

02 井井有條的分組結(jié)構(gòu)

  • 對(duì)于信息點(diǎn)多而雜的信息組進(jìn)行分組,分組的依據(jù)是“求同”(尋求相同點(diǎn))
  • 如果希望觀者按照一定順序來(lái)閱覽分組信息,可以添加分組序列符號(hào)
  • 分組排序上如果有規(guī)律,也需遵循規(guī)律進(jìn)行排序
  • 序列符號(hào)與標(biāo)簽位置進(jìn)行交叉變化,能讓觀者視線在版面中做折線運(yùn)動(dòng),從而延長(zhǎng)對(duì)信息內(nèi)容的接受時(shí)間

03 相互牽引的衛(wèi)星型結(jié)構(gòu)

  • 讓外圍信息點(diǎn)顯現(xiàn)出一種相互牽引、缺一不可的視覺(jué)態(tài)勢(shì)
  • 注意點(diǎn):
    1、由一個(gè)核心信息點(diǎn)與多個(gè)分解信息點(diǎn)所構(gòu)成
    2、延展出的多個(gè)分解信息點(diǎn)間的關(guān)系緊密,缺一不可(借助元素直接的連接來(lái)強(qiáng)化這種關(guān)系)
  • 也可以將信息點(diǎn)排列在中心信息點(diǎn)一側(cè),更顯獨(dú)特

04 利用文氏圖顯示信息交集

  • 交叉區(qū)域,就是其共同點(diǎn)的排放區(qū)域
  • 一般來(lái)說(shuō),構(gòu)成交叉的要素不超過(guò)4種

05 利用展開(kāi)型結(jié)構(gòu)表現(xiàn)多種流程

  • 就是利用指示性元素(如箭頭)的連接和指示功能,讓整組信息點(diǎn)呈現(xiàn)出一種遞進(jìn)、推移或轉(zhuǎn)移的視覺(jué)狀態(tài),除此之外,一些特殊的編排也能達(dá)到效果
  • 功能:
    【遞進(jìn)】表示形態(tài)、思維、程度等方面的遞進(jìn)關(guān)系
    【推移】表示時(shí)間的推移
    【轉(zhuǎn)移】表示位置的轉(zhuǎn)移,轉(zhuǎn)移是連續(xù)性的
  • 適合采用展開(kāi)型結(jié)構(gòu)的信息都是階段性的,盡量將信息整合或擴(kuò)展至3~10個(gè)階段
  • 如果不想使用指示性元素:
    1、在首尾添加“開(kāi)始”“結(jié)束”類文字
    2、通過(guò)透視關(guān)系的變換,暗示出閱覽順序

06 表明事態(tài)發(fā)展?fàn)顩r的單向型結(jié)構(gòu)

  • 就是將常規(guī)的展開(kāi)型結(jié)構(gòu)塑造成與水平線成一定角度的單向傾斜格局,從而表現(xiàn)出事態(tài)的一種遞增(積極)或遞減(不良)發(fā)展?fàn)顩r
  • 流程路線與水平線間的夾角設(shè)定(傾斜設(shè)置)代表著事件發(fā)展態(tài)勢(shì)的強(qiáng)烈程度

07 表明復(fù)雜事態(tài)發(fā)展?fàn)顩r的多向型結(jié)構(gòu)

  • 每一階段流程與水平線間的夾角是反映事態(tài)發(fā)展?fàn)顩r的一個(gè)因素
  • 無(wú)增無(wú)減的均衡態(tài)勢(shì)用水平線
  • 多向性結(jié)構(gòu)的特點(diǎn)是變化,為了表明變化的原因,可在過(guò)渡區(qū)域添加注釋框架設(shè)計(jì)

08 以發(fā)散性結(jié)構(gòu)來(lái)強(qiáng)調(diào)分解構(gòu)成要素

  • 中心點(diǎn)與分解要素一般會(huì)借助指示性元素進(jìn)行連接,或是采用一些特殊的擴(kuò)散狀編排
  • 適合采用發(fā)散型結(jié)構(gòu)來(lái)表現(xiàn)的信息具有以下特點(diǎn):
    1、需要著重突出各個(gè)分解信息點(diǎn)
    2、分解信息點(diǎn)的存在是為了解答中心點(diǎn)的疑惑,但分解信息點(diǎn)間并不存在直接的關(guān)系(這是區(qū)分發(fā)散型結(jié)構(gòu)和衛(wèi)星型結(jié)構(gòu)的關(guān)鍵因素)
  • 分解信息點(diǎn)的間隔距離需保持相對(duì)均等

09 集中結(jié)構(gòu)讓焦點(diǎn)更集中

  • 當(dāng)一些信息點(diǎn)有著共通之處,且需要對(duì)其共通之處進(jìn)行強(qiáng)調(diào)時(shí),采用集中型結(jié)構(gòu)
  • 適合采用集中型結(jié)構(gòu)來(lái)表現(xiàn)的信息具有以下特點(diǎn):
    1、由一個(gè)中心點(diǎn)(共性)與多個(gè)分解信息點(diǎn)構(gòu)成,并且需要著重突出中心點(diǎn)
    2、應(yīng)該先有分解信息點(diǎn),然后才能借此引出它們之間的共性,并且分解信息點(diǎn)應(yīng)當(dāng)是從多個(gè)角度來(lái)切入中心點(diǎn)的

10 借助樹(shù)狀結(jié)構(gòu)細(xì)化全局分布

  • 當(dāng)一組信息包含多個(gè)層次關(guān)系(最少兩層,一般指兩層之上),且隨著層次的深入,每一層極的信息量也會(huì)隨之增加時(shí),用樹(shù)狀結(jié)構(gòu)
  • 樹(shù)狀結(jié)構(gòu)可用于表現(xiàn)三種信息構(gòu)造
    1、分類樹(shù)狀圖
    2、組織樹(shù)狀圖
    3、邏輯樹(shù)狀圖
  • 在分類樹(shù)狀圖的設(shè)計(jì)中,由于設(shè)計(jì)者對(duì)信息本身所采用的分類方式不同,也會(huì)造成樹(shù)狀結(jié)構(gòu)發(fā)生變化

11 矩形圖結(jié)構(gòu)的分析功能

  • 當(dāng)需要對(duì)多組信息數(shù)據(jù)從不同角度進(jìn)行分析時(shí),擁有強(qiáng)大分析功能的矩形圖是個(gè)不錯(cuò)選擇
  • 由行列構(gòu)成的矩形表格來(lái)分析存在著兩個(gè)變量的數(shù)據(jù)信息
  • 數(shù)軸式矩形圖更加生動(dòng)、形象,并能直觀表現(xiàn)出四個(gè)項(xiàng)目組種的最優(yōu)與最差選擇
  • 表格式矩形圖的適用范圍更廣,只要是兩個(gè)變量下的項(xiàng)目分析,均可采用此結(jié)構(gòu)模型

12 以循環(huán)結(jié)構(gòu)來(lái)表示循環(huán)序列

  • 表現(xiàn)一種周而復(fù)始的信息結(jié)構(gòu)時(shí),循環(huán)結(jié)構(gòu)是最佳也是唯一的選擇
  • 循環(huán)結(jié)構(gòu)是在展開(kāi)型結(jié)構(gòu)基礎(chǔ)上演變來(lái)的,所以可以用來(lái)表現(xiàn)遞進(jìn)、推移、轉(zhuǎn)移三種信息關(guān)系
  • 順時(shí)針循環(huán)更有利于觀者接受

13 階層分明的堆積分層結(jié)構(gòu)

  • 信息具有明確的階層(等級(jí)、階級(jí)、層級(jí))關(guān)系
  • 一定要注意保持基本的三角結(jié)構(gòu),其目的是為了顯示出整個(gè)層級(jí)關(guān)系的穩(wěn)定性,并且在大多數(shù)階層類信息中,隨著層級(jí)的升高,覆蓋范圍也會(huì)越來(lái)越窄,而三角結(jié)構(gòu)形成的逐層面積減少效果(由下至上)剛好能暗示出一種少即是精華的含義
  • 頂部沒(méi)有閉合的分層設(shè)計(jì),適合用來(lái)展現(xiàn)局部的階層關(guān)系

14 以相關(guān)型結(jié)構(gòu)表明信息的關(guān)聯(lián)性

  • 當(dāng)需要表現(xiàn)出兩組或者兩組以上的信息間存在著一種一方改變另一方也隨之受到影響的關(guān)系時(shí),便可采用相關(guān)型結(jié)構(gòu)
  • 關(guān)系描述也是該結(jié)構(gòu)中不可或缺的重要組成部分

15 利用對(duì)比型結(jié)構(gòu)表明信息的差異性

  • 信息對(duì)比是為了表明差異性
  • 三大類編排形式
    1、概念、理念或性質(zhì)上的對(duì)比,著重于本質(zhì)區(qū)別的體現(xiàn)
    2、概念、理念或性質(zhì)上的對(duì)比,著重于強(qiáng)弱、優(yōu)劣的體現(xiàn)
    3、以數(shù)據(jù)信息為主的“量”上的對(duì)比,如數(shù)量、質(zhì)量
  • 如果要對(duì)多組數(shù)據(jù)信息設(shè)計(jì)對(duì)比框架,就需要借助圖表工具

17 根據(jù)讀者的視線移動(dòng)習(xí)慣來(lái)調(diào)整版面

  • 起始位置的選擇,遵循從左到右,從上到下
  • 如果即可按照從左到右,又可按照從上到下閱讀,那么一般以從左到右為第一閱讀順序

18 三種常規(guī)構(gòu)成的簡(jiǎn)潔視覺(jué)

1、橫向水平構(gòu)成(平和、穩(wěn)定)
2、豎向垂直構(gòu)成(穩(wěn)定、堅(jiān)定)
3、傾斜式構(gòu)成(動(dòng)感、危機(jī)感)
tips:沒(méi)有特殊需求一般采用前兩種,能幫助觀者順暢閱讀

19 建立重復(fù)型網(wǎng)格容納大量要素

  • 信息點(diǎn)較多,屬同一層關(guān)系,用重復(fù)型網(wǎng)格
  • 重復(fù)型網(wǎng)格工整性極強(qiáng),不適合動(dòng)感柔美活潑的視覺(jué)風(fēng)格

20 讓視圖更靈活的曲線型版面

  • 讓靜止的版面更有動(dòng)態(tài)感,可容納更多元素
    【C型】元素較少,飽滿靈動(dòng)
    【O型】循環(huán)形流程,靈活度稍遜
    【S型】女性主題,韻律感流動(dòng)感
    【自由型】基于某種設(shè)計(jì)需要(如飛機(jī)航線)

21 三角構(gòu)成的視覺(jué)穩(wěn)定性

  • 突顯信息間不可撼動(dòng)的穩(wěn)定關(guān)系
  • 正三角較為常見(jiàn),穩(wěn)固度更強(qiáng),倒三角少見(jiàn),比較新穎
  • 常見(jiàn)版面設(shè)計(jì):
    1、輪廓編排
    2、填滿
    3、切割成多區(qū)域
    4、三足鼎立
  • 中心區(qū)域多空曠,可放一些裝飾性或總結(jié)性元素

22 突出熱點(diǎn)的聚散對(duì)比型版面

人們會(huì)不自覺(jué)的將目光集中到匯聚眾多元素的熱點(diǎn)區(qū)域上

23 注意調(diào)整圖文對(duì)應(yīng)關(guān)系

  • 一對(duì)一
    1、拉近圖文距離
    2、歸納性的色框或色塊
  • 多圖對(duì)一文
    1、文字與每幅圖具體保持一致
    2、歸納性的色框或色塊
    3、指示性元素連接圖文
  • 一圖對(duì)多文
    1、標(biāo)注在圖片中
    2、指示性元素連接

24 抽象圖形之點(diǎn)線面可以這樣用

【抽象圖形】點(diǎn)線面構(gòu)成的幾何圖形
【半抽象圖形】自然原型經(jīng)過(guò)一定簡(jiǎn)化變形
【具象圖形】與自然物象形態(tài)十分接近

  • 信息圖中點(diǎn)線面的運(yùn)用
    1、圖表類
    2、點(diǎn)線面的對(duì)比、組合

25 將信息轉(zhuǎn)化成具象圖形或半抽象圖形

  • 具象圖:辨識(shí)度高,寫(xiě)實(shí)性強(qiáng)
  • 抽象圖:風(fēng)個(gè)性強(qiáng),簡(jiǎn)單易記
  • 高級(jí)設(shè)計(jì)師青睞間接聯(lián)想,將信息轉(zhuǎn)化為與之相關(guān)的事物圖形,抽象的信息點(diǎn)適合用間接聯(lián)想

26 學(xué)會(huì)用圖形強(qiáng)化信息關(guān)系

【緊密關(guān)系】如齒輪、鏈條、拼圖
【對(duì)比、等級(jí)關(guān)系】如天平、領(lǐng)獎(jiǎng)臺(tái)

27 擬人圖形,讓視圖活起來(lái)

  • 三種設(shè)計(jì)途徑(可同時(shí)使用)
    1、模擬人類肢體語(yǔ)言、服飾
    2、模擬人類五官神態(tài)
    3、添加對(duì)話框

29 異變圖形,原來(lái)演變過(guò)程是這樣的

  • 利用一種物形向另一種物形轉(zhuǎn)變的過(guò)程,來(lái)傳遞出一種新的意義
  • 先確定一頭一尾,再設(shè)計(jì)出中間狀態(tài),注意把握形態(tài)過(guò)渡關(guān)系

30 揭示本質(zhì)的異影圖形

  • 將原物象的投影替換成其他物象的投影或文字投影,來(lái)達(dá)到揭示某種本質(zhì)觀念的目的

31 聚集圖形帶來(lái)的凝聚力與多元化視覺(jué)

  • 用來(lái)強(qiáng)調(diào)某個(gè)物象(事件)的某種特質(zhì)(含義),也可以用來(lái)表現(xiàn)某個(gè)物象(事件)包含的多重特質(zhì)(含義)

32 同構(gòu)圖形——玩的就是創(chuàng)意組合

創(chuàng)意化的圖形替換組合

33 注意圖形風(fēng)格的協(xié)調(diào)

【剪影風(fēng)格】單色填充的圖形效果,造型干脆利落
【手繪風(fēng)格】筆觸勾勒?qǐng)D形,自由活潑
【扁平風(fēng)格】保留部分細(xì)節(jié),沒(méi)有光影,平面化
【寫(xiě)實(shí)風(fēng)格】3D印象

34 比較多項(xiàng)目數(shù)值情況的柱/條形圖

  • 比較兩個(gè)或兩個(gè)以上項(xiàng)目信息的數(shù)值差異,或成分、比例的分配情況
  • 類型:
    簇狀柱形圖、簇狀條形圖
    堆積簇狀柱形圖、堆積簇狀條形圖
    百分比堆積簇狀柱形圖、百分比堆積簇狀條形圖
    【簇狀柱形圖】當(dāng)比較多項(xiàng)目數(shù)值情況的信息組涉及時(shí)間序列時(shí)用,一般情況下用柱形圖的人也多一些
    【簇狀條形圖】信息組項(xiàng)目名稱過(guò)長(zhǎng)時(shí)用
  • 如果不涉及排序關(guān)系(時(shí)間、字母等),最好按照項(xiàng)目數(shù)值大小排序,方便比較
  • 如果項(xiàng)目量巨大,可利用間隔線對(duì)其進(jìn)行適當(dāng)分區(qū)

35 展現(xiàn)比例構(gòu)成的餅圖

  • 表現(xiàn)某事物的比例構(gòu)成情況及總分比例關(guān)系可用餅圖(常規(guī)餅圖、復(fù)合餅圖)
    【復(fù)合餅圖】擁輔助餅圖對(duì)某個(gè)扇形區(qū)域進(jìn)行細(xì)化展示(1、一些小扇形區(qū)域不易辨認(rèn);2、對(duì)某個(gè)項(xiàng)目進(jìn)行細(xì)化展示),輔助區(qū)域可用餅圖展示,也可用分段柱形圖或分段條形圖
  • 對(duì)某個(gè)區(qū)域進(jìn)行強(qiáng)調(diào)的方法:
    1、色彩反差
    2、分離區(qū)域
    3、改變填充方式
    4、將其余的區(qū)域合并

36 擁有多種功能的圓環(huán)圖

  • 想在表現(xiàn)比例構(gòu)成情況及總分比例關(guān)系時(shí)顯示出合計(jì)值,或者想要同時(shí)比較多個(gè)系列的構(gòu)成比例關(guān)系時(shí),用圓環(huán)圖
  • 單環(huán)圓環(huán)圖中心鏤空,用來(lái)排放合計(jì)值數(shù)據(jù),多環(huán)圓環(huán)圖中心不放(多組合計(jì)數(shù)據(jù)不好放)

37 表現(xiàn)變化趨勢(shì)的折線圖

  • 常規(guī)折線圖,堆積折線圖,百分比堆積折線圖
  • 面對(duì)劃分較多或起伏較弱的折線圖時(shí),可以添加數(shù)據(jù)點(diǎn)或垂直輔助線
  • 強(qiáng)調(diào)其中某組數(shù)據(jù)的方法:
    1、色彩反差
    2、加粗
    3、改變樣式
  • 為了突顯變化趨勢(shì),縱軸可以采用“非0值”為起始點(diǎn)

38 以面積圖來(lái)展示變化趨勢(shì)和變化量

  • 既想展示變化趨勢(shì),又想展示變化量
  • 常規(guī)面積圖(透明遮擋),堆積面積圖,百分比堆積面積圖,后兩個(gè)主要顯示多系列合計(jì)值與每個(gè)系列數(shù)據(jù)值隨時(shí)間推移形成的量上的變化趨勢(shì),還可以顯示單個(gè)系列總量與整體總量間的關(guān)系

39 整理復(fù)雜數(shù)據(jù)的雷達(dá)圖

  • 適合比較數(shù)據(jù)系列的聚合值,展現(xiàn)各數(shù)值相對(duì)于中心點(diǎn)的變化情況
  • 線型雷達(dá)圖有利于觀察數(shù)據(jù)相對(duì)于中心點(diǎn)的變化情況,填充雷達(dá)圖用于比較多系列數(shù)據(jù)聚合值情況

40 巧用散點(diǎn)圖表示兩組變量的關(guān)系

  • 折線圖表現(xiàn)一個(gè)變量,散點(diǎn)圖表現(xiàn)兩個(gè)變量,氣泡圖表現(xiàn)三個(gè)變量
    【僅帶數(shù)據(jù)標(biāo)記的散點(diǎn)圖】數(shù)據(jù)不以橫軸為順序,表示相對(duì)獨(dú)立的度量【僅帶平滑曲線的散點(diǎn)圖】以橫軸為順序時(shí)
    【帶數(shù)據(jù)標(biāo)記與平滑曲線的散點(diǎn)圖】既強(qiáng)調(diào)兩個(gè)變量的關(guān)系,又表示出兩個(gè)變量的變化趨勢(shì)
  • 并不是所有散點(diǎn)圖所對(duì)應(yīng)的變量都存在單位

42 抽象圖表與具象圖形的創(chuàng)意結(jié)合

最常見(jiàn)的手法是將圖標(biāo)中的抽象圖形轉(zhuǎn)化為具象圖形,轉(zhuǎn)化依據(jù)是抽象圖形所代表的數(shù)據(jù)的種類

43 填充文案,取其精華,適當(dāng)增減

  • 第一步取其精華大意,第二步適當(dāng)增減字?jǐn)?shù),讓其具備形式美感,不改變文案愿意的基礎(chǔ)上,讓視覺(jué)更協(xié)調(diào)

46 長(zhǎng)段文字的編排方式

【左右均齊】嚴(yán)肅,形式美感要求較強(qiáng)
【雙齊末行居左(右、中)】末行居左更常見(jiàn)
【居中對(duì)齊】有一種流動(dòng)富有韻律的視覺(jué)節(jié)奏,不適合在信息視圖中多次運(yùn)用,容易造成視覺(jué)上的混亂感
【齊左齊右】愉快的閱讀氛圍
【文字繞圖】可用在圖文組合數(shù)量較多的視圖中

50 三種配色關(guān)系——親密、遞進(jìn)、獨(dú)立

  • 【親密】隸屬于同一類型或同一層級(jí)的不同元素配色
    1、單一色相配色(微調(diào)明度或純度)
    2、類似色相配色(色環(huán)相差0-30°,存在兩組以上的元素以差距最大的兩色為準(zhǔn))
    3、鄰近色相配色(色環(huán)相差60-90°,存在兩組以上的元素以差距最大的兩色為準(zhǔn))
  • 【遞進(jìn)】表現(xiàn)升降趨勢(shì),或者流程化結(jié)構(gòu)
    1、漸變色相配色
    2、單一色相漸變純度(明度)配色
  • 【獨(dú)立】強(qiáng)調(diào)突出某個(gè)元素,從視圖中獨(dú)立出來(lái)
    1、對(duì)比及互補(bǔ)色相配色(色環(huán)相差120° or 180°)
    2、無(wú)色彩與有色彩對(duì)比(無(wú)色彩是黑白灰金銀)
    3、明度對(duì)比配色
    4、純度對(duì)比配色

51 從受眾的喜好著手配色

【兒童】柔和、可愛(ài)、溫馨,用低純度、中高明度的綠、藍(lán)、紅、橙色系
【青年】四射、動(dòng)感時(shí)尚,用中高純度色彩,注意控制數(shù)量,太多容易造成視覺(jué)刺激
【壯年】中純度、中明度
【中老年】中低純度(明度)、低純度(明度)
【男性】藍(lán)色、無(wú)色、中低純度綠色
【女性】紫色、紅色、黃色、綠色
【無(wú)色】特定環(huán)境中,無(wú)色性通吃

52 從行業(yè)角度挑選用色

  • 教育
    【少兒】中高純度、中高明度,多色搭配
    【學(xué)術(shù)】藍(lán)色與無(wú)彩色為主,搭配少量綠色、橙色
    【藝術(shù)】撞色,加少量重色
  • 金融
    【彰顯財(cái)力】紅橙黃,加少量重色更顯可靠
    【體現(xiàn)可靠】黑灰、中低純度藍(lán)色
  • 運(yùn)動(dòng)
    藍(lán)綠為主,紅橙黃次之,純度中高

55 大面積使用亮色需謹(jǐn)慎

  • 亮色指一些高純度、高明度色彩,大面積使用造成視覺(jué)刺激,在信息量大、長(zhǎng)時(shí)間閱讀的視圖中禁用
  • 解決方式:1、整體采用中高純度;2、亮色面積控制在合理范圍

制作信息圖范例步驟

明確結(jié)構(gòu)/圖表模型——設(shè)計(jì)排版方案——完善圖形創(chuàng)意——調(diào)整文字——選擇配色

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,321評(píng)論 6 543
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,559評(píng)論 3 429
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事。” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 178,442評(píng)論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 63,835評(píng)論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 72,581評(píng)論 6 412
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 55,922評(píng)論 1 328
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,931評(píng)論 3 447
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 43,096評(píng)論 0 290
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,639評(píng)論 1 336
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 41,374評(píng)論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,591評(píng)論 1 374
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,104評(píng)論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,789評(píng)論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 35,196評(píng)論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 36,524評(píng)論 1 295
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 52,322評(píng)論 3 400
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,554評(píng)論 2 379

推薦閱讀更多精彩內(nèi)容