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

by 李介介 · Published 2017-07-16 · Updated 2020-03-15

【線上工具】about.me

設計師的名片除了要打上作品網站的網址之外，甚至還要有 Facebook、Twitter 等社交帳號，更不用說 Blog、.Pinterest、 Flickr 這些作品網址，如果都要寫到名片上面，將會很大一串，而且很醜，這個網站提供簡單的一頁式網頁產生器，可以將這些網址整理成一個一頁式網頁，而且呈現的介面也很簡約大方，可以點此看介介的範例：https://4fun.tw/3ViR

【線上工具】canva

具有簡易操作介面和豐富素材資源，此外提供很多精美的設計模版，可以製作海報、簡報、賀卡、社群封面等，需註冊後才可使用，但可以用 Facebook 或 Google+ 快速登入

【線上工具】gifyoutube

可以將 Youtube 的影片轉成 GIF 圖的線上工具，只要輸入 Youtube 的網址，接著選著想要擷取的片段，馬上就能幫你做成動態 GIF 圖

【線上工具】Placeit

線上自動合成工具，挑選出你想要的場景，上傳照片之後，自動幫你將兩個者合成起來，裡面的情境素材非常的多，手機、電腦、杯子、衣服、大樓都可以成為你合成的對像，上傳圖片之後還可以做簡易的微調修飾，非常簡單好用

【線上工具】Google Keep

Google 推出的筆記工具，採用便條貼的方式記錄筆記，這些便條貼可以標記顏色、分類、標籤、增加共享協作、行事曆提醒等功能，每則便條貼還可以上傳圖片做註記，而且可以將便條貼裡的內容做成條列式的代辦事項，而且有出手機 APP 可以讓你隨身筆記即時同步，有隨時做筆記的朋友們可以試用看看

【線上工具】Imagify

免費線上圖片壓縮工具，提供三種不同程度的壓縮，非配破壞性壓縮、肉眼分辨不出的些許破壞壓縮，以及第三種以最低檔案大小為優先的破壞壓縮，就像是鍵達出奇蛋一樣，三個願望讓你一次滿足

【線上工具】Browser Screenshots

微軟出品的線上網頁測試工具，可同時查看網站在不同 IE 瀏覽器平台呈現效果，同時也支援非 ie 瀏覽器的檢查，此外也具有線上抓取網頁擷圖畫面的功能

【線上工具】gridlover

CSS 文字的行距大小編輯器，即使顯示，所見即所得

【線上工具】Picsee皮克看見

有些網站的網址轉貼到Facebook上，無法抓取到正確的縮圖，透過這個短網址工具，可以在短網址上自訂縮圖，轉貼到臉書時就可以正常產出縮圖了，甚至在短網址的後面加個 + 的符號，就可以看到被點閱的次數，當然進階的用法就是換圖縮網址，做出圖文不符的連結 XD

【線上工具】html2bbcode

將 html 語法直接轉換成 bbcode 論壇的語法，只需要將語法複製貼上就可以轉換了，以後不用再辛苦的重新編排了，是一個很實用的工具

【線上工具】Firealpaca

這套免費繪圖軟體，是來自有動漫王國之稱的日本，軟體的名稱很有趣就叫做羊駝又稱草尼瑪，有繁體中文介面，免費的繪圖軟體下載來玩看看吧

【線上工具】摩客 Mockplus

一個手機 APP 的規畫工具，具有非常多圖示、工具條、按鈕等等，除了可以免費下載安裝使用，還具有線上版，目前免費版本是無法下載回電腦使用，但是只需要支付 6 塊錢人民幣，就可以在一個月內無限次數的下載

【線上工具】freegifmaker

現在 GIF 圖在社群網站上越來越紅了，這個線上工具可以產出有趣的動態 GIF 圖示，先選好動態濾鏡效果，接著在上傳你的圖片，就會自動幫你套用做成動態圖，可以直接另存下載，也可以直接將網址轉貼到FB上直接瀏覽

【線上工具】Pixlr

前陣子介介用別人的電腦寫網誌，臨時有張圖片要裁切還有加浮水印，但電腦沒裝我熟悉的美工軟體，下載整套 Photosho 的時間，筆電大概也沒電了，而且別人的電腦，不好意思亂裝其他簡易修圖軟體，有些不常用的非主流軟體還需要花時間摸索，當下的時間非常不符合效益，於是想到了 Pixlr 這個網站，直接模擬一套跟 Photoshop 的軟體，直接用瀏覽器開啟，功能與配置幾乎一樣，而且有中文介面，0秒上手，上傳圖片就可以編輯完成了，非常方便的工具網站，是設計人出門在外，居家旅行，殺人滅口，必備良藥阿 (誤)