相信很多朋友都知道,昨天,小米開了場(chǎng)發(fā)布會(huì),足足有3個(gè)小時(shí)。坦白講,雖然我今年對(duì)任何手機(jī)產(chǎn)品都無(wú)感了,但是,看到那款概念手機(jī)的時(shí)候,忽然有了一點(diǎn)點(diǎn)的心動(dòng):
但是又一看價(jià)格,我忽然覺(jué)得 iPhone 11 也挺好,至少價(jià)格挺親民的,才不到10000塊錢。
咦,是什么勇氣,竟然讓我說(shuō)出了『才』這個(gè)字?好奇怪。
當(dāng)然,這篇文章不是評(píng)價(jià)小米產(chǎn)品的,還是來(lái)聊聊這次發(fā)布會(huì)的 PPT,因?yàn)閺淖蛲砭陀凶x者催我寫這篇文章。
這次發(fā)布會(huì)的PPT,在視覺(jué)設(shè)計(jì)上,到底有哪些,可以給我們啟發(fā)的地方呢?
可以說(shuō)的點(diǎn)太多,我挑3個(gè)冷門但實(shí)用的來(lái)說(shuō)。
文字云的設(shè)計(jì)
當(dāng)我們想要呈現(xiàn)出信息量非常豐富時(shí),使用文字云可以很好地呈現(xiàn)這一點(diǎn)。
在之前的發(fā)布會(huì)PPT中,也經(jīng)常出現(xiàn)這種形式,很多人可能告訴你這是工具生成的,但我可以負(fù)責(zé)任的告訴你,這是純手動(dòng)排版出來(lái)的。
那么,這是怎么排版出來(lái)的呢?看似好像是隨意擺放,但其實(shí)有一些技巧。我們只需要注意3個(gè)點(diǎn)即可。
哪3個(gè)呢?
-
視覺(jué)平衡
-
顏色對(duì)比
-
字號(hào)對(duì)比
什么意思呢?為了讓各位理解的更深刻一點(diǎn),咱們多看一個(gè)例子。
比如我們要將下面的這些文字排版成文字云,該怎么做呢?
第一步,隨意地對(duì)文字進(jìn)行擺放,我一般會(huì)擺成一個(gè)橢圓形,保持視覺(jué)平衡:
第二步,修改文字字號(hào),進(jìn)行大小之間的對(duì)比:
第三步,調(diào)整文字的顏色深淺,進(jìn)一步調(diào)整對(duì)比,凸顯層次感,完成:
圖表遮罩動(dòng)畫
看完整場(chǎng)發(fā)布會(huì),我印象最深刻的就是這個(gè)動(dòng)畫設(shè)計(jì),太贊了。
當(dāng)然,這個(gè)是三維的動(dòng)畫,其實(shí),在 PPT 設(shè)計(jì)中,我們也可以利用這個(gè)方法,來(lái)創(chuàng)建出二維的遮罩動(dòng)畫。
比如像這樣,我們用來(lái)呈現(xiàn)用戶滿意度的提升:
?
那這個(gè)是怎么做的呢?我把頁(yè)面給各位拆解一下。
這個(gè)頁(yè)面一共分為3層,最上層是文字,依次是圖片,波浪形狀:
大家可以看到,圖片的中心部分,被挖出了一個(gè)圓形,是鏤空的:
至于如何被挖出一個(gè)圓形
參見(jiàn)之前寫過(guò)的布爾運(yùn)算的文章
它的作用,就是讓底部的波浪形狀穿過(guò),從而造成數(shù)據(jù)在上漲的錯(cuò)覺(jué):
那還有一個(gè)問(wèn)題,波浪形狀是如何在上漲變化的呢?
其實(shí)很簡(jiǎn)單,我們只需要畫一個(gè)呈上漲趨勢(shì)的形狀,然后為其添加一個(gè)直線路徑動(dòng)畫即可:
明白了嗎?
突出產(chǎn)品細(xì)節(jié)
當(dāng)我們?cè)诼殘?chǎng) PPT 中,展現(xiàn)某個(gè)產(chǎn)品,或者文件的細(xì)節(jié),這是經(jīng)常會(huì)遇到的場(chǎng)景。
很多人的做法,是在需要突出的部分,畫上一個(gè)紅圈,但不得不說(shuō),這種方式太粗糙了。
小米發(fā)布會(huì) PPT 中的做法是什么呢?咱們先來(lái)看兩個(gè)案例:
總結(jié)下來(lái)有兩個(gè),分別是:
-
暗場(chǎng)處理
-
局部放大
什么意思呢?簡(jiǎn)單來(lái)解釋下。
所謂局部放大,就是把要突出的部分,單獨(dú)切出一塊小圖進(jìn)行放大處理:
而所謂暗場(chǎng)處理呢,就是把非重點(diǎn)部分的圖片色調(diào)壓暗,從而形成對(duì)比。
當(dāng)然,這兩個(gè)技巧,可能會(huì)同時(shí)被使用,什么意思呢?
咱們來(lái)看一個(gè)例子,比如像下面這個(gè)電視產(chǎn)品:
如果我們想要凸顯其邊框很窄,那么,我們可以這樣來(lái)做。
第一步,把圖片復(fù)制一層,并在電視邊框處,插入一個(gè)圓形:
第二步,先選擇上層圖片,再選擇形狀,點(diǎn)擊形狀格式,選擇相交:
我們可以得到一個(gè)局部的圖片:
第三步,將相交后的圓形圖片,放大處理:
第四步,選中底層圖片,點(diǎn)擊圖片格式 > 調(diào)節(jié),選擇一個(gè)暗部的顏色:
當(dāng)然,如果我們演示放映的版式較高,也可以使用平滑動(dòng)畫呈現(xiàn):
很好理解,對(duì)不對(duì)?
當(dāng)然,除了這3個(gè)點(diǎn)之外,還有一些很好的 PPT 處理方式,簡(jiǎn)單說(shuō)一下。
比如像這一頁(yè)的產(chǎn)品回顧,動(dòng)畫設(shè)計(jì)太棒了:
還有這一頁(yè)的創(chuàng)意,通過(guò)底圖色調(diào)的明暗變化,外加一條時(shí)間刻度尺,來(lái)呈現(xiàn)基于時(shí)間進(jìn)行動(dòng)態(tài)變化,太合適了:
以上,就是這場(chǎng)發(fā)布會(huì)PPT,帶給我的一些啟發(fā),希望對(duì)各位有所啟發(fā)。
最后,再用一句話來(lái)總結(jié)下這場(chǎng)發(fā)布會(huì)吧,買不起。
原文標(biāo)題:小米又開發(fā)布會(huì)了,這3個(gè)冷門PPT創(chuàng)意技巧,一定要看看!
謝謝
很棒啊