這幾年有不少背景圖案製作工具，都可以在線上預覽、客制化圖形細節，最終產生 CSS 和 SVG 格式，甚至在不用下載任何檔案的情況下直接複製程式碼，加入網頁就會獲得非常好的效果，兼具品質和效能，也不會拖慢網頁速度。例如之前我厭過的 Hero Patterns 快速產生重複圖案 CSS 背景；CSS Background Patterns 也能製作各種純色彩背景圖，如果需要背景圖也能試試看接下來要介紹的服務。
圖示
Google Fonts 推出 Material Icons 免費圖示字型，收錄兩千個圖案五種樣式
五年前 Google I/O 大會 Google 釋出數百個 Material Icons 免費圖示，這些圖案不僅會應用到自家產品開發，也將它開放原始碼放到 GitHub 網站上讓使用者免費下載使用，可自由使用於個人或商業用途。時至今日已累積超過 2000 多種不同圖案，並有五種樣式可供選擇，這些圖案對於在傳達一些概念或想法上尤其重要，特別是在數位環境使用者介面更是無所不在。
StackWhats 將 WhatsApp 線上交談加入你的網站，點選開啟網頁聊天功能
曾經有段時間很流行將聊天室工具（Live Chat）按鈕放在網站底部，點選後就能開啟對話視窗，以即時通訊服務展開線上交談，比較常見的是 Facebook Messenger 即時通，因為官方直接提供外掛程式和相關程式碼，當然也可透過 WhatsHelp.io 之類的服務進行串接，好處是第三方工具能夠同時整合更多服務，讓使用者在點擊交談功能後選擇自己較方便的即時通訊應用。
Iconpie 上傳圖片自動產生各種網頁及應用程式專用的圖示尺寸
無論是開發網站、網頁服務或是一般手機應用程式，一定都會用到圖示，這在網站上通常被稱為網頁圖示（Favicon），應用程式也會因裝置需要不一樣的圖示大小，雖然轉換圖片大小是很簡單的事，但我們不一定確切知道需要什麼樣的尺寸或格式，有一些工具可以快速解決問題，像是 Favic-o-Matic 就能協助使用者製作出各種尺寸的網站圖示，而且也提供對應的程式碼非常有用。
Formito 免費網站圖示 Favicon 產生器，以文字或表情符號線上製作圖案
IconPark 字節跳動官方免費圖示庫，1400 個 SVG、PNG 圖片格式下載
現在很多企業公司或品牌都會將自己開發的設計素材開放出來，像是圖示集、字型或是網頁框架等等，使這些項目可以被更多人使用，或是在開源的情況下創造出更多可能性，當然一方面也能提高被看到的機會。之前介紹過「IBM Plex：IBM 設計免費字型下載，三種字體類型及風格指南」就是其中一個例子，或是 GitHub 釋出的開放原始碼免費圖示 Octicons 也是非常好用的素材庫，如果需要圖示可以直接在網路上搜尋。
Pictogram 修改自訂 Mac 應用程式圖示，也能快速回復預設值
前幾天介紹過「macOS Big Sur 風格免費圖示下載，超過 1500 個可替換的 icns 圖案」不知道大家有沒有去嘗試過了呢？就如同我在文章提到的 macOS Big Sur 有全新風格變化，因此在應用程式部分就要等待開發商進行更新，才能使這些應用程式圖示維持相同設計。在此之前使用者先搜尋可供替換的應用程式圖示，取代原有圖示，讓 Dock 工具列看起來更協調，這些操作可以直接在 Finder 進行並不會太過複雜。
PixelTrue 提供 150 張免費向量插圖、動畫圖下載，MIT 授權可商業用
macOS Big Sur 風格免費圖示下載，超過 1500 個可替換的 icns 圖案
如果你還有印象，之前我寫過一篇「Discipline 採用 macOS Big Sur 風格設計 100+ 常見應用程式圖案」文章介紹，因為在 macOS Big Sur（版本 11.0）更新後會有全新設計的使用者介面，包括半透明介面和新的圖示設計風格，號稱是 Mac 有史以來最大更新，一升級後會明顯感受到畫面變得很不一樣。當然新的系統圖示部分已經全數換新，但有些第三方應用程式或軟體仍維持原有圖示，如果把這些新舊圖示放在 Dock 或是啟動台（Launchpad）會出現不太協調的感覺，因為 Big Sur 使用方形圓角圖示，舊版則是使用圓形圖示。
