![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/18988a70-9767-4cdb-8afb-961a21508988.jpg)
先問大家一個問題:我們什麼時候會使用PPT呢?
是不是一般遇到工作報告、專案討論、學術答辯、商業路演等才會使用PPT呢?這些主題的製作,都無可避免地會遇到流程圖。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/27579743-e5be-4d6c-8a3c-5ecc9fa75a27.jpg)
那你知道,怎麼製作高逼格的流程圖頁嗎?不會?巧了,這篇文章或許能給你點啟發。
文末有驚喜,別忘了領取!
案例一:
這是山東恩馬集團的培訓PPT中的流程圖頁面的原稿,我們對其進行一個修改和優化:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/aa6e5a86-aa64-4e37-b4bf-5839d2955b09.jpg)
透過企業的logo,我們可以得出色彩、字體,兩個關鍵的視覺特徵。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/3bec6ee1-0df4-40cd-af2d-21249dc7cd94.jpg)
例如logo 的圖形為深藍色,我們就可以將其作為主色,這裡我另外加入一些淺藍色,避免色彩單一:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/d02e5586-4ac6-4c04-a1e9-19583d781e9e.jpg)
此外,logo 中的字體是襯線字體,那麼,對於投影片的標題,就可以使用思源宋體,而正文則使用鴻蒙字體,保證可讀性:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/bbe707c1-8d36-43e9-a98f-692e0ccb8f44.jpg)
然後,確定標題、logo 的位置,以及正文所處區域:< /span>
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/0a8f20b2-27e7-4a8e-a798-3b50ba97e25b.jpg)
確定了設計規範,接下來我們進入流程圖的修改。再看一眼原稿:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/5b2bbaa4-6093-4b7a-b98f-de83cca7eef3.jpg)
這頁問題很明顯,版式不均衡,右側留有大面積空白:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/2db2470c-7b49-4285-a8e1-c7bf78650f2a.jpg)
要解決這個問題也很簡單,將內容橫向排布,用漸變線條引導視線:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/f5db7125-36fa-404f-bff6-58090ae64daf.jpg)
也可依據關鍵字比對相關圖示:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/51094991-c691-4ed3-bd50-e89d18051db7.jpg)
這裡承載圖標的圓形,透過加入亮部與暗部,從而形成一種微立體的效果:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/f82692f8-1de4-4ab6-94d8-59d0272d1687.jpg)
將圖示放入頁中,請看效果:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/4e488aac-1e44-4f23-b3ad-cee96c43346d.jpg)
也許你會覺得,這頁也太簡單了,那就用動效來彌補吧!
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/3a226a94-26ba-4231-9a8e-4e918a5ac2bc.jpg)
案例二
這是一家智慧公司的PPT,我挑選了其中的流程頁出來:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/08c69d59-5716-4759-9839-5f0e4f28c4da.jpg)
還是先說設計規範吧,這裡我選了未來螢黑這款字體,這款字體比較有現代感:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/1032e5fa-f260-4e27-a6b5-94df971cd600.jpg)
可以搭配西文Montserrat,用於PPT 頁面正文內容:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/0be00543-f4bf-4238-9f1e-b2b9ec8b5ddf.jpg)
配色上呢,因為原稿中是介紹了一款產品,其中關鍵字“靈狐”,咱們就很容易聯想到狐狸,結合logo顏色,可以選取漸變色:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/9a64a1a9-2cb5-4039-aff1-7a154e14c13b.jpg)
同時搭配由藍黑的漸層色為背景:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/c6f331d7-6918-4740-bf99-8af160739889.jpg)
這樣頁看起來也會更有質感:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/c7f3abf8-eaae-40a1-b65e-34a5bc40d2d4.jpg)
我選的這一頁原稿,算是流程圖中的一種,存在的問題是圖示風格不同一,文字排版不利於使用者接收:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/8bffee9c-9433-4bd1-bd6d-ac0ef14c6b6d.jpg)
我們在這裡進行一個創意的設計,用2.5D風來進行美化。
第一步,根據頁面的信息,能夠發現內容主要分為四個板塊。我們可以利用立體旋轉製作4個等距的平台:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/2fc298b0-eb6b-47fc-be2c-0d75451a7624.jpg)
由頁面訊息,決定擺放位置:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/c610edb9-7f22-4c3a-9c98-b7fb2fde022b.jpg)
第二步,我們使用漸層色和漸層線條來裝飾平台:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/f2e0581d-cd70-440d-9529-6914896141a9.jpg)
透過圖標網站,我們找到2.5D風的圖標,並進行編輯,修改圖標顏色:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/4f96ec9b-a91a-42a2-b587-f60d32d73395.jpg)
將頁面的文字部分做一個簡單的梳理:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/9e23a494-bfa1-4427-8d73-4a9293104b6b.jpg)
最後,只要將平台、圖示、文字組合在一個,一個比較有創意的流程圖就完成了:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/8bdefa59-c8b2-4e59-8a95-efaa9faa5668.jpg)
除了2.5D風,流程圖在某意義上也是時間軸,我們也可以使用時間軸頁面常用的處理方法,利用圖片走勢!
舉個例子,找出一張背景圖:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/c18830eb-022c-4e19-81c3-76f1fda3f889.jpg)
利用遮罩和形狀,我們進行處理:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/2d4ad1c5-99f9-4696-8bc9-c28c9730dbd4.jpg)
依照山脈走勢畫出時間線,然後加入文字:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/ba24b7a7-26ac-4671-b805-492762840aaf.jpg)
我們再加上PPT動畫,是不是效果還不錯呢?
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/f3399b5b-2a64-4327-a31b-309257359192.jpg)
今天的內容,到這裡就結束了!
最後,為了節省大家製作PPT的時間,提高工作效率,我整理了超多時間軸頁面,只需要關注我+發送關鍵字【時間軸】就可!
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/7fdc52b3-a67c-496b-bd86-415d0a947c3c.jpg)
文章為用戶上傳,僅供非商業瀏覽。發布者:Lomu,轉轉請註明出處: https://www.daogebangong.com/zh-Hant/articles/detail/PPT-liu-cheng-tu-hai-neng-zhe-me-yang-qi-san-ge-an-li-jiao-ni-1-fen-zhong-zuo-chu-du-ju-yi-ge-de-ye-mian.html
评论列表(196条)
测试