本文總計(jì)：1951 字
預(yù)計(jì)閱讀時(shí)間：5 分鐘
昨天去刷了刷 Dribbble悴务，看到設(shè)計(jì)公司?PRESIUM?發(fā)了幾個(gè)新案例。
咱們的靈感專(zhuān)輯铲掐，貌似也有蠻久沒(méi)更新了拾弃，所以我去發(fā)掘了一波。
還發(fā)現(xiàn)他們有兩個(gè)官網(wǎng)摆霉，順手把他們的博客豪椿、社交平臺(tái)奔坟、自由職業(yè)者主頁(yè)挨個(gè)逛了一遍。
官網(wǎng)：presium.pro 或 presium.io
整理欣賞的時(shí)候搭盾，發(fā)現(xiàn)他們的排版真心不錯(cuò)咳秉，尤其是內(nèi)容可視化這塊，非常值得我們借鑒鸯隅。
所以澜建，今天就用?PRESIUM?的案例，給大家講講可視化蝌以。
當(dāng)每頁(yè)內(nèi)容比較多炕舵，或者一份 PPT 的頁(yè)數(shù)較多的時(shí)候，排版起來(lái)會(huì)覺(jué)得千篇一律跟畅，看起來(lái)很單調(diào)咽筋。
尤其是匯報(bào)或?qū)W術(shù)類(lèi)型的 PPT，有些內(nèi)容幾乎沒(méi)有配圖徊件，強(qiáng)行配不相關(guān)的圖片又很突兀晤硕。
這時(shí)候，為了讓內(nèi)容讀起來(lái)更輕松庇忌，更容易被理解舞箍，以及豐富內(nèi)容的表現(xiàn)形式，就需要進(jìn)行可視化處理皆疹。
可視化疏橄，就是將文字內(nèi)容，分塊或變成生動(dòng)的圖形或圖示略就。
如上圖捎迫，把蔬菜水果與圖表結(jié)合起來(lái)，讓內(nèi)容更容易理解表牢，就是可視化的一種窄绒。
下面結(jié)合案例，具體展開(kāi)解析一下崔兴。
內(nèi)容可視化的幾種方法
1.?內(nèi)容分塊彰导，避免大段文字
把大段的內(nèi)容進(jìn)行分塊，或者適當(dāng)?shù)奶釤捑?jiǎn)敲茄，分成一個(gè)個(gè)小點(diǎn)位谋。
之后使用圖標(biāo)、符號(hào)等元素進(jìn)行修飾與統(tǒng)一堰燎，讓內(nèi)容更利于閱讀和理解掏父。
如果這時(shí)候有合適的圖片，根據(jù)圖片的輪廓或走向去排版內(nèi)容秆剪，會(huì)更靈活美觀赊淑。
比如爵政，根據(jù)地球的圓形來(lái)做環(huán)繞排版：
比如，根據(jù)麥穗的朝向來(lái)做時(shí)間軸：
2.?放大數(shù)據(jù)陶缺，吸引觀眾注意
另一種處理手法钾挟，就是把內(nèi)容中的數(shù)據(jù)放大，和文字部分形成對(duì)比组哩。
這樣做可以快速吸引觀眾的注意力等龙，同時(shí)強(qiáng)調(diào)重要的數(shù)據(jù)信息。
上面幾個(gè)案例伶贰，數(shù)據(jù)部分都比正文內(nèi)容大很多蛛砰，我們第一眼就會(huì)聚焦到這些數(shù)據(jù)上，同時(shí)排版也更加豐富美觀黍衙。
此外泥畅，我們還可以用圖片或圖標(biāo)，來(lái)代替文字內(nèi)容琅翻，只要意思相同即可位仁。
如上圖，公司直接用 logo方椎，國(guó)家用國(guó)旗表示聂抢，這樣既形象易懂，又避免了大量文字內(nèi)容的羅列棠众。
或者把數(shù)據(jù)放大琳疏，與實(shí)物進(jìn)行夸張的對(duì)比，顯得更高端大氣闸拿。
如下圖空盼，山峰做成時(shí)間軸，同時(shí)放大數(shù)據(jù)新荤，迅速吸引眼球：
3.?使用圖表揽趾，優(yōu)化數(shù)據(jù)呈現(xiàn)
可視化最常用的一種方法，就是把數(shù)據(jù)可視化苛骨，做成數(shù)據(jù)圖表篱瞎。
圖表可以當(dāng)作圖片使用，既豐富了表現(xiàn)形式智袭，又讓數(shù)據(jù)展示更加直觀奔缠，方便對(duì)比。
數(shù)據(jù)圖表的類(lèi)型也非常多吼野，PRESIUM 公司在這方面就很擅長(zhǎng)，給大家舉例看看两波。
簡(jiǎn)單易制作的瞳步，比如這些常規(guī)圖表：
這些圖表都比較簡(jiǎn)約闷哆，沒(méi)有花里胡哨的陰影之類(lèi)的效果，看起來(lái)更加直觀单起。
另外抱怔，還可以對(duì)圖表的形式做出改變，讓數(shù)據(jù)呈現(xiàn)更有創(chuàng)意嘀倒。
比如屈留，用面積表示比例，做出不一樣的環(huán)形圖來(lái)顯示比例：
或者测蘑，使用立體圖形來(lái)做柱狀圖：
甚至還可以利用圖片灌危，做成效果非常好的可視化圖表：
4.?梳理邏輯，內(nèi)容變成圖示
梳理分析邏輯關(guān)系碳胳，把文字內(nèi)容變成圖形圖示勇蝙。
這種處理方法，在工作匯報(bào)挨约、咨詢(xún)報(bào)告中非常常見(jiàn)味混。
尤其是沒(méi)有合適插圖的時(shí)候，把內(nèi)容轉(zhuǎn)換成高質(zhì)量诫惭、風(fēng)格統(tǒng)一的圖示翁锡，可以讓作品更加專(zhuān)業(yè)美觀。
比如下面這些夕土，看起來(lái)比較復(fù)雜的邏輯圖示：
這種圖示化的處理馆衔，對(duì)設(shè)計(jì)者水平要求更高。
首先需要充分理解內(nèi)容隘弊，邏輯結(jié)構(gòu)上不能出錯(cuò)哈踱。
其次，需要有一定的精簡(jiǎn)概括能力梨熙，把內(nèi)容拆分成合適的小點(diǎn)开镣。
最后需要有繪圖的能力，把各個(gè)小點(diǎn)用圖示正確的串聯(lián)起來(lái)咽扇，并繪制成美觀專(zhuān)業(yè)的圖示邪财。
當(dāng)然，內(nèi)容變成圖示质欲，不僅僅在咨詢(xún)報(bào)告中常見(jiàn)树埠，在一些科技風(fēng)的 PPT 中也經(jīng)常能看到：
需要注意的是，我們把內(nèi)容可視化處理時(shí)嘶伟，圖表圖示往往變成了不規(guī)則圖形怎憋，不太方便排版。
為了方便統(tǒng)一，使作品看上去更加專(zhuān)業(yè)绊袋，一方面需要把配色統(tǒng)一好毕匀，避免五顏六色的圖示，讓人看不到重點(diǎn)信息癌别。
另一方面皂岔，可以給圖示或內(nèi)容添加邊框，或者加一個(gè)色塊襯底：
好了展姐，給大家做個(gè)總結(jié)躁垛。
可視化的 4 種方法：
1.?內(nèi)容分塊，避免大段文字
2.?放大數(shù)據(jù)圾笨，吸引觀眾注意
3.?使用圖表教馆，優(yōu)化數(shù)據(jù)呈現(xiàn)
4.?梳理邏輯，內(nèi)容變成圖示
當(dāng)然墅拭，除了內(nèi)容可視化活玲，PRESIUM 還有超多優(yōu)秀的案例。
這些案例的排版谍婉，與中文的工作報(bào)告很接近舒憾，不像歐美模板都是簡(jiǎn)約風(fēng)格。
相對(duì)來(lái)說(shuō)穗熬，他們公司的案例镀迂，更有借鑒意義。
尤其純白底的排版唤蔗，是很多人的痛處探遵，背景簡(jiǎn)單就感覺(jué)下不了手，做出來(lái)的頁(yè)面妓柜，基本都是框框里放文字箱季。
考慮到絕大多數(shù)人打不開(kāi)外網(wǎng)，我把他們家的作品棍掐，全部搜羅了一遍藏雏。
整理到 PPT 里一共是 240 頁(yè)，甚至還有 PDF 文件作煌，絕對(duì)是目前全網(wǎng)最全的合集掘殴。
如果感興趣，可以下載下來(lái)充實(shí)靈感庫(kù)粟誓，或者當(dāng)作模仿練習(xí)作業(yè)也行奏寨。
其中最值得反復(fù)學(xué)習(xí)的，則是數(shù)據(jù)圖表的美化鹰服，以及內(nèi)容可視化的呈現(xiàn)病瞳。
以上，就是今天的干貨內(nèi)容了。
案例合集的獲取方法：公眾號(hào)后臺(tái)回復(fù)?“PRESIUM”即可下載
