不會錯的icon挑選方法，用免費素材為排版加分

內容目錄

前言

我目前在企業端從事行銷及視覺設計相關工作，經過了各種項目的平面設計，開始也抓到自己對於平面設計的想法及元素的使用原則，這次想來與大家分享個人在資訊傳達的設計項目中，一定會用到的一個元素，不僅取得方式相對容易，搭配文字更能有將資訊聚焦、提高資訊的理解甚至是提升版面質感的效果，這個元素就是Icon圖標。

Icon圖示應用場景豐富，不管是簡報、網站設計、型錄、海報、APP軟體介面等等，都能時常看見圖標作為輔助為設計加分。目前網路上也有豐富的icon素材資源，不需要設計繪圖能力即可取用現成資源，但要如何選擇才能讓資訊容易吸收、風格一致不雜亂、提升設計質感，就讓我來與大家分享我對於icon使用想法及挑選方式吧！

使用Icon圖標排版的好處

引導瀏覽動線獲得注目
藉由醒目的圖標來掌握瀏覽者的視覺落點，若整個篇幅中某個段落是希望每個瀏覽者都能接收到的重點資訊，便可利用此方法來吸引視覺的注意力。因此也不建議每個段落都做使用，容易造成視覺上的疲乏，瀏覽者便無法分辨出每個段落的重要程度。
收斂資訊幫助理解內文
圖標的搭配簡化要傳遞的文字訊息，人們在瀏覽資訊資料時，透過圖片圖示理解所要表達的意義會比文字來得快速，因此也能夠提高閱讀的速度，並減輕閱讀大量文字所造成的負擔及壓力。
強化版面設計風格
簡單圖標做搭配，保留更多留白空間提升版面質感及舒適度，若icon風格選擇得當能夠與整體風格做呼應達到加乘的效果，讓版面有更多元豐富的呈現方式，就算沒有專業的設計技巧，藉此也能做出有美觀、質感的排版。

以下從待會介紹的icon網站頁面中，節錄幾個icon使用的實例來做解析

使用icon介紹公司的文化特質，將難懂的抽象用語轉化為圖示幫助瀏覽者聯想。

介紹能夠提供給用戶的服務及幫助，文字量較多的狀況下，能夠吸引眼球引導閱讀。

介紹文字簡短扼要，單純只是條列出這些文字恐怕有點無聊不夠吸睛，搭配icon便能讓篇幅佔比更大，也更能強調出所要介紹的優勢。

Icon的風格挑選

雖然Icon素材取得方便，但在使用上並不是隨拿隨用，通常搭配資訊做排版時會同時使用3-5個甚至更多的Icon，因此在使用上我認為有一個最重要的大前提就是“風格統一”，掌握選擇icon的技巧，才能編排出理想的設計風格及舒適的介面。以下與大家分享當我看到一個Icon圖標時，我會如何進行分類，方便後續使用時挑選相同風格的素材來做使用。

顏色呈現：單色 / 雙色 / 多色

圖標的顏色需要謹慎挑選來對應整體風格，我的使用方法偏好簡約使用單色最安全，而雙色在品牌或主題顏色很明確時也是一個不錯的選擇，倘若想提升畫面的顏色的豐富性，或是以圖標作為主角，便可選擇多色的圖標來做應用。

填滿方式：框線 / 填滿 / 框線+填滿

填滿的方式尤其需要與背景做搭配，建議與上述提到的顏色呈現方式一起做考量。若以素材取得方便程度來看，純框線的樣式是各大免費icon網站都會提供的，最能廣泛使用，也不需要費心去調整顏色的調性。若難以選擇就打安全牌選擇框線樣式吧！

邊角樣式：圓角 / 銳角

轉角的樣式就比較容易選擇，使用銳角時整體上就會有俐落銳利的效果，而圓角則是讓人感到容易親近，能夠與瀏覽者在拉近距離。這兩者我都會視情況做使用，只要統一邊角的呈現方式，整體會更有一致性視覺更舒適。

設計風格：扁平 / 擬真 / 等距

除了上述提到的類型之外，也有其他設計風格的icon可以做選擇，以下列舉的三款也是很常見的樣式。近十年流行元素以扁平化為主，少了漸層與光影變化，視覺上會比較單薄，若希望圖標更加立體突出不妨嘗試看看擬真的設計。而像是搭積木的等距設計則是我個人很喜歡的設計手法，也是近幾年在許多icon、介面、插畫都能看到的應用。