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


李介介的線上工具資源筆記

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

本次更新於 2017.07.16 平均每月更新一次,點此輸入您的 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 圖回來使用

 

【線上工具】myairbridge

傳檔案給客戶,檔案好幾 G 怎麼辦,myairbridge 這個網站可以上傳單一檔案最大 20 GB 的檔案,而且有趣的是超過 5 天檔案就會爆炸喔 ( 自動刪除的意思啦 ),免註冊唷

 

【線上工具】Thimble

由 Mozilla 開發的線上撰寫網頁、編輯原始碼功能,無須額外下載軟體安裝,只要透過瀏覽器就能使用,它就像一個功能完整的網頁開發工具,能讓你直接於瀏覽器編寫程式碼,即時預覽網頁所呈現出來的效果

 

【線上工具】ColorDrop.io

網頁設計師 Tristan White 製作的 ColorDrop.io 色票網站,收集一些扁平化設計時常用的配色,進到網站就可以看到一系列的配色組合,點選配色條,可以看到該組合的顏色代碼,而且提供了直接下載的功能,讓你將喜歡的顏色組,下載成一個 txt 文件檔,直接套用到網頁的語法中使用,而左側的 Flat Colors 選項,則是可以直接查看所有顏色和 HEX 色碼的總列表,是一個蠻直覺的選色工具

 

【線上工具】Imagecyborg

身為設計工作者,看到好的作品就會忍不住想要下載,收藏起來當參考使用,但是一張一張的抓,未免太浪費時間了,這個網站提供快速下載的服務,只要輸入目標網址,就能將網頁的圖片一次抓取下來

 

【線上工具】Daniil

萬能影片下載工具,只要輸入網址就可以下載影片,主流影片平台都可以下載,例如:YouTube, Rai, Rai Replay, Video Mediaset, La7, Witty TV, Dplay 甚至世界各地罕見的影音平台都可以直接將影片下載

 

【線上工具】nipponcolors

這個網站收集了許多日本傳統色票,想要設計日系風格的配色嗎,這個網站還會給你日本經典色系的俗名,例如 海老茶、銀朱、深緋、芥子、菖蒲 ,同時提供了該色的 CMYK 值,在網站上停留一段時間還會自動幫你更換色系,讓你感受一下日本傳統色的美

 

【線上工具】Fujifilmxmount

富士相機的特殊發色,一直讓很多攝影師所迷戀,但玩家很少想互相交流鏡頭也很難找到人,對於鏡頭的特性功能也很難掌握,現在透過這個線上工具平台,可直接看到富士全系列鏡頭在不同焦段、光圈實拍出來的成像效果,方便下次要買鏡頭的朋友,可以到這個平台先來試試

 

【線上工具】online-convert

線上轉檔工具,可以轉換任何的圖檔、聲音檔、影片檔、電子書檔、文件檔、壓縮檔,免註冊就可以使用,轉換後的檔案,除了可以直接下載,也支援下載到你的 Dropbox 或 Google Drive 這款線上工具,唯一的限制是非付費的用戶上傳的檔案限制在100MB以內,如果要轉換大型的影片檔就要考慮使用付費的版本了

 

【線上工具】colorspire

線上顏色選色器,手上沒有繪圖軟體時,就靠這個工具直接幫你分辨出 RGB、HSB與網頁色碼,此外還可以直接線上做簡單的版面配色組合,是一個務必要存到書籤上的好工具

 

【線上工具】url2png

只要輸入網頁的網址,就能幫你擷取備份整個網站畫面,並存成 PNG 圖檔案,特別的是它可以完整支援中文或非英文語系的網頁,此外這個工具會自動載入頁面的 CSS 和 JavaScript 使整個擷取的畫面更接近真實頁面

 

【線上工具】MOZ

分析網站分數,若沒有註冊的話,會有每日分析的上限,比較有趣的地方是可以輸入同業網站,做網站的比較分析,是評價網站的好工具

 

【線上工具】firealpaca

來自日本的線上 GIF 製作工具,只要上傳圖片就可以輕鬆製作出 GIF 圖,還有非常多的編輯工具能在GIF圖上合成文字與圖片

 

【線上工具】Google Search Console

Google 推出新的網站行動裝置相容性測試工具,您的網頁適合透過行動裝置瀏覽嗎?只要輸入網址即可知道測試結果!

 

全文還沒結束,記得點選下一頁

喜歡請按讚,收藏請用分享

李介介

有人問為什麼我叫李介介,不叫介介介,難道你不知道三個介放在一起會被消除嗎? 身為名子有個介字的男人,介紹好東西給大家,也是非常合乎邏輯的一件事啊,快跟我唱:世上只有介介好,有介介的網友像個寶,但別再亂傳 介介 屌爆了! (⊙◞౪◟⊙) FacebookInstagram

Loading Facebook Comments ...

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *