今天在整理瀏覽器的瀏覽紀錄時,無意間發現之前存下來的一個服務 store-badge,對於應用程式開發者來說或許會有用處,特別是開發的應用程式包括 iOS 和 Android 版本,就能提供給不同使用者特定的應用程式商店下載鏈結。簡單來說,大部分網站會顯示 App Store 和 Google Play 的下載按鈕,分別對應不同平台,使用者可依照需求點選並連接到特定的應用程式商店,透過 store-badge 就可以自動判斷使用者的裝置類型。
應用程式開發
Palettable 線上產生漂亮配色,以互動方式找出最合適色彩組合
我推薦過不少網站配色工具,像是前段時間的 Colorinspire 我個人非常喜歡(不過好像已經無法連線有點可惜),直接推薦適合搭配一起使用的顏色組合,對於沒有靈感或色彩新手來說很有用,其他還有像是 Google Art Palette 可以從藝術品發掘色彩也是很有趣的工具。之前推薦的 Coolors、ColorSpark 則透過隨機產生的方式快速建立各種顏色,不過顏色之間可能就比較沒有相關性,而配色也應該要考量到不同顏色之間可否互相搭配,對一般使用者來說就會比較棘手。
Taiwan Icon Font 屬於台灣的免費圖示,收錄台北101、珍珠奶茶等圖案
useAnimations 免費動態圖示下載,可用於應用程式或網站介面開發
Line Awesome 超過 4000 個免費線稿圖示,修改自知名 Font Awesome
如果說到最知名的免費圖示字型(Icons Font),我想大家一定聽過 Font Awesome,這套圖示最初發佈於 2012 年,現今則由 1,544 個圖案組成,主要分為免費、開放原始碼和付費 Pro 圖示兩大類型,在使用 Font Scripts 網站中佔有 20% 市佔率,可以想見我們看到的很多圖案可能都是來自它。若要使用這套圖示,除了直接從官方網站或 GitHub 下載整套圖示集,亦可透過開放式內容傳遞網路提供的鏈結載入相關圖案。
IconArchive 超過 70 萬個免費圖示下載,提供 PNG、SVG 等常用格式
OneClickClip 免費高品質 GIF 動態圖下載,有效抓住讀者注意力
記得早期的網頁設計很常用到 .GIF
動態圖片,或許是當年頻寬不大,要在網頁裡製造動態效果只能透過動態圖,但一直到這幾年社群網站逐漸成為主流,GIF 格式依然是全球資訊網應用最廣泛的網路傳輸圖片格式之一,現在還是很常看到動態圖片的蹤跡,或是很流行將一小段影片轉為 GIF 圖片,例如 Imgur 之前推出的 Video to GIF 能在貼上影片網址後產生 GIF 圖片,或是 FreeGifMaker 可以把 YouTube 轉為 GIF 的線上工具。
Card-logo 免費下載信用卡、支付平台 LOGO,合併為 PNG 和 SVG 格式
通常在提供電子商務的網站都會看到支付圖案,讓消費者知道該店家支援的付款方式,常見的像 Visa、Masterard、JCB 信用卡,或是這幾年逐漸成為主流的行動支付 Apple Pay、Google Pay、支付寶,還有網路最多人使用的 PayPal 和比特幣等加密貨幣都是網路上常用的支付方式。
Checklist Design 網頁開發者必備參考手冊,助於學習更好的設計方式
Mockdown 線上將軟體介面、網頁或應用程式擷圖轉為 Mockup 視覺稿

如果從事網頁設計相關工作應該很常聽到一個名詞「Mockup」,中文稱為模型或原型,若翻譯成「視覺稿」可能比較容易理解,Mockup 通常在「Wireframe」(線框圖)之後,為了讓整體畫面更貼近最終成果,會將一開始的草稿線條圖加入更多視覺元素,例如將排版、圖形和配色呈現出來,也就能夠得出最後設計稿,而在我向設計師朋友詢問後得知 Mockup 通常是透過 Photoshop、Sketch 或 Adobe XD 等軟體繪製。