本文的標題是《科技感十足的PPT就該這樣做》來源于:由作者:陳宣宣采編而成,主要講述了iSlide 的朋友們大家好呀,我是 Lugi,好久不見。最近這段時間,一直在琢磨科技風 PPT,總結(jié)了一些思路和
iSlide 的朋友們大家好呀,我是 Lugi,好久不見。最近這段時間,一直在琢磨科技風 PPT,總結(jié)了一些思路和方法,今天就拿出來和大家一起分享。
我在網(wǎng)上隨便找了一個案例,先看原稿:
資料來源:國聯(lián)證券
這是一份汽車行業(yè)研究報告,總共涵蓋封面頁、流程圖頁、圖表頁和文字超多但是一個字都不能刪頁,都是讓人頭疼的重難點頁,那么該從哪里開始修改呢?
配色對于一份 PPT 來說非常重要,但如果不是專業(yè)的設(shè)計師,對色彩的把握會沒有那么準確。所以不知道怎么配色的時候,我建議直接去網(wǎng)上看看優(yōu)秀案例,然后你就會驚訝的發(fā)現(xiàn):科技風 PPT 配色差不多就那幾個顏色。
我吸取了幾個常用的顏色,這些優(yōu)秀配色都可以直接放進 PPT 里套用。
除了這種單色調(diào),漸變色也是科技風 PPT 里的常客,并且只需要調(diào)整顏色的亮度就可以配出非常好看的漸變色,我做了幾個常用漸變色:
單色漸變
雙色漸變
多色漸變
以上方法需要自己不斷調(diào)整和嘗試,才能配出心儀的顏色,嫌麻煩的話可以直接打開 iSlide 色彩庫,篩選欄里給我們提供了色相、行業(yè)、色系等選擇,勾選對應(yīng)的選項,就可以輕松獲得一組科技風優(yōu)秀配色。
確定顏色后,我們在選擇一款字體,我用了「優(yōu)設(shè)標題黑」和「微軟雅黑」,前者字體有種簡單有力的感覺,和科技主題感覺很搭。
現(xiàn)在我們就可以先將首頁的標題文字重新調(diào)整一下字號大小、間距,讓頁面更有主次感。
單純的漸變背景看起來有些單調(diào),打開 iSlide 圖片庫,搜索「汽車」,直接插入一張自帶科技感的圖片作為背景。
現(xiàn)在圖片和背景有一個明顯的邊界感,我們可以用一個蒙版把它稍微遮一下:
其實做到這里看起還不錯了,但是我們還可以再給標題文字和頁面增加一點細節(jié)和裝飾,比如使用帶有科技感的元素。
最后,我們就可以得到一張這樣的封面:
優(yōu)化流程圖
流程圖一直是許多人做 PPT 最頭疼的地方,不僅信息多,最后呈現(xiàn)的效果還得讓人一眼看懂,實在是太南了。
先看案例 PPT 里的流程圖,不管是顏色、圖片,還是整體結(jié)構(gòu),看起來都稍顯混亂,所以我們只能先重新梳理一下它的流程:
流程梳理完后,也就基本搭好了新的整體框架。接著我們選中文本,點擊轉(zhuǎn)換為 **artArt 圖形,這里可以選擇金字塔式從上到下的結(jié)構(gòu),或者是從左到右的并列結(jié)構(gòu)。
搭好框架后,再將原版的純文字變得可視化一下,其實也就是給文字配上對應(yīng)的圖標。
最后,我們再統(tǒng)一一下流程圖的整體顏色,并把說明文字和標題文字改為上下結(jié)構(gòu)、調(diào)整字號。
為了再進一步提升科技感,和封面一樣,我們再給標題文字添加億點細節(jié)就可以得到一張這樣的流程圖:
多文字排版
第三頁就是純文字,這一頁比較簡單,我們先將頁面文字簡單分類一下,可以發(fā)現(xiàn)它是由一段總結(jié)和一段描述說明構(gòu)成。
我們先從描述說明入手,這段描述文字其實非常短,也是概括+說明的結(jié)構(gòu),如何把它變得美觀一些?我的思路就是增加對比,比如修改字號、顏色、添加圖標等。
改完之后可以發(fā)現(xiàn),描述說明文字字數(shù)不統(tǒng)一,所以在視覺上看起來也有點亂,所以我們可以優(yōu)化一下文案,將提升效率/減少成本改為提升經(jīng)濟性,這樣文字字數(shù)就都是五個字了。
還有現(xiàn)在的圖標在頁面上顯得有些單薄,所以我們可以畫幾個光圈來增加它的科技感。
這是我的優(yōu)化步驟:
調(diào)整完細節(jié),發(fā)現(xiàn)現(xiàn)在的頁面有點空:
那么按照老規(guī)矩,用最簡單的辦法:加背景圖片。所以我再一次打開了 iSlide 圖片庫,選一張好看的圖片,整個頁面一下就變得豐富起來,再說一次 iSlide 圖片庫,真的是我永遠的神,一鍵解決到處找合適素材的煩惱。
給圖表加點創(chuàng)意
先看原稿,最后一頁是一個折線+柱狀的組合圖表,現(xiàn)在整體看起來就是那種規(guī)規(guī)矩矩的不好看風,如果想讓圖表變得有科技感該怎么做呢?
我建議直接參考數(shù)據(jù)可視化大屏。目前,可視化大屏的應(yīng)用場景越來越廣泛,效果做的也是越來越酷炫,我找了幾個優(yōu)秀案例給大家參考,好的設(shè)計方法我們都可以借鑒和學習。
看了上面的優(yōu)秀案例,不難發(fā)現(xiàn),如果想做成科技感圖表,基本都是在圖形上“做手腳”,比如調(diào)整圖形的顏色、形狀。
iSlide 圖表庫有許多圖表模板,打開圖表庫,搜索組合圖,就可以得到一個這樣的創(chuàng)意圖表。
圖表編號:#525975
iSlide 圖表現(xiàn)在還能通過原生態(tài) office 進行編輯,直接雙擊圖表就可以修改數(shù)據(jù)。
修改完數(shù)據(jù)后,選中柱形,純色填充改為漸變填充,折線也可以用同樣的方法進行調(diào)整。
把左側(cè)圖表改完后,再來看右側(cè)圖片,圖片上并沒有什么重要內(nèi)容,只是一張?zhí)厮估麄鲌D,而且圖片還是截圖,看起來差了點質(zhì)感。
于是我去特斯拉官網(wǎng)重新找了一張圖片,用 remove 去除圖片背景,現(xiàn)在看起來是不是好很多?
最后,還是同樣給頁面加上億點細節(jié),齊活。
總結(jié)
整個改稿雖然省略了億點細節(jié),但是基本已經(jīng)涵蓋了我所有的設(shè)計思路,確定配色、選擇字體、添加科技元素、優(yōu)化細節(jié)…希望能對你們提供一些幫助。
那么,今天的教程就到這里,最后就用改稿前后來為本期教程收尾吧。
本文原作者為陳宣宣,轉(zhuǎn)載請注明:出處!如該文有不妥之處,請聯(lián)系站長刪除,謝謝合作~
原創(chuàng)文章,作者:陳宣宣,如若轉(zhuǎn)載,請注明出處:http://www.uuuxu.com/20220518331674.html