草堂專欄|想做出模板效果?教你從模仿開始

張仁德(Jen-Te Chang)
student-powerpoint-design
7 min readDec 7, 2018

--

之前的文章有提到簡報製作的邏輯脈絡,但很多人的情況可能是:

  • 簡報架構構思完整,把內容輸入PPT後,不知道下一步該怎麼做
  • 不斷的猶豫做的好不好,從而陷入了過度設計的簡報陷阱
  • 為了追求速度,把內容輸入後乾脆不設計,使得簡報單調無味

雖然簡報內容重要於表面,但適當的設計可以令簡報增色不少,那麼如何設計?這篇文章將會提供初學者一個不錯的辦法:模仿

問題到底出在哪

其實,是因為你不知道怎麼樣才是好看的設計,換句話說,是因為無法分辨簡報美是美在哪裡、醜又是醜在哪裡。在日常生活中,學生常常接觸到的上課 PPT 大多都不是個好的設計作品,耳濡目染之下,我們漸漸失去了對美醜的批判性思考。

往往被忽略的「模仿」

在學習的過程中,我們往往會忽略「模仿」的重要性,從而去套些大量的模板、找些特別的字體來凸顯自己的簡報,但那些終究不是屬於自己的,不如利用模仿來去學習。

模仿大致有三個優點:

  • 從中看出自己的不足、了解美醜的差異性
  • 有個明確的目標,相較閉門造車無疑更有效率
  • 知道工具的運用手法,破除眼界的限制

因為限制你的,往往不是技術,而是眼界

到底如何模仿

模仿的流程不外乎:

  1. 尋找目標
  2. 分析作品
  3. 實際應用

以下就為你實際操作一番。

一、尋找目標

目標的尋找可以藉由常見的設計網站取得,不必過於拘泥於PPT形式的作品,因為PPT也只是眾多設計的其中一個分支。

作品的風格類型建議選自己喜歡的,模仿起來會更有動力,更有成就感。這邊我就選了一個在UI設計中很常見的風格作品,如下。

(這種作品在簡報而言未必是最好的表現手法,像是配色過亮可能會搶主題等等,但對於模仿來說卻是個很不錯的練習方向)

取材自Dribbble上Arche阿北的作品

二、作品分析

分析的重點可以大致分類為:字型色彩元素排版

字型

其中字型屬於無襯線字型,當然你也並不一定要完全一樣的,只要風格相同即可。若你真的很想要用同款字型,可以截圖去查詢字型的網站上查詢。這邊我就簡單選擇免費可商用的「思源黑體」。

(想閱讀更多關於字體的介紹不妨看看草堂先前的文章)

色彩

作品顏色屬於高彩度的藍綠色,帶給人一種清新、吸睛的感覺,建議初學者不要隨意替換成自己喜歡的顏色,先跟著用即可。

在 PPT 取色的方法:將圖片導入PPT中,在「色彩」選單處點選「色彩選擇工具」的滴管點選即可取得該色。當然你也可以利用 Dribbble 作品下方提供的色票取色。

元素

關於元素的使用,可以先從白色矩形開始分析

  • 矩形種類:圓角矩形,帶給人一種柔和不銳利的感覺
  • ICON :空心 ICON ,相較於實心 ICON 重量感較輕,在白底上不會顯得過於突兀而失去畫片平衡
  • 矩形特效:矩形的邊框有加陰影,更能在白底上顯現,幫助視覺聚焦
  • 文字層級:藉由「顏色」、「粗細」與「大小」來凸顯兩者間的層級不同

到這邊就會發現每個小細節都是可以學習的技巧,如果在模仿的過程中能夠持續觀察分析,絕對會讓你的設計能力大幅提升。

排版

這邊使用的是常見的並列關係,所以我就試著找了張以前上課的PPT來做示範,內容也同樣是並列關係。

分享案例原圖

三、實際運用

要如何運用剛剛所分析的要點來應用呢?首先,去除所有的複雜元素,像是標號、色塊、背景等等。

清除頁面複雜元素

看起來清爽許多,再更進一步精簡內文,並用字體大小、顏色與粗細來將層級區分,可以得到下圖。

(在本文中主要介紹的是模仿,因此在案例的內文上精簡較多,我們預計下次就會分享如何製作字多的投影片,不妨再來草堂學習學習)

精簡內文並強調層級

然後把已分析的要點全部套用上去,就可以做出這樣的頁面。

套用相近視覺元素

看起來並不差。接著可以再加上 ICON 來圖像化相對硬度與絕對硬度的差異,所以簡單用圓圈和尺之間的相對關係表示。將 ICON 與「定性」、「定量」都加上背景色來更進一步強調,可以優化成如此。

圖像化與主題色的套用

可以注意到ICON與「定性」、「定量」使用跟目標相同的「空心型」,作為對比,可以試看看用「實心型」來強化。

ICON 類型的對比

有發現到差別嗎?因為實心色塊在白底上太過於突兀,使得在矩形中的畫面重心偏了。

另外,我們還可以在目標作品上發現在 Wednesday 下有加線的運用,這也是一大門學問,而在這作品中的使用可以幫助視覺聚焦並同時分割內容,所以我們也可以試著把線的元素加在標題下,像是這樣。

加線幫助分割與聚焦

整體感覺就有點變化了,相比目標畫面還是有些單調。若仔細觀察一下就會發現,背景下半部有個幾何曲面分割背景,這類幾何的元素可以使畫面顯得更有活力,所以我們也照著試試。

拿個橢圓形和正方形重疊,點選 PPT 中「合併圖案」中的「減去」就可以輕易得到這種曲面元素,並不需要自己慢慢拉。加入後就可以得到這樣的畫面,是不是豐富了許多呢?

幾何曲面分割背景

小結

漸漸你就會發現,所謂的模仿就是不斷的分析、學習與應用,而非盲目的抄襲。在從無到有的過程中一直有個明確的目標作為引導,不必花費大量的時間摸索就可以學習到設計元素的運用,且在思考怎麼樣用已知技術做出相同效果時也能加深對工具操作的熟練度,拓展自己的眼界。

模仿就是不斷的分析、學習與應用,而非盲目的抄襲

若能善用模仿,幾乎各類型的PPT都能夠自己做出來,就不必去找大量的模板套用,也能夠學到東西,無疑是學習上實用的技能。

感謝看到最後的你!
若覺得我們的文章還不錯,請給我們拍手鼓勵
按著不放就會持續拍手哦~
也可以順手點連結追蹤草堂的粉專和Publication
有了您的支持,我們會更加努力的推出相關系列文章!

簡報草堂 FB 粉專

--

--