chris chang
建.解(CODE)
Published in
5 min readMay 6, 2019

--

簡報技巧(8)-傻瓜合圖法

合成一張有質感的圖一定要學繪圖軟體嗎?

這篇想跟大家分享,透過簡報也能完成的傻瓜合圖法,我們常常在簡報中會面臨到PC, Pad, Mobile...等頁面需要呈現,若只是空空的放上去可能略顯單調,不信的話你看看下圖。

photo1. 首頁 (pc version)

上圖(photo 1)整張攤出來後,你會面臨到幾個問題:

  1. 首頁第一頻會到哪裡?
  2. 在電腦呈現會變成什麼樣子?
  3. ……

當這些議題沒有辦法第一時間和使用者講清楚,或許他就很難對你的圖稿買單了,這邊想跟大家分享的就是,不需要設計背景,也能輕鬆掌握合圖的技巧。

step1. 前往google,找到一台自己喜歡的電腦並貼到投影片上。

我通常會習慣用png的圖片,因為當你要有底色的時候,才不會因為圖片本身底色而造成配色的限制,也因此我的關鍵字會打上mac png。

photo 2.
photo 3.

找到你想要的圖片後,就把他貼進投影片吧!

貼完以後如下圖所示:

photo 4.

貼上去後你會發現大小不太符,這時候你需要先把圖片的寬度拉到與你的Mac同寬,白話一點,就是想辦法把你的圖稿裝到這台電腦的螢幕中~

step2. 將圖稿到電腦螢幕中。

請你依照等比的方式把圖稿拉到適當的大小,讓你的圖片和螢幕上方能夠貼齊,貼齊後我們就繼續往下看囉~

photo 5.

接著,請你透過剪裁的方式把圖稿縮短一點…

photo 6.

再縮短一點…直到和螢幕下方切齊。

photo 7. 第一視頻合圖

於是你就完成第一視頻合圖啦,第二和第三視頻可以參考下方,這邊就不再重複步驟囉!

photo 8. 第二視頻合圖
photo 9. 第三視頻合圖

至於你會問,為什麼不切成一塊一塊放到投影片,而是要直接合進去電腦中,一樣回到你的受眾去思考,若你的老闆或是你的客戶,不太明白這張圖稿實際在電腦上的呈現是甚麼樣子,難道你要講得口沫橫飛嗎?

我想這時候不如就透過一台電腦乘載你的設計,讓他很扎實的感受到原來是這樣子,當呈現的東西與他想法一致,也更助於雙方共識的收斂,因此除了美觀以外,這也是簡報中的小技巧喔!

舉一反三,電腦可以傻瓜合圖,手機也能…

看到這,你會發現其實一張好看得投影片,背後的工法或許沒有那麼正統或是專精,但同樣可以達到不錯的效果,有了上述電腦合圖的經驗,手機我們就依樣畫葫蘆囉~

step1. 找一隻你喜歡的手機吧。

我自己是喜歡用iphone 7,畢竟這類型的使用者還是佔有不少比例。

photo 10. iphone 7示意圖

step2. 把手機版的圖稿合進去。

photo 11. 首頁(mobile version)

真的不難對吧,原來你不用學會photoshop, illustrator, sketch,就能有這樣的合圖品質,當然如果你會這些繪圖軟體,出來的質感和精準度一定會更高,若是你是個簡報初學者,這樣的手法就歡迎你參考看看囉~

當然,最後也別忘記在多通路(multi-channel)下,響應式網頁設計(Responsive web design)能夠迎合各種載具的呈現,以取得識別的一致,這時侯你有了PC版和mobile版的合圖,不如放在一起,讓大家體會一下大小版同時出現的感覺。

photo 12. 大小版呈現貌

題外話,別忘記我們教過的風格喔,以下帶入幾種風格讓大家參考...

示範1: 插畫風格(illustration)

photo 13. 插畫風格

示範2: 採用底圖襯托(bring-out)

photo 14. 底圖襯托

傻瓜合圖法帶給我們很大的便利,舉個例子,當你的設計師正在忙或是你臨時需要合圖時,透過這種傻瓜合圖法可以幫你快速解決問題。

本篇就先到這邊囉,往後我們會繼續跟大家分享更多關於簡報的小撇步~

-aaron liu & chris chang

--

--

chris chang
建.解(CODE)

用心感受生活,用新創造生活 經歷: 新逸科技 策略規劃 資訊工業策進會 專案經理 擔任經濟部、數位發展部幕僚經驗 輔導50餘間資訊服務商轉型雲端商模