曾經有段時間很流行將聊天室工具(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 使用方形圓角圖示,舊版則是使用圓形圖示。
Restore old Google icons 將 Gmail、日曆和 Meet 網站圖示還原舊版(Chrome 擴充功能)
Radix Icons 小型 SVG 免費圖示集,Figma、Sketch 格式下載
還記得上次介紹的 System UIcons 專為系統和產品開發設計的免費圖示嗎?這類尺寸較小、精緻且適用於介面設計的圖案相當深得我心,在很多情境下可能都派得上用場,如果你覺得之前推薦的圖示集不太夠用,或者剛好缺少你需要的圖示,可以試著搜尋其他替代方案。小型圖示集選項很多,通常是開放原始碼(Open Source)且包含多種常見常用圖片格式,接下來要介紹的免費圖示包含相當豐富的圖案,需要的朋友可以研究一下。