之前,全球芯片巨頭品牌高通,開了一個關(guān)于5G的發(fā)布會。
高通的 PPT 設(shè)計樣式,與大多數(shù)的科技廠商會有一些差異,很少會采用一張大圖加一句話的形式,而是很務(wù)實的一種風(fēng)格。
通俗點來說,就是頁面上的內(nèi)容會很詳實,有點像我們經(jīng)常說的工作型PPT。
大概就是這樣:
這份 PPT 的內(nèi)容,可能大多數(shù)人都不太理解,但對我們大多數(shù)職場人來講,在 PPT 的設(shè)計的形式上,可能會更有參考的價值。
所以,這篇文章,咱們就來聊聊這次高通發(fā)布會的PPT設(shè)計,都有哪些可以值得借鑒的地方呢?
對于一份PPT來講,視覺風(fēng)格是否統(tǒng)一,是衡量其美觀程度的一項重要標(biāo)準(zhǔn)。
那么,該如何去做到視覺風(fēng)格的統(tǒng)一呢?我在《PPT設(shè)計思維實戰(zhàn)版》中分享過一個觀點,其實無非是從以下幾個要素著手。
分別是:
任何一份視覺風(fēng)格統(tǒng)一的 PPT ,其實無非就是把這6個要素,給重復(fù)延續(xù)使用罷了。
啥意思呢?咱們結(jié)合高通這份 PPT ,來詳細(xì)地說說。
首先是顏色,采用藍(lán)綠灰3種色調(diào),并且,每一種色調(diào)又包含不同深淺的顏色:
而字體呢,采用的則是自家出品的 Next 系列,這個沒啥可說的:
對于相同頁面類型的版式,也都是一致的。
比如像一句論點型的頁面,采用的版式是這樣的:
而對于內(nèi)容頁的版式,采用的是比較經(jīng)典的左右版式結(jié)構(gòu),左側(cè)為文字說明,右側(cè)為圖形展示:
嘉賓展示頁,版式也是一致的:
當(dāng)然,還有頁面上使用的元素效果呢,其實我們可以看到,都添加了陰影:
最后呢,還有素材,主要是一些小圖標(biāo):
大家可以看到,這種小圖標(biāo)的風(fēng)格很獨(dú)特,對嗎?其實這些小圖標(biāo),都是高通官方繪制的。
我們之前合作時,他們發(fā)來一份圖標(biāo)的使用規(guī)范,坦白講,我當(dāng)時都驚呆了,常見類型的圖標(biāo),幾乎都已經(jīng)覆蓋了:
而這,就是讓 PPT 視覺風(fēng)格統(tǒng)一的6種構(gòu)成要素,及使用的規(guī)范。
在高通的PPT里,幾乎把陰影效果用到了極致,呈現(xiàn)了很多有層次感的圖形,而且,讓頁面的排版,也會更有層次感。
比如在 PPT 的結(jié)尾頁的陰影呈現(xiàn):
或者是像這種內(nèi)容頁中陰影的呈現(xiàn):
那這是怎么設(shè)計的呢?其實用到的功能呢,無非是PPT中的外陰影和內(nèi)陰影功能:
當(dāng)我們?yōu)槲淖只蛘咝螤钐砑觾?nèi)陰影的時候,會有凹進(jìn)去的感覺。就像這樣:
反之,就會有凸起懸浮的感覺:
那利用這個功能,我們能干啥呢?
比如剪紙風(fēng)的PPT風(fēng)格,為了實現(xiàn)多層剪紙的效果,就是利用陰影來完成的:
再比如,我們在排版時,為了讓頁面更具層次感,也可以使用陰影實現(xiàn)色塊的層疊感:
這是這份PPT里很巧妙的一點,因為頁面上有了陰影的使用,所以,頁面上的色彩,也從深到淺,有了一定的區(qū)分。
就像這樣:
那知道這個點有什么用呢?
在排版的時候,我們就可以把論點型內(nèi)容,放在顏色較深的色塊上,而對于頁面上的論據(jù)信息,則可以放在淺色的色塊上,進(jìn)行視覺區(qū)分。
就像這樣:
如果我們把這一頁的排版形式拆解來看,其實會發(fā)現(xiàn),頁面的信息層級結(jié)構(gòu),是這樣的:
明白了嗎?
在我們制作工作型PPT的時候,其實,一樣也可以借鑒這種方式。
舉個例子,比如我們?yōu)榱送癸@頁面重要信息,就可以把觀點型內(nèi)容,放在色塊上,與論據(jù)進(jìn)行視覺區(qū)分:
這一點,非常好用。
好了,以上呢,就是我從這份PPT里,看到的一些值得借鑒的設(shè)計呈現(xiàn)技巧,希望對大家能夠有所啟發(fā)。
原標(biāo)題:看了一場高通發(fā)布會,我從中學(xué)到了這3個PPT技巧!
]]>在PPT設(shè)計中,有一個很細(xì)節(jié)的點,幾乎很多人都會犯這個錯誤,那就是陰影的使用。
為什么這么說呢?咱們來看一些錯誤的頁面:
你是否也會像上面案例中那樣,去給元素添加陰影呢?我相信,這應(yīng)該是大多數(shù)人添加陰影的方式。
而這么做,所帶來的一個直接問題,就是會讓頁面顯得很臟,而且陰影的效果,看起來也會非常生硬。
那么,該如何才能調(diào)整出比較自然柔滑的陰影呢?有這么3個點,大家可以注意一下。
為了讓各位更容易理解,我做了幾個動圖,咱們來看下。
首先是陰影的距離,從0磅到60磅的位置變化:
其次是陰影的模糊,數(shù)值越大,模糊度越高:
最后是陰影的大小,同樣也是數(shù)值越大,陰影面積越大:
接下來,咱們通過一個實際的例子來處理一下,比如就拿這個頁面中色塊的陰影來說:
那么,如何把它的陰影調(diào)整的更自然呢?
我們以陰影方向朝下來說,可以通過調(diào)整大小,距離和模糊來完成,參數(shù)如下:
在這里呢,還有一個點想要提醒下各位。
如果頁面上的色塊為彩色,那么,我們盡量也選擇彩色作為陰影色,只是陰影的色彩,比色塊色值更深一些即可:
好了,掌握了以上的幾個點,我相信,你也能做出非常自然流暢的陰影效果。
當(dāng)我們解決了陰影的使用問題之后,接下來,還有另一個問題,那就是在PPT設(shè)計中,什么時候會用到陰影呢?
同樣有3個場景:
啥意思呢?咱們挨個來說一下。
01卡片陰影讓頁面排版更有層次感
也就是說,給色塊去添加陰影,它的作用呢,就是在排版時,讓頁面更有層次感。
啥意思呢?舉個例子,比如我們現(xiàn)在要制作一份企業(yè)介紹類的 PPT ,內(nèi)容如下:
通過對內(nèi)容的梳理呢,我們可以將重要的信息,分類進(jìn)行呈現(xiàn):
接下來,基于信息的梳理,布局頁面的版式。在這里,我們借用了3個色塊:
最后,將內(nèi)容放置在頁面上即可完成排版:
同樣地,還有像這樣的排版,原理都是一樣的,我就不羅嗦了:
02圖片陰影增強(qiáng)物理世界的真實感
當(dāng)我們在頁面上,添加一個圖標(biāo)或者一個圖片的時候,為了讓它顯得更有立體感,我們可以添加投影,讓立體的感覺看起來更加真實。
比如像這兩個例子,很典型:
那么,這種陰影是如何添加的呢?很簡單,我們只需要把元素的陰影距離,設(shè)置為0即可。
舉個例子,比如像這個頁面,左側(cè)的設(shè)備圖片,放在頁面上,看上去會很假,為什么呢?
因為不符合真實物理世界的規(guī)律,缺少陰影:
所以,我們可以為它添加一個陰影效果,如右圖,是不是更加真實了呢?
然后,我們可以插入一個色塊,進(jìn)行輔助排版,從而讓頁面的視覺層次感變得更加豐富:
除此之外,再來看一個案例,比如像這個頁面,圖文內(nèi)容如下,需要我們在設(shè)計時,凸顯前三名的區(qū)域:
那該怎么做呢?很簡單,首先,我們將圖片中,前3名的區(qū)域裁剪出來,并整體進(jìn)行三維旋轉(zhuǎn):
接下來,為上層的圖片添加陰影效果,并將底部圖片變暗,這樣一來,可以有效地凸顯圖片的重點:
然后,對文字信息進(jìn)行簡單地排版設(shè)計,對重點信息進(jìn)行放大呈現(xiàn),并添加小圖標(biāo)進(jìn)行可視化設(shè)計:
最后,完成排版布局即可:
當(dāng)然,還有很多案例中,都會用到這個技巧,比如像這些頁面:
03文字陰影避免底層元素的干擾
一般而言,如果頁面背景與文字反差較大,不建議添加文字陰影效果,因為會導(dǎo)致文字出現(xiàn)重影。
比如說像這兩個例子,添加陰影,反而讓頁面內(nèi)容的易讀性變得更差:
那什么時候會用到文字陰影呢?經(jīng)常用到的,其實就一個場景。
那就是當(dāng)我們設(shè)計的文字漸隱效果時,為了避免文字筆畫重疊,添加陰影,可以讓文字更有層疊的效果:
上面所說的呢,就是關(guān)于陰影使用的一些方法和場景,非常簡單,但我也自認(rèn)為,很實用,希望對你也有一定的幫助。
原標(biāo)題:大多數(shù)人都不注意的PPT細(xì)節(jié)!這才是陰影的正確打開方式
]]>