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