#讓狂人飛 #懶人包設計 #拼圖式懶人包

談《讓宣傳飛》系列懶人包設計幕後

架構永遠都比設計重要,但設計能讓內容飛得更遠

Syuya Fujikawa|康浚蒍
graphic design:Flying info

--

【檔案為《讓宣傳飛,創意拼圖全解析》懶人包附檔】

注意:從 Google Drive 下載 .ai 檔案後,會讓下載後的檔案多一個 .ps 的副檔名,這樣會導致檔案無法開啟。所以下載後請先刪除 .ps 副檔名後再開啟。
另外,這份文件需要用 Adobe illustrator 才可以開啟,裡面有附上使用說明,仍不清楚使用方式或者沒有這套軟體的朋友們,可以參考下面這篇懶人包的操作說明。

《臉書拼圖全教戰》這個懶人包同時也是此篇文的前導包,如果對這篇文章的製作幕後有興趣的,可以參考這篇文章

另外,此檔案的範本是《讓宣傳飛》系列貼文首發之懶人包:《活動拍攝教戰懶人包》

還有還有,除了懶人包中所介紹的拼圖案例,還有未收錄在懶人包的拼圖內容文末提供給大家參考。經過這幾次的懶人包後,大家以後看到這類貼文可以去思考看看他們背後的製作用意,進步的才夠快喔!
SyuyaFujikawa,強迫症患者,專注於簡報、設計、行銷、攝影四大領域。
SyuyaFujikawa,跨領域與多元整合的強迫症患者,專注於簡報、設計、行銷、攝影四大領域

這幾個月以來,拼圖式懶人包發文興起

它其實不是一個很新的設計方式。但因為在資訊爆炸的時代中,大家的時間有限,在各粉絲專頁彼此競爭拉攏用戶眼球的狀況下,拼圖式懶人包成為其中一種吸眼球的方式。

起初使用拼圖式懶人包只用在 logo 的曝光上,到後來演變成商品、資訊、服務的彩蛋,而這樣的設計方式提升了手機用戶的操作體驗,拼圖的設計手法十分好用。

但有很多人多半都是拿來炫砲,比較不清楚使用拼圖式設計的原因。

我認為設計背後的想法很重要,所以設計這系列的懶人包時,主要需滿足兩件事情:

  1. 步驟及內容夠能讓大家理解
    所以一開始在攝影懶人包所選擇的教學內容,注重在手機能夠達成的拍攝內容,更進一步的內容擇日嘗試。
    而無論是攝影或者這類圖文設計,操作的門檻都比較高一點,但其實也就高在你有沒有辦法適應 Adobe 的繪圖軟體。
    過去懶人包我也都使用 PowerPoint 設計,轉換的過程中難免會有陣痛期,但熟悉之後會看見另一片天地,而這幾次懶人包的設計方式其實也只要操作軟體中的特定功能,都是以初學者可以處理的工作為內容。
    如果之後大家有興趣的話,我們會考慮釋出更多進階的內容的(笑)
  2. 三份懶人包,彼此要用共通關聯切入連結
    第一份懶人包標題設計跟第二份、第三份不同。但第二份、第三份的教學內容都有第一份懶人包的設計概念,剛好這種設計方式是平常自家懶人包比較少設計的方式,所以也是一個嘗試。
    而過去有好幾種拼圖設計方式我們都有設計過,我希望可以製造反向連結,用這幾次懶人包的案例去擴及過去設計的懶人包。
    第二份第三份懶人包主要是設計實戰和理論,也許很多人比較習慣先看理論再看實戰,但這次的系列的敘事方式是相反過來,理由是:大家很長看到拼圖式懶人包了,而過去有非常多粉絲在問我們怎麼做,所以我們決定先告訴大家怎麼做、再告訴大家為什麼這麼做

設計風格

延續上次的組裝式風格,這次更將此風格融入在整份懶人包中。為了確保風格一致性,這次懶人包的組裝風格統一都用平面為主。
上次的封面用了反透視原理做設計,但因為風格沒有保持一致,反而讓大家覺得標題長得很奇怪。

反透視原理
把所繪物通過特定的視點,按視覺成像規律反向投射畫面到畫面的一種繪圖技法
Before
After
《讓宣傳飛,創意拼圖全解析》設計概覽

版面規劃

7種案例,我規劃了3種主要版面

  1. 案例說明版面
    七個案例中,案例介紹使用紅色、案例說明使用藍色
  2. 圖例版面-主副關係
    如果懶人包的封面和內頁有明顯主副關係,我會將組裝封面的顏色用紅色,其餘藍色
  3. 圖例版面-無主副關係
    像是「四個正方」的圖例版面,我就沒有用到紅色,主要是因為內容沒有明顯的主副關係,而四個正方的設計介紹主要強調資訊的擴展和易讀。
    所以,別於其他的拼圖版面,四個正方的圖例都各用了兩張的篇幅。
案例說明版面
圖例版面-主副關係
圖例版面-無主副關係

懶人包的工作流程偏好

最後,來回答一題很多人會問的問題:
「你是如何從0到1的設計懶人包或者簡報呢?」

我習慣的操作方式是這樣:

  1. coggle 心智圖規劃整體架構
  2. hackpadevernote 撰寫草稿
  3. Trello 擬定設計時程

這次設計花了三天,主要的困難點是援引資料的部分。懶人包所使用的案例我都有事前詢問過粉絲專頁的同意(但後來發現這種呈現方式其實是不會危害的著作權的,理論上沒有事先徵詢也不成問題)。

我始終相信「架構永遠都比設計重要,但設計能讓內容飛得更遠。」

平時的懶人包出產量其實蠻大的,無法顧及所有設計的品質,但主要都是以優秀的內容論述取勝;但遇到比較沒有故事性的懶人包時,我偏好使用更完善的設計去包裝整份精實的內容。

而很多人在起步時,都會先在網路上查看一番,看看大家是怎麼設計懶人包的,但往往時間花得更長、效果卻沒有正相關。這主要就是沒有事前規劃好架構的原因。

社群網站和手機連接是目前世界上最大的糖果店,讓人滿足立即的衝動,削弱長期的效能跟幸福感。其實一天只要花1–2小時,就可以清楚這整天發生了哪些事情,所以在設計之前,規劃架構是最重要的。

而最終,無論設計的好看與否,在一定的時間壓力下,只要架構寫得夠好,其實整體的懶人包成效都不會太差。

懶人包沒有收錄到的拼圖案例

好歹為了這個懶人包,我也找了一堆案例,大家可以觀察看看各大粉絲專頁是怎麼發揮拼圖式圖文的創意

1.

2.

3. (這不是拼圖,但這樣的方式也容易吸引眼球點擊)

4.

拼圖式懶人包沒有提到的內容:現在可以在粉絲專頁tag產品,所以用拼圖式懶人包時,可以拿來做產品介紹並直接導入產品連結以供轉換*深法真的看起來好好吃啊啊啊啊

5.

6.

那麼,談《讓宣傳飛》系列懶人包設計幕後分享就到這邊,如果大家有興趣,歡迎分享此篇文章

最後,對這篇文章有任何問題的話,也歡迎直接留言或者聯繫我討論喔!

SyuyaFujikawa,強迫症患者,專注於簡報、設計、行銷、攝影四大領域。
SyuyaFujikawa,跨領域與多元整合的強迫症患者,專注於簡報、設計、行銷、攝影四大領域

--

--

Syuya Fujikawa|康浚蒍
graphic design:Flying info

企業內訓講師、TEDx 講者。致力於透過跨域學習經營、底層知識建構,以不同溝通模型解決問題