素材分享 | 精選 ICON 素材，日常工作好幫手

上一次整理和分享了常用的字體庫，這一次整理 ICON 的部分。

但是在分享內容說明前，先和大家說說 ICON 的一些規範和個人使用的經驗。

一、ICON 的使用範圍

ICON 在今天的設計、日常應用環境里，已經遠遠超過我們想像的範疇，可以說這是我們素材庫使用頻率最高的種類，已經遠遠大於一般的矢量素材，所以這也是我在字體整理完之後優先整理的原因。

1、最常見的 UI 設計元素應用：常見的 UI 設計界面

2、在 Banner 中的應用：使用了 ICON 的 Banner

3、平面設計如海報、畫冊的應用：大量使用 ICON 元素的海報

4、PPT、數據報表的使用：使用 ICON 元素的 PPT

5、只要你想得到的地方……

ICON 已經成為萬金油，可以支援任何你覺得需要有元素填充，顯得空白的區域。所以有自己積累的一套趁手的 ICON 素材庫，可以快速響應你的各式設計手法。

二、ICON 在設計流程里的應用

要先聲明一點，重點對待、時間充裕的項目，裡面的 ICON 元素應該都是設計師自己繪製出來的，直接拿素材往上貼，一方面這種偷懶的方法對於我們自身的成長毫無幫助，另一方面，成套的 ICON 風格要保證和設計調性吻合，以及想表現的圖標總類一致，是很難的。

所以，在這類項目里 ICON 素材的價值是什麼，就在於流程的執行環節，這是一個我自己長期以來使用的習慣，這裡先和大家分享一下（完整的設計流程這個以後再說）。

首先，在貫徹敏捷的方法上，我會在接到產品經理文檔以後，以最短時間整理出一份精確的原型設計。而一份有代表性的原型界面，也要儘可能在一些細節上表達得準確一點，尤其是使用 ICON 的按鈕、元素。如果 ICON 元素都是用隨便畫的矩形表示，會對觀看者造成極大的困惑。

不帶 ICON 的原型

而當我們有一套趁手的 ICON 素材庫時，就一定要在這個步驟中將可以完善的圖標佔位符全部替換成擬真的模式。這樣不僅讓我們傳達的意圖更清晰，也會讓項目參與者對你的專業度表示肯定。

帶有 ICON 的完整原型

這種做法還有個好處，就是一開始選用 ICON 的過程會為後面自己設計的時候提供清晰的思路：

• 需要設計幾種尺寸規格

• 每個規格內包含哪些 ICON 類型每個類型的
• ICON 用什麼內容元素表達通常我還建議，在正式設計的流程里，ICON 元素暫時使用素材占坑，等到大體頁面和樣式設計完以後，最後再設計 ICON，這樣效率和質量會有更好的提升 。

三、ICON 的分類整理

下面我把 ICON 分成以下幾類，依舊是貴精不貴多，能完全滿足我日常需要的。如果是針對 UI 類項目，依靠第一類的素材就能夠應付。所以每套 ICON 的數量、類型都較豐富。而日常的其它需求，就從後面的幾種分類中挑選。

2、線性的 ICON：52套線性 ICON

3、實心的 ICON：11套實心 ICON

4、彩色的 ICON：30套彩色 ICON

5、產品LOGO類 ICON：8套用於製作 「微信」「朋友圈」 分享按鈕的應用 ICON

微信搜索公眾號：超人的電話亭，並回復 「圖標」 就可以得到以上所有icon壓縮包的百度雲分享鏈接和密碼。

註：部分素材未取得商業版權前，請勿用於商業活動。

推薦閱讀：