扁平圖示還能怎麼玩?談ICON在簡報設計的應用

自從扁平化設計開始盛行之後,在許多簡報設計上圖示的運用也越來越普及。除了把圖示當作標語說明以及提示用途之外,網路及臉書上也有很多用圖示來說故事的作法。筆者自己也非常喜歡使用扁平圖示,在我的作品中也經常會用到icon來做設計。這邊介紹幾個我自己常用的手法,大家平常也可以試試看運用在自己的簡報或平面設計作品上。當然最重要的一件事情,就是在使用圖示前一定要想清楚,使用圖示能不能達到資訊傳遞的目的。如果只是為了使用而使用,反而會讓圖示變成雜訊而干擾主要訊息。設計時一定要先考慮解決問題,然後再想如何增加美感喔。

用圖示做主視覺

在標題頁或提示頁面如果只有單純文字時的情形下可以利用這個做法,一來可以利用圖示提示即將提到的主題來達成連結和加深印象的效果,二來可以有效利用圖示的特性引導視線讓標語文字更容易被看見和理解。做法就是找到和主題相關的圖示,改色為白色(nounproject 現在可以改色後下載icon,非常方便),將文件底圖套上稍微深的顏色,然後將圖示放大,配合文字排列。例如之前我製作的「登革熱懶人包」以及「地震災後父母對孩童接觸媒體資訊照護小技巧」的懶人包的標題頁就是我常用的手法,文字如果壓在圖示內可以把顏色改為背景色,放在圖示外就使用白色,對比和視覺上效果會更加出色。

 

把圖示縮小後重複排列,當作押花底圖

這個做法難度較高,也需要一點技巧。當您覺得單色背景很單調時,可以將圖示縮小後,重複排列(可以選2-3個圖示做規律地重複排列,也可以選5~6個以上的圖示做散亂以及大小不同的排列)在底圖上,圖示可以將透明度調高到適當比例,降低背景干擾的程度。然後將主題文字壓在上方。如果背景圖示仍然覺得很明顯,可以用白色色塊將文字主題套住,有點像遮罩的做法來將文字凸顯出來。建議不要在一份投影片中使用太多,以免嚴重干擾聽眾視覺。

利用圖示配合文字或表格,做出inforgraphic般的效果

最後一個應用是資訊圖的呈現。想要圖解說明一個概念做統計圖表時,使用圖示也可以達到吸睛和有效意義連結,放大要傳遞的訊息。這個做法其實在inforgraphic的很多設計作品上面常常會看見,也是對非設計師的專業人員想要做出好的資訊圖表的最簡單的方式。技巧和第一個介紹的應用雷同,將ICON儘量放大,改成白色後,底圖套上深色背景,然後將表格或文字和圖示做適當安排。建議可以加上一些簡單的連結線條或其他圖示來輔助說明,讓圖示和文字以及圖表之間有對話的效果。這個做法最難的地方其實是找到符合主題相關的圖示,這也是考驗設計者對主題的瞭解程度和對找圖示的敏感度,建議大家多嘗試練習,也多觀摩一下其他網路上設計師的作品來臨摹(可以到pinterest上面尋找靈感)。

 

圖示的設計充滿了很多可能性,希望上面的文章能帶給大家新的啟發,可以創作出更多的好作品。

 

感謝好友黃正憲醫師提供素材,更多有關睡眠問題的好文章,可以到黃醫師的部落格喔~ 兒童睡眠二三事

 

 

臉書留言

一般留言

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *