設計師必備的「線上工具」資源懶人包，每月更新已收錄 72 筆

由李介介 · 已發表 2017-07-16 · 已更新 2020-03-15

介介這份免費線上工具清單，包含了線上轉檔、色碼搜尋器、圖片壓縮工具、線上繪圖工具、字體辨識工具、素材產生器等等…此筆記我會每月更新一次，若有覺得不錯的資源，也歡迎留言給我

點此輸入您的 mail 介介每月就會將更新的內容寄送給你，希望這份筆記，可以改善台灣設計圈，讓設計師們有更多資源，可以創造出更多優秀的作品

【線上工具】browsershots

只要輸入網址，就可以分析該網站，在各種版本的瀏覽器上呈現的狀態，包含了 Chrome、Firefox、Safari、Opera、Epiphany、Lynx、Safari、SeaMonkey 甚至可以選擇作業系統的版本

【線上工具】getemoji

Emojis 顏文字列表，這些有趣的圖案，可以張貼在臉書上，或一般 Word 上也可以直接貼上使用，甚至是網站名稱也可以用 Emojis 顏文字，這個網站會定期更新這些顏文字列表，使用上非常方便

【線上工具】loading.io

Loading 動畫圖示產生器，線上版，支援輸出格式有 GIF 更有向量的 SVG 格式，連 CSS 都直接做好給你了，想當年介介都要靠 Flash 製作一直重播看有無破綻，我的青春歲月阿! (遠目)

【線上工具】Wordmark

輸入英文字串，這個網站就會自動幫你套用上百種字型，一次排列展開做比較，介介設計 Logo 時會將品牌的英文名字打上去，直接展示出不同字體的樣貌，從中找尋靈感，不論是網頁設計或排版都很適合的一個小工具，這個網站還可以指定文字大小、黑底白字或白底黑字、大小寫預覽切換等功能，除非你都固定只用幾套字體做設計，不然的話這是設計師必備的工具網站阿

【線上工具】iloveimg

網路上少見的 GIF 圖片壓縮工具，可以有效地將 GIF 圖片做壓縮，舉例來說一個檔案為 359 kb 的 GIF 圖，壓縮後檔案變成 265 kb 少了快 100 kb 網站介面非常簡單只要到這個網站上傳圖片，即可壓縮圖片，除了 GIF 壓縮之外，也提供了其他工具，有興趣的話可以參考看看，壓縮前後的比較圖可以看旁邊的備註連結

【線上工具】Zenkit

有時候設計師手上會同時進行好幾個專案，遇到喜歡的案子就會不自覺的投入許多時間在細節上面，結果其他專案就忘在一旁，這個專案管理的網站，可以讓你規劃每個專案的時間與期限甚至是備忘錄，而且可以共享專案權限給同事，同步進行更新專案的流程與進度，此外這個線上工具是以視覺化的設計方式管理專案，具備清單、看板、表格、月曆等功能，有興趣的設計師朋友們可以試玩看看喔

【線上工具】PDF Candy

這是一個線上 PDF 轉檔加工的工具，可以將 PDF 轉成 Word、圖檔、Excel、PPT等，甚至是將這些檔案轉換成 PDF，此外除了轉檔之外，更支援 PDF 合併、分割、壓縮、加密、破解解鎖、翻轉、刪除頁面、上浮水印等功能

【線上工具】Mausr

在螢幕上畫出個圖案就能快速找出特殊符號的編碼，例如箭頭、數學符號、星星等等…這個網站上有上百個特殊符號，不用去猜要打什麼字搜尋，直接畫出你印象中的符號形狀，這個網站會幫你快速找出，你只要直接複製貼上就能使用，是設計師必備的查詢工具阿

【線上工具】Sketchup

Google 的免費 3D 繪圖軟體 Sketchup 推出線上版了，免安裝軟體也能使用， Sketchup 的下載版軟體有分成免費版跟付費版(年費約2萬台幣)，而網頁版是屬於免費的，透過網頁就能輕鬆製作各種3D模型，繪製好的3D圖都可以下載回來，還有很多現成的物件可以直接套用，此外你也可以註冊會員，將檔案存放在雲端上面

【線上工具】web-capture

只要輸入網址，就可以將目標網頁，整個頁面都下載成一個圖檔，除了 PNG、JPEG 等基本檔案之外，還可以將 HTML 網頁轉換成 SVG 格式下載，雖然遇到特殊語法的網頁會跑圖，但算是非常實用的一個線上工具網站

【線上工具】Google 色碼選擇功能

用 Google 搜尋的功能，搜尋「#123456」就會自動產生成色碼調色盤功能，除了色碼之外還可以顯示更多像是 RGB、CMYK、HSV、HSL、HEX 等各種色碼型式，真的是非常方便，完全不需要開軟體就能快速選色了，另外搜尋「1+1」就會跑出計算機功能喔

【線上工具】GIFDeck

知名的簡報平台 Slideshare 有很多不錯的簡報，也可以上傳自己的簡報分享給全世界觀看，介介要介紹的這個工具網站，可以將 Slideshare 上面的簡報轉成 GIF 格式，並且可以設定圖片替換時的間隔秒數，變成 GIF 圖就可以分享到 Facebook 社群，此外用在自己的部落格或網站上，也可以用這些 GIF 圖增加網站的停留率，它的介面非常簡單，輸入網址後就可以下載成 GIF 圖回來使用