雖然網路上有無數免費圖示可以下載使用，卻很少有「量身打造」的選擇，只能盡量找出最符合自己需求的圖示圖案，有些圖示集仍有完整自訂選項，例如 Omg-img 用一段程式碼快速插入圖示，可自訂顏色、大小或樣式，大部分的圖示則會提供一些預設大小讓使用者選擇，例如 Iconshock 收錄超過 200 萬個免費圖示下載，或是 ICOOON MONO 圖示內建七種不同的尺寸大小。
網頁素材
CSSeffectsSnippets 收錄 CSS 動態效果，線上預覽一鍵複製程式碼
網頁設計師或網站開發者一定對 CSS 不陌生，CSS 中文是階層式樣式表，通常會簡稱為樣式表，主要是用來控制網頁中看到的各種樣式，例如文字大小、間距、背景色、頁面布局或各種元素呈現的方式。隨著現今大部分瀏覽器都已經支援 CSS3，在 CSS3 也加入許多新的功能，其中也支援動畫和立體效果，這都讓網頁能有更多更不同的變化，也不需要再使用舊方法，讓效果在編寫及管理上更輕鬆。
Potlab Icons 動畫 SVG 圖示免費下載，只要程式碼就能動起來
網路上有不少設計師將自行創作的免費圖示釋出，提通給需要的使用者下載使用，我也陸陸續續介紹過許多圖示集，有些甚至是開放原始碼專案，還能下載後編輯修改，對於要開發網路服務或應用程式來說確實相當省時省力。如果你在開發介面時會用到一些圖示圖案，可以先上網搜尋有無合適素材，確認授權方式後就能放心使用。
Human Pictogram 將生活製作為標誌素材，向量點陣圖格式免費下載
一直覺得標誌設計是一件很不容易的工作，在只有單色情況下要表達完整意義，若不是圖案簡單，就得有非常明確的輪廓，還好網路上已經有不少範本可供參考，例如知名的 Noun Project 就提供相當多辨識性強的標誌圖示，還能整合 Mac 應用程式在桌面端快速搜尋各種免費圖案，算是同類服務中的翹楚。我在高雄市立美術館周邊也看過一些有趣的創意標誌設計，如果你需要類似素材，接下來介紹的服務千萬別錯過。
FontSpark 找尋字型靈感工具，隨機套用英文字體即時線上預覽
還記得之前介紹過 ColorSpark 隨機產生配色或漸層色組合，協助設計師在開發網頁或應用程式時獲取配色靈感嗎？其實類似的色彩工具還不少，而且很多都有提供使用者快速隨機選色功能，有時候真的沒什麼想法，透過隨機展示可能會有收穫，如果你又不擅於程式碼，網站也會直接提供對應的 CSS 原始碼，方便帶入樣式表使用。除了配色外，字型也是影響使用體驗的重要因素，現在你有更直覺的方法挑選字型。
Blend 網頁漸層背景產生器，選擇顏色即時預覽建立 CSS 原始碼
現在很常在網路服務或網站上看到漸層背景應用，記得早期都必須使用圖片堆疊出來，不過後來已經可以寫入 CSS 樣式，只要指定顏色代碼和呈現方式即可。雖然知道有這功能，但要立即寫出來好像也不是那麼容易，還好有網站可以參考，例如 Gradient Backgrounds 收錄各種漸層背景產生器的一站式工具，簡單一點還有 ColorSpark、CoolHue 這類漸層色組合產生器，可快速建立 CSS3 語法，複製到網站就能套用。