多色漸變
或者多彩漸變風:
之前,全球芯片巨頭品牌高通,開了一個關(guān)于5G的發(fā)布會。
高通的 PPT 設(shè)計樣式,與大多數(shù)的科技廠商會有一些差異,很少會采用一張大圖加一句話的形式,而是很務(wù)實的一種風格。
通俗點來說,就是頁面上的內(nèi)容會很詳實,有點像我們經(jīng)常說的工作型PPT。
大概就是這樣:
這份 PPT 的內(nèi)容,可能大多數(shù)人都不太理解,但對我們大多數(shù)職場人來講,在 PPT 的設(shè)計的形式上,可能會更有參考的價值。
所以,這篇文章,咱們就來聊聊這次高通發(fā)布會的PPT設(shè)計,都有哪些可以值得借鑒的地方呢?
對于一份PPT來講,視覺風格是否統(tǒng)一,是衡量其美觀程度的一項重要標準。
那么,該如何去做到視覺風格的統(tǒng)一呢?我在《PPT設(shè)計思維實戰(zhàn)版》中分享過一個觀點,其實無非是從以下幾個要素著手。
分別是:
任何一份視覺風格統(tǒng)一的 PPT ,其實無非就是把這6個要素,給重復(fù)延續(xù)使用罷了。
啥意思呢?咱們結(jié)合高通這份 PPT ,來詳細地說說。
首先是顏色,采用藍綠灰3種色調(diào),并且,每一種色調(diào)又包含不同深淺的顏色:
而字體呢,采用的則是自家出品的 Next 系列,這個沒啥可說的:
對于相同頁面類型的版式,也都是一致的。
比如像一句論點型的頁面,采用的版式是這樣的:
而對于內(nèi)容頁的版式,采用的是比較經(jīng)典的左右版式結(jié)構(gòu),左側(cè)為文字說明,右側(cè)為圖形展示:
嘉賓展示頁,版式也是一致的:
當然,還有頁面上使用的元素效果呢,其實我們可以看到,都添加了陰影:
最后呢,還有素材,主要是一些小圖標:
大家可以看到,這種小圖標的風格很獨特,對嗎?其實這些小圖標,都是高通官方繪制的。
我們之前合作時,他們發(fā)來一份圖標的使用規(guī)范,坦白講,我當時都驚呆了,常見類型的圖標,幾乎都已經(jīng)覆蓋了:
而這,就是讓 PPT 視覺風格統(tǒng)一的6種構(gòu)成要素,及使用的規(guī)范。
在高通的PPT里,幾乎把陰影效果用到了極致,呈現(xiàn)了很多有層次感的圖形,而且,讓頁面的排版,也會更有層次感。
比如在 PPT 的結(jié)尾頁的陰影呈現(xiàn):
或者是像這種內(nèi)容頁中陰影的呈現(xiàn):
那這是怎么設(shè)計的呢?其實用到的功能呢,無非是PPT中的外陰影和內(nèi)陰影功能:
當我們?yōu)槲淖只蛘咝螤钐砑觾?nèi)陰影的時候,會有凹進去的感覺。就像這樣:
反之,就會有凸起懸浮的感覺:
那利用這個功能,我們能干啥呢?
比如剪紙風的PPT風格,為了實現(xiàn)多層剪紙的效果,就是利用陰影來完成的:
再比如,我們在排版時,為了讓頁面更具層次感,也可以使用陰影實現(xiàn)色塊的層疊感:
這是這份PPT里很巧妙的一點,因為頁面上有了陰影的使用,所以,頁面上的色彩,也從深到淺,有了一定的區(qū)分。
就像這樣:
那知道這個點有什么用呢?
在排版的時候,我們就可以把論點型內(nèi)容,放在顏色較深的色塊上,而對于頁面上的論據(jù)信息,則可以放在淺色的色塊上,進行視覺區(qū)分。
就像這樣:
如果我們把這一頁的排版形式拆解來看,其實會發(fā)現(xiàn),頁面的信息層級結(jié)構(gòu),是這樣的:
明白了嗎?
在我們制作工作型PPT的時候,其實,一樣也可以借鑒這種方式。
舉個例子,比如我們?yōu)榱送癸@頁面重要信息,就可以把觀點型內(nèi)容,放在色塊上,與論據(jù)進行視覺區(qū)分:
這一點,非常好用。
好了,以上呢,就是我從這份PPT里,看到的一些值得借鑒的設(shè)計呈現(xiàn)技巧,希望對大家能夠有所啟發(fā)。
原標題:看了一場高通發(fā)布會,我從中學(xué)到了這3個PPT技巧!
]]>之前,支付寶搞了一次發(fā)布會,至于說了什么,可能很多朋友也不清楚,但有一件事兒,很多人應(yīng)該知道,那就是支付寶變得更藍了。
哈哈哈哈,這個記憶點也是很奇特~
而我的一位朋友,在看完發(fā)布會后,第一時間給我截了幾張發(fā)布會現(xiàn)場的PPT圖片,問我做的怎么樣?
其實,這種風格會比較簡潔,比較符合這種發(fā)布會的場合。但有些頁面的設(shè)計,可能由于時間的問題,在呈現(xiàn)上會稍微有些粗糙。
所以,這篇文章,就挑選其中的幾個頁面,做一些簡單的修改,算是交流學(xué)習(xí)吧。
就是上面的這幾頁,那么,該如何進行優(yōu)化呢?
首先,是字體的使用規(guī)范。
中文可以使用自家的品牌字體 —— 阿里巴巴普惠體,絕不會出錯。
而對于 PPT 中的一些關(guān)鍵數(shù)值,則可以使用支付寶金額專用字體——AlipayNumber。
接著,確定 PPT 的主題色。
我們可以直接吸取支付寶最新 logo 的顏色:
不過這個藍色與深色背景對比不夠明顯,作為頁面的強調(diào)色并不是特別突出。為了解決這個問題,可以添加一個明度更高藍色,進而調(diào)合成一個漸變色:
然后,是頁面的基本布局
從大會視頻的截圖中,我們可以看出,演講人物對屏幕存在一定的遮擋,特別是屏幕中央的區(qū)域:
只能依靠攝像大哥,不停的切換視角,才能勉強看清屏幕中間的文字:
不得不說,這種觀感體驗真的很糟糕。
所以,我們在著手制作 PPT 之前,前期觀測演講場地就顯得尤為重要。
為了避免人物遮擋頁面中的文本信息,這里我對頁面進行了板塊劃分,比如將標題放置在頁面左側(cè),右側(cè)放置正文,避免文字出現(xiàn)在屏幕的中間區(qū)域:
最后,是頁面的背景板。
這里使用了深藍色的漸變,會頁面會顯得更有層次:
另外,我們還可以提取大會主KV的一些視覺特征,比如一些科技網(wǎng)點:
作為點綴元素,融入到背景板中:
明確了基本設(shè)計規(guī)范之后接下來,咱們就進入單頁的修改。
先來看這一頁:
頁面中的文字被人物遮擋。排版也有些粗糙,關(guān)鍵數(shù)值與文本間隔過遠,而且并沒有做到嚴格的對齊。
該怎么修改呢?
我們先依據(jù)上面所擬定的設(shè)計規(guī)范,調(diào)整一下版式布局,并更換關(guān)鍵數(shù)值排版方式:
立馬就好了很多,對嗎?
但這還不夠。為了增添頁面的設(shè)計感,我們可以在標題周圍添加線條,以及不同透明度的色塊,進行修飾:
使用多個圓形組成的平臺,放置關(guān)鍵數(shù)值,并利用圖標讓頁面更具可視化,就像這樣:
為了進一步表現(xiàn)數(shù)值的提升,可以在頁面中添加一些漸變線條:
最后,匹配一張與頁面相關(guān)的背景圖:
接下來是這一頁:
主要存在兩個問題:
一是關(guān)鍵數(shù)值沒能很好的突出。二是畫面的割裂感太強。
通常在寬屏發(fā)布會中,對于圖片展示,大都會選擇相對柔和過渡方式:
或者是圖片全屏展示,進而帶來更強的沉浸感。
那這一頁該怎么修改呢?
首先解決圖片的問題,我們可以從貨拉拉的官網(wǎng)上,找到一些圖片:
從中選擇一張最適合的圖片:
基于這張圖片的樣式,將數(shù)據(jù)放大突出,我們可以將頁面排版成這樣:
還不錯吧?
不過,頁面依舊存在一個問題,那就是風格與其他頁面不一致。
該怎么解決呢?很簡單,我們可以將貨車摳出來,這樣頁面就可以使用統(tǒng)一的背景板了:
接著,再把橙色色塊,轉(zhuǎn)換成具有科技感的藍色漸變襯底即可:
來看下最終效果:
咱們繼續(xù),再看這一頁:
這一頁在視覺呈現(xiàn)上主要有這三個問題:
那么,該如何去優(yōu)化呢?
先來修改頁面的布局形式,使用圓角矩形代替圓形做為內(nèi)容襯底,并添加小圖標,增強文案的可視化:
使用線條,彌補卡片右上方的空缺:
將卡片三維旋轉(zhuǎn),讓頁面產(chǎn)生一定的空間感:
讓卡片之間略有重疊,避免文字出現(xiàn)在頁面中間區(qū)域:
接著,使用小色塊以及線條,進一步豐富頁面的層次:
最后,為頁面匹配合適的背景圖:
來看下最終效果:
咱們接著來看這一頁:
與其他頁面一樣,視覺呈現(xiàn)方面較為平淡。而對于關(guān)鍵數(shù)值的展示,也只是簡單的放大字號。
另外,頁面中的手機樣機使用了白色機身,與黑色背景對比太過明顯,使其有些搶眼。
為了規(guī)避上面的問題,我們可以這樣處理。
換用黑色的手機樣機,并更改頁面的版式布局,比如使用左右對稱的形式:
接著使用多層漸變圓環(huán),置于樣機下方,避免頁面空洞:
最后,在匹配上相應(yīng)的背景圖片:
好了,再來看一下最后一頁:
這一頁的問題在哪?我認為有這么三個:
咱們一個一個的解決。
使用正確的小程序圖標,并統(tǒng)一圖標的樣式:
更換正文的對比形式,比如使用大小對比,代替原來的顏色對比:
接著,為了避免文字被遮擋,可以采用上下交錯的排版形式:
再匹配上合適的背景圖:
來看下最終效果:
是不是很贊呢?
好了,以上呢就是今天所修改的幾個頁面。
最后,再來前后對比一下:
這是修改后的:
好了,以上就是這幾頁PPT的修改過程,有些細節(jié)看的不是很清楚,我把源文件免費分享出來。
在評論區(qū)評論任意文字,即可免費獲取這份PPT修改源文件和對應(yīng)的字體。
原標題:我花了2小時,給支付寶官方修改了一份發(fā)布會PPT
]]>羅老師上一次公開演講還要追溯到去年12月29日的Smartisan T2,在等待了294天之后,羅永浩帶著他全新的Smartisan M 系列重新登上了上海梅賽德斯奔馳中心的主舞臺上。很多人帶著圍觀老羅最后一次“單口相聲”且聽且珍惜的心情去迎接 這場晚會。不過,這并不會成為羅永浩的最后一次發(fā)布會,錘子表示明年春天還要發(fā)步搭載雙攝像頭的千元機呢。
羅永浩的錘子科技2016秋季新品發(fā)布會-M1發(fā)布會全程回顧
PPTfans網(wǎng)已經(jīng)在第一時間搜刮錘子M1發(fā)布會的PPT了,以下是諜照版的,大家先將就看。等找到高清的,再和各位分享。
諜照版下載地址:http://pan.baidu.com/s/1slneByH
超高清版下載:錘子M1發(fā)布會PPT
超超高清圖片版下載:錘子M1發(fā)布會PPT超超高清圖片版
可以直接去下載:錘子Smartisan M1發(fā)布會ppt模板下載(阿文高仿版)
去年,以傲慢與偏執(zhí),我(阿文)制作了一份 Smartisan T2 的PPT模板,累計被下載了近3w次,謝謝大家的支持~
今年,Smartisan M1 / M1L發(fā)布了,我又帶來了一個免費的情懷PPT模板。超有誠意的40頁,少啰嗦,直接去下載:錘子Smartisan M1發(fā)布會ppt模板下載。
超有誠意的40頁,少啰嗦,直接去下載:錘子Smartisan M1發(fā)布會ppt模板下載。
]]>