「謝旺新:在沒(méi)有圖的情況下,幾何形狀要造出什么樣的布局才不會(huì)顯得很奇怪,有沒(méi)有一些明顯的案例可以參考?」
「PPT中沒(méi)有圖片時(shí),怎么通過(guò)幾何形狀布局打破單調(diào)感?(多圖案例)」
這個(gè)問(wèn)題非常好,我的確思考了很久,我們都知道在一個(gè)幻燈片的頁(yè)面元素中,除了文字主要還有形狀、圖片。
如果沒(méi)有圖片的話,就相當(dāng)于形狀至少要充當(dāng)一部分圖片的功能。
其實(shí)本質(zhì)來(lái)說(shuō),加入形狀是不應(yīng)該會(huì)產(chǎn)生奇怪的感覺(jué)的,如果產(chǎn)生了奇怪的感覺(jué),一定是沒(méi)有想清楚這個(gè)形狀在頁(yè)面中要承擔(dān)什么作用。
所以我們要思考的是:「沒(méi)有圖片的話,形狀到底在幻燈片中要起到一個(gè)什么樣的角色?」
一、規(guī)劃整體布局
(如:圖1,@灰色的風(fēng) )
通常概括形狀在幻燈片中的作用時(shí),總會(huì)第一反應(yīng)就是裝飾頁(yè)面,但在我看來(lái)其實(shí)并不是。
我覺(jué)得他最重要的第一個(gè)作用就是「規(guī)劃總體布局」。
這是怎么理解的呢?我們看一下第一個(gè)案例,整個(gè)作品里面沒(méi)有任何的圖片,全部都是由形狀來(lái)構(gòu)成,我們能看到:封面是由布滿整一個(gè)頁(yè)面的漸變形狀來(lái)組成的,目錄頁(yè)的形狀是分布在頁(yè)面的上方,過(guò)渡頁(yè)的形狀分布在頁(yè)面的左邊,而內(nèi)頁(yè)都是統(tǒng)一在左上角有一個(gè)當(dāng)頁(yè)的主題。
因此當(dāng)我們看到形狀分布在左側(cè)時(shí),我們就知道這是過(guò)渡頁(yè);而我們也不會(huì)隨隨便便把形狀放置在頁(yè)面的上方(因?yàn)檫@是目錄頁(yè)的布局)。
在整個(gè)幻燈片中,形狀在「特定的頁(yè)面內(nèi)」的位置是固定的,這個(gè)特性將幻燈片作品劃分為規(guī)整的結(jié)構(gòu),
二、形象地表達(dá)內(nèi)容之間的邏輯關(guān)系
(如:圖2,@Vista Creative)
形狀或者色塊本身并不能表達(dá)邏輯關(guān)系,但是當(dāng)他們物象化為一定的物體之后,我們卻能夠感受到它所蘊(yùn)含的含義。
例如左上角的圖片,我們看到是三個(gè)樞紐圍繞著一個(gè)齒輪在旋轉(zhuǎn),所以我們都知道是「三個(gè)要素帶動(dòng)一個(gè)要素增長(zhǎng)」的意思;
右上角的圖片是三個(gè)齒輪,那么我們就知道這三個(gè)要素是相互聯(lián)動(dòng)、缺一不可的聯(lián)系;
左下角的圖片是一把傘,我們就可以想象到這四個(gè)要素是共同組成部分,也許就能夠?yàn)檫@一頁(yè)的主題帶來(lái)一定的支撐或者保護(hù),每一個(gè)內(nèi)容都是這一個(gè)保護(hù)的組成部分;
右下角的形狀則是普普通通四片葉子共同組成一個(gè)圓形,似乎沒(méi)有太大的含義,那么我們就知道這四個(gè)內(nèi)容是共同并列的。但是雖然沒(méi)有顯示出太大的含義,也比這四個(gè)內(nèi)容單獨(dú)列出來(lái)要好看的多。
三、突出重點(diǎn)內(nèi)容并制造層次感
(如:圖3,@簡(jiǎn)單設(shè)計(jì)工作室)
在頁(yè)面中重要的內(nèi)容,我們可以通過(guò)增加色塊來(lái)作為強(qiáng)調(diào),這種用法在雜志上應(yīng)用很廣,就像我們考試畫(huà)重點(diǎn)也會(huì)用顏色筆在對(duì)應(yīng)的文本上涂寫(xiě)。
而制造層次感則是如圖右下角的那一頁(yè)案例。我們看到灰色色塊在黑色色塊上有一定的延伸突出,就讓我們感覺(jué)上好像灰色色塊對(duì)比黑色色塊距離我們更近一點(diǎn)。
通過(guò)這種方式,我們可以在灰色的色塊上上更為重要的內(nèi)容,從而起到強(qiáng)調(diào)的效果。在很多表格上我們也會(huì)看到這一種修飾的方式。
四、作為圖標(biāo)象征內(nèi)容
(如:圖4@Vista Creative)
既然沒(méi)有圖片,要避免頁(yè)面單調(diào),還有一個(gè)很好用的方法就是增加圖標(biāo)。
我們經(jīng)常會(huì)遇到有一些頁(yè)面有大量的文字,我們肯定不能像Word文檔一樣將它們放在頁(yè)面中,但是即使我們將它提煉為4到5段的文字 、前面加上序號(hào)還是總覺(jué)得「不夠高端、不夠精致」。
我們看到左上角的圖片四個(gè)要素組成了一個(gè)飛鏢指向了一個(gè)靶子,那么我們就可以設(shè)想這四個(gè)要點(diǎn)其實(shí)是「突破目標(biāo)的四個(gè)要素」,或者是我們的「四個(gè)目標(biāo)」;
右上方是四個(gè)不同場(chǎng)景的小人圖標(biāo),這里就可以預(yù)示著我們的「四大作用」或者是我們的「四大業(yè)務(wù)」;
左下角是四個(gè)燈泡有關(guān)的圖標(biāo),那么有可能是我們的「四個(gè)創(chuàng)造性點(diǎn)子」,或者是我們的「四大創(chuàng)意點(diǎn)」;
右下角是四塊金牌,只不過(guò)金牌上寫(xiě)了1-4號(hào),那么這里很明顯就是我們的「四大榮譽(yù)」了。
五、地圖
(如:圖5,@Dublin Design)
這種用法在特定場(chǎng)景時(shí)幾乎是必備,當(dāng)講到和地點(diǎn)有關(guān)的內(nèi)容實(shí),我們都需要在頁(yè)面內(nèi)插入一個(gè)地圖的形狀來(lái)說(shuō)明具體的位置。
我們都想著把頁(yè)面做得不那么單調(diào),也就是要增加頁(yè)面的圖版率,不要讓整一個(gè)頁(yè)面都是由文字構(gòu)成。那么在講述到地點(diǎn)的內(nèi)容時(shí),用地圖來(lái)輔助說(shuō)明就是順理成章的事情了。
六、突破頁(yè)面的單調(diào)性
(如:圖6/7,@演示之家 ,Behance )
形狀的第六個(gè)作用才是破解頁(yè)面的單調(diào)性,具體的做法是,在頁(yè)面中增加很多的小點(diǎn)綴。
我們看到就算頁(yè)面內(nèi)缺少了這些形狀的點(diǎn)綴也沒(méi)有什么關(guān)系,但是加上了這些要素,整個(gè)頁(yè)面就會(huì)豐富很多。
這里要注意的是,作為點(diǎn)綴的形狀一般都會(huì)賦予這一份作品一定的意味,所以先不說(shuō)配色的原因,形狀的設(shè)置能夠讓頁(yè)面帶有一定的氣質(zhì)。
例如點(diǎn)和線就會(huì)讓整個(gè)作品顯得有輕盈感,如果是動(dòng)用傾斜的色塊就能夠讓整個(gè)作品帶有動(dòng)感和速度感。
七、擬人化制造人格和幽默
(如:圖8,@Vista Creative ,@Simon_阿文 )
這個(gè)例子非常多,在幻燈片教程中擬人化的方式有很多,雖然效果很好,但是經(jīng)常會(huì)被忽略。我們看到上半的兩個(gè)案例,都能夠有商務(wù)的感覺(jué),這是一種扁平化的應(yīng)用,讓觀眾看到這一頁(yè)幻燈片的時(shí)候非常有代入感。
而下半方兩個(gè)案例則有就會(huì)有一種幽默的感覺(jué)。
之前有一位團(tuán)友讓我推薦「讓他在自我介紹PPT中脫穎而出的方式」,我就介紹了讓他在PPT畫(huà)面中用形狀繪制個(gè)人的形狀,用這種形狀繪制出來(lái)會(huì)有一種擬人化的效果,整個(gè)界面就好像在跟你對(duì)話一樣,這種表述就會(huì)生動(dòng)很多。
但要注意不能用在比較正式的場(chǎng)合,同時(shí)如果繪制的手工效果不太好,那么也不建議使用,否則會(huì)有一種很尷尬的冷場(chǎng)效果。
——
上面的形狀作用都是按照重要順序由高到低排列的,前五個(gè)都是帶有功能性的作用,然后兩個(gè)作用是用作錦上添花的效果,所以掌握的順序也應(yīng)該是學(xué)會(huì)第一個(gè)作用最重要,其次逐漸遞減。
附1:旁門(mén)左道在新書(shū)《PPT設(shè)計(jì)思維》中提到過(guò)形狀的4個(gè)不為人知的作用,其中觀點(diǎn)蠻認(rèn)同,已買(mǎi)書(shū)的歡迎查閱;
附2:形狀和圖片有更多相輔相成的玩法,本問(wèn)題雖然陷于無(wú)圖條件的限制,但很多部分增加圖片一樣可行,如形狀調(diào)節(jié)成半透明再加上圖片,望舉一反三。
文章寫(xiě)了6個(gè)小時(shí),點(diǎn)贊告訴我已閱,下發(fā)留言交流。
本文由 " 湯帥 " 發(fā)布,2017年6月9日。