精準設計:捷運宣導海報大改造!

by Bill Peng | 2014-10-07

在臺北每次搭乘捷運時,總是會看到各式各樣的廣告與宣導海報,
有些海報的設計在水準之上,而有些就不是這麼一回事了。
自從3月多時駭人聽聞的捷運慘案發生後,
下面這張大眾宣導海報就默默出現在各處的捷運站與車廂中:

過去幾個月來BILL在前往工作室的路上時總是會看到這張海報,
每次看到它時,總覺得這張海報設計的過程非常倉促,
很可能是因應事件的發生,上級指示下屬臨時趕出一份宣導海報,
而下屬在很急的情況下便要求單位的美工、美編趕快拼湊出這份海報並大量送印。
然而成果就如各位所見的,是不折不扣的悲劇。
問題出在哪裡呢?是經費不夠請專業的設計師來設計嗎?還是時間過於倉促呢?
其實都不是。
最大的問題出在於整份海報缺乏BILL不斷強調的「有效資訊」與「精準設計」的觀念
而導致浪費了大量的人力與物力,最後卻事倍功半。

參加過簡報藝術烘焙坊的工作坊學員應該都很熟悉有效資訊」才是一份簡報設計好壞的衡量標準
如果你在一開始就應用有效資訊的觀念的話,
那麼便可以用更少的時間設計出更好的簡報,達到所謂的精準設計
同樣的觀念也適用在海報的設計上。
這份海報具有眾多的缺點,包括意義不明、配色混亂、排版雜亂、缺乏品牌辨識度等,
相信各位都看得出來BILL就不贅述了。
那問題在於,怎麼樣才能把它設計得更好/更有效?
或更重要的,怎麼樣才能在更短的時間內把它設計得更好/更有效?
接下來BILL就假設承辦這個案子的同仁只有一位,
他最多只有2個小時的時間來搞定這個海報,那這時該怎麼做呢?

因為只有很少時間,所以設計時就要挑重點做(其實就算時間很多也是一樣要挑重點XD)。
而如何挑到正確的重點,
這就需要你事先理解這張海報設計的目的了。
當初上級交派的原始任務為何,我們難以得知,
因此我們就先分析原始海報企圖傳遞的重點:

不難看出這張海報的當初設計的目的是希望民眾遇到突發狀況(異常)時,
可以做好自我防衛、通報事件並安全遠離這三件事,
因此我們之後的海報也就可以扣著這三個重點進行設計。

接著我們來決定版面設計。
原始的版面雜亂無章,而且缺乏品牌辨識度,
而我們可以在此簡單的將這兩個問題一併解決。
或許有些讀者會說:「這個海報專案都這麼緊急、倉促了,還管什麼品牌辨識度啊?」
如果你真的這麼認為的話那你就大錯特錯了!
當你的時間很緊迫時,
扣著品牌辨識度的方式進行設計就像是照著標準解答抄答案一般,
其實是最省力而且最安全、有效的設計方法。
北捷事實上是有品牌辨識度的設計系統,
如你每站可見的行駛網路圖便是其中一個例子 。
在許多與之類似的海報中,
北捷偏好將自己的企業辨識色(某種很像FB的深藍,我們姑且稱之為北捷藍)做成橫幅放在海報的頂部,
上面以白色黑體進行書寫,而下方則留出空白放置內容,如下圖所示:

而我們在設計這張海報時,便可以很輕易的拾人牙慧,
把同樣的構圖用在這張新設計的海報上;
而下方的空白處就用以分別介紹前面提到的、釐清出來的三個重點:
即使還沒完成,你相信你已經可以預見一個簡約大方的設計了,
既簡單又有著高度的品牌辨識度。
而你也大概可以開始理解設計原始版本的美工們走了多少冤枉路了。

接著我們要如何設計防衛、通報、遠離三個細項呢?
當然最好的方法就是請設計師來做,
但是我們預設的挑戰中設計者可能是個沒有多少時間與決定權的可憐小職員,
缺乏經費聘請設計師或是設計工作室。
雖說如此,這不代表我們就無法進行設計了。
事實上網路上有很多免費的開源圖像設計資源可供應用,
如下圖所示的NounProject網站便是很好的例子:

在這個網站你可以找到很多扁平化的、優雅的向量圖示(icon),
而透過組合這些向量圖示,每個人都可以快速的組合出有質感的圖像設計。
比方說將幾張圖像組合以後便可以設計出下面「防衛」的圖說。
不用懷疑,上面的每一張圖都是來自該網站的,是不是既簡單又有質感呢?

在這裡配色的部分值得加以討論。
前面已經提過北捷的企業辨識色是北捷藍,因此它可以用於主色調之一;
那麼怎麼樣篩選另外一個主色調呢?
在這邊BILL選用的是紅色,因為這剛好可以呼應「異常發生時」的標題的警示色。
而其他的顏色保持灰階則可以讓旅客一瞥到海報時,立即聚焦在紅色這個警示色所代表的重點上。
如上圖中,三樣紅色的物件:雨傘、滅火器與背包便可以呼應原始海報的三個自我防衛工具範例。
另外大家可能會想知道如何替下載下來的向量圖示改顏色?
BILL習慣的方法是應用Photoshop進行顏色的更改
而若大家只有PPT的話也可以參考這一篇研究如何只用PPT將向量圖示變為自己想要的顏色。

接下來的「通報」與「遠離」也可以套用同樣的邏輯。
而下圖中你甚至發現,其實不必用到向量圖示,用簡單的預設基本圖形拉一拉也就可以了。

最後將前面的結果加以排版組合,就大功告成啦:
這些向量圖示與視覺元素不只有高質感、具有有效性,
而且它們也非常好駕馭,可以輕易地重新排版,如下圖改為一般投影片的排版形式:

從頭到尾,BILL設計這張簡報的時間不到預設的2個小時,
其中時間的分配大概是這樣的:
花10分鐘琢磨該如何進行設計、分析原始海報以及決定新海報的排版,
花20分鐘上機設計出初稿,
花40分鐘找到適合的向量圖示(找圖很浪費時間,所以找圖前你要先確定你真的有必要找這張圖!),
最後花30分鐘的時間進行各種微調(沒辦法,要登出來的作品總是要一再挑剔的XD)
以及再花4個小時寫完這篇文章。
這裡面的每一個環節都不難, 也不需要什麼偉大的創意,
關鍵就是在一開始就要應用有效資訊概念進行精準設計,基於目的、專注於有效性而非裝飾
這樣的想法其實就是我們在「精準設計:一出手就把簡報做對!」簡報工作坊系列不斷強調的核心概念,
就算您因為不熟練需要花超過4倍、高達8小時以上的時間,
也會比設計原先的海報更省時(你看原先的海報多複雜啊)更好看,且最重要的—更「有效」。

最後我們把兩張海報比較如下:

經過改造之後,是不是清楚明瞭多了呢?

台北市有很多專業的設計工作室,政府部門裡面也有很多設計人才,
簡報藝術烘焙坊並不是這方面的專業,頂多只是班門弄斧而已。
但是我們想要透過這篇傳達設計觀念的重要性。
2016年台北市希望能夠成為世界設計之都,
為了這個目標政府單位做了很多的努力;
但是要成為設計之都不只是在政策、法令上、硬體建設等看得見的地方進行,
更重要的是尊重設計的專業,並將設計的「概念」深植在每個人心中,
否則就算活動辦得再大、建設再宏偉,也就只是轉瞬即逝的煙火罷了。