「小原理」欄目|“多項目并列類”幻燈片?32頁PPT案例,帶你看懂背后2大設(shè)計原理

image

這是我們第 32 次亮相。

「小原理」欄目

面對一份滿滿都是文字的幻燈片無法下手,本質(zhì)還是對制作的原理沒有清晰的認(rèn)識,所以偶爾幾次能做出好的幻燈片,更多時候是時靈時不靈。

「小原理」是 SlideSign 對某一特定種類幻燈片制作的“設(shè)計原理”的剖析,帶你層層深入看懂幻燈片制作,讓你這一次真正理解設(shè)計原理。

幻燈片設(shè)計 | Slide design

' 設(shè)計原理 '

面對一整份都是文字的幻燈片措手無措,這已經(jīng)不是我們多數(shù)情況的痛點了,畢竟我們很多時候已經(jīng)知道:

制作幻燈片之前需要先對內(nèi)容進(jìn)行梳理,對多項內(nèi)容進(jìn)行可視化就是要將大段內(nèi)容分塊處理。

image

比如上面這張幻燈片,文案分為三個方面,這就是典型的3項并列類幻燈片,我們可以將它調(diào)整為這樣:

image

又或者填充底色、增加色塊和圖標(biāo):

image

添加背景圖和小修飾,進(jìn)一步設(shè)計為這樣:

image

因此,本質(zhì)上來說,如果一頁幻燈片是這樣,則是一段“大文本容量”幻燈片,需要進(jìn)行梳理。

image

如果它能被梳理出多個項目、具有并列結(jié)構(gòu),那么這就是典型的“多項目并列類”幻燈片,要進(jìn)行視覺化表達(dá),就需要對整體內(nèi)容進(jìn)行:

1、整體內(nèi)容分塊:將文案拆解、刪減,成為一塊塊分塊內(nèi)容

image

2、制造視覺焦點:整體內(nèi)容分塊是原理的核心,而制造視覺焦點則可以對整體錦上添花,如下圖:

image

——

Design Principle

- 原理 01:整體內(nèi)容分塊 -

最普通的幻燈片,如果要制作多項內(nèi)容的可視化,最少要做到整體內(nèi)容分塊(這是視覺化呈現(xiàn)的核心)。主要有三大技法:使用線段&線框、使用色塊、使用圖片。

(1)使用線段&線框分塊

直接采用線框隔開分塊,能制造留白效果,讓畫面整潔。

image
image

除了線段,還可以采用線框,這樣整個區(qū)域的劃分會更加清晰。

image

如果可以稍微調(diào)整一下線框的形狀,能制造出不一樣的感受。

(下一期「小驚艷」欄目會展開細(xì)說)

image

(2)使用色塊分塊****

色塊可以用淺灰色襯托在整個背景上,作為整體內(nèi)容的區(qū)隔,也可以用淺藍(lán)和淺綠將大段內(nèi)容劃分出來,如下圖:

image

色塊交疊可以產(chǎn)生層次感,半透明色塊帶來輕盈感,漸變的色塊能帶來時尚感。

image
image
image

(3)使用圖片**分塊******

通過裁剪圖片的大小能直接劃分出區(qū)域,使用圖片加上半透明色塊是一個非常常用的方法。

image
image
image

圖片和圖片的堆疊,能讓整個畫面顯得更為華麗。

image

直接用圖片等比劃分整個畫面,無論是2項、3項、4項,還是10+項,一直都是非常經(jīng)典大氣的布局。

image
image
image

——

Design Principle

- 原理 02:制造視覺焦點 -

剛剛我們有提到,“制造視覺焦點”屬于錦上添花,原因是“視覺焦點建立”是圍繞著“內(nèi)容分塊”進(jìn)行的。

很多時候我們會直接用“添加圖標(biāo)”的形式解決難題,其實“圖標(biāo)”是制造視覺焦點的其中一個方式,總的來說,我們可以通過:“****文字、色塊、圖片、圖標(biāo)”這四種方式制造視覺焦點。

(1)使用文字作為視覺焦點

a,放大關(guān)鍵詞

直接放大關(guān)鍵詞可以獲得視線的注意,很多簡約的設(shè)計都是由此得來。

通常這個關(guān)鍵詞是:詞語、數(shù)字、百分比。

image
image
image
image

b,加入序號

如果對內(nèi)容有排序要求,可以用淺色的、較大字號的數(shù)字來作為視覺焦點。

image

c,線條前置修飾

在標(biāo)題(關(guān)鍵詞)的前方或下方添加線條,可以引起別人對這個內(nèi)容的注意。

image

d,色塊襯底

增加色塊能對文字起到著重效果,讓標(biāo)題區(qū)別于正文,起到視覺焦點作用。

image
image

**(2)使用色塊****作為視覺焦點******

色塊也是同樣道理,觀眾閱讀時能直接秒懂內(nèi)容數(shù)量(3項就3個色塊),便于理解。

image

(3)使用圖片****作為視覺焦點********

通常我們也可以添加和內(nèi)容相關(guān)的圖片,用于對應(yīng)文案的解析,不用于襯底劃分區(qū)域,則可以將圖片放在顯眼處,起到總領(lǐng)作用。

image
image

(4)使用圖標(biāo)****作為視覺焦點********

圖標(biāo)通常分為三種:色塊襯底、邊框圍繞、無邊框。

a,色塊襯底

色塊襯底的圖標(biāo)會更讓人容易捕捉:

image
image

b,邊框圍繞

也可以用圓形、矩形、六邊形的邊框圍繞圖標(biāo),填充有差異的顏色制造視覺焦點。

image

c,無邊框

無邊框的圖標(biāo)由于需要放得更大所以容易顯得更精致,也因為沒有邊框統(tǒng)一而邊緣曲線不一,整體顯得更有個性一些。

image
image

無論是色塊襯底、邊框圍繞還是無邊框,都是圖標(biāo)用于制造視覺焦點的方法,要確認(rèn)的就是圖標(biāo)的類型需要統(tǒng)一、圖標(biāo)陳列的布局要有節(jié)奏感。

以上所聊到的都是“多項目并列類”的設(shè)計原理,下次的「小驚艷」欄目會進(jìn)一步深入,展開聊聊設(shè)計上如何更出彩的問題。

——

  • 總結(jié)一下 -

今天給大家分享的「多項目并列類」幻燈片設(shè)計的2大設(shè)計原理:

01 整體內(nèi)容分塊:視覺分塊是視覺化呈現(xiàn)的核心。

(1)使用線段&線框分塊

(2)使用色塊分塊

(3)使用圖片分塊

02 制造視覺焦點:進(jìn)一步提高視覺度的手段。

(1)使用文字作為視覺焦點

a,放大關(guān)鍵詞

b,加入序號

c,線條前置修飾

d,色塊襯底

(2)使用色塊作為視覺焦點

(3)使用圖片作為視覺焦點

(4)使用圖標(biāo)作為視覺焦點

a,色塊襯底

b,邊框圍繞

c,無邊框

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容