效率工具指南：致力成爲國內優質的工具測評媒體。
Hello 各位好，我是小豪。
因爲工作的原因，不少時候會收到來自朋友的諮詢，想知道「有哪些好用、可以提高效率的在線設計工具」。
後來我琢磨了一下，何不把諮詢中最常用到的工具整理出來，一方面既能減輕自己回覆所需要花費的時間，與此同時，還能幫助到更多有同樣需求的朋友。
因此，今天的這篇文章，我整理出了 10 款堪稱神器的在線設計工具合集，話不多說，讓我們一起來看一下！
01 在線摳圖工具 removebg
removebg，一個在設計圈擁有很高知名度的在線摳圖工具，將想要摳去背景的圖片上傳，網站就會自動摳去背景，整個過程完全不需要手動操作。
網站的摳圖功能是完全免費的，下載摳圖結果時，網站提供了兩種清晰度，低清晰的圖片可以免費下載，高清晰度的圖片每次下載需要花費一定的積分。
除了 removebg，還有一個和 removebg 非常相似的同類網站 Slazzer，感興趣的朋友可以自行嘗試。
02 去除視頻背景 Unscreen
Unscreen，一個可用來摳去視頻背景的在線工具，用法和前面介紹的 removebg 幾乎一致，上傳待摳取背景的視頻，網站就會自動對視頻進行處理。
不過在導出環節，unscreen 免費版只提供了導出 gif、透明背景 gif 和單幀圖片的選項，想要導出高清無水印的視頻文件，則需要訂閱會員。
03 在線設計工具 Pixso
Pixso，一款集矢量設計、位圖處理於一身的在線設計工具，可用來完成 UI 設計、原型設計、設計交付、輕量平面設計等工作。
基於雲端的特點，相比傳統的設計軟件，Pixso 免去了在本地安裝軟件的步驟，每次要用到的時候打開官網 pixso.cn 即可，隨用隨開，用完即走。
在設計方面，爲提高用戶的作圖和產出效率，Pixso 內置了 10 個強大實用的設計插件，涵蓋設計素材、數據填充、配色、斜切透視、旋轉複製。
尤其是其中的「斜切」插件，可以將普通的 2D 圖層轉換爲帶有透視效果的 2.5D 圖層，讓原本平平無奇的平面圖層變得立體起來，就像前些年在遊戲「紀念碑谷」中美輪美奐的各種立體圖形，使用 Pixso 的斜切插件，就可以很方便地製作出來！
04 在線 3D 設計工具 Spline
Spline，一個具備設計和協作功能在線 3D 設計工具，可以看成是簡易版的 C4D 或 Blender，和前面介紹的 Pixso 一樣，在瀏覽器打開官網就能直接使用，不需要在電腦本地安裝大塊頭的軟件。
Spline 提供了 3D 建模中常用的各種基礎圖形，藉助內置的圖形可以快速搭建出我們想要的場景，同時軟件沒有複雜的渲染器，只需要簡單的配置，在製作的過程可以實時預覽最終的渲染效果。
05 在線樣機工具 MockRocket
MockRocket，一個在線的 3D 樣機工具，可以將製作好的設計作品放到內置的設備中，例如下圖的 Macbook Pro，讓作品瞬間變得更有立體感。
使用 MockRocket 頂部工具欄中的移動、旋轉工具，可以改變樣機的位置和旋轉角度，這種可交互的設計比常見的樣機模板具有更高的自由度，可得到各種不同角度的樣機圖片。
導出樣機時，MockRocket 提供了兩種導出格式：靜態圖片和視頻，圖像分辨率最高爲 4K，免費用戶導出的圖片和視頻會帶有水印。
06 在線雙色調圖片風格 Duotone
Duotone，一個可以一鍵得到雙色調圖片風格的在線網站，網站展示的圖片默認來自圖庫網站 Unsplash。如果你想讓自己的圖片一鍵變成同樣的風格，可以點擊頁面右上角的「上傳」按鈕，將本地圖片上傳到 Duotone。
將鼠標移動到左側水滴形狀的圖標上方，可以從內置的色彩方案中選擇其他的顏色預設，Duotone 目前只提供了 6 種顏色預設，如果你對這些顏色方案不滿意，可以將鼠標移動到上方的圓形，在彈出的拾色器窗口，自行修改默認的顏色方案。
07 在線圖片處理工具 Photomosh
Photomosh，與前面介紹的 Duotone 有些類似，同樣是一個在線的圖片處理工具，將圖片上傳到網站，點擊下方的 Mosh，網站會隨意爲圖片應用不同的效果。
不同之處在於，Photomosh 內置的圖片效果更多，既有普通的濾鏡效果，也有各式各樣的動態效果，可以將靜態的圖片轉換爲動態圖像，導出爲 GIF 或視頻。
08 在線配色網站 Pigment
Pigment，一個提供多種不同配色方案的網站，非常適合剛學設計、不懂配色原理的小白。
左側欄的 Pigmen 和 Lighting 可分別調整配色的飽和度和亮度，來獲得不一樣的配色方案，Pigmen 數值越大，所有配色方案的顏色看起來越鮮豔，反之則看起來灰濛濛的。
點擊配色方案會打開新的頁面，左右兩側可以對比兩種顏色分別作爲前景色和背景色的效果，這一點真的很贊！
點擊網頁右上角的「More Actions」，可以將當前的配色方案導出爲 svg 或是 sketch 和 Adobe 系列軟件可用的配色文件。
09 在線矢量圖標庫 WorldVectorLogo
不少人使用其他品牌 logo 時，往往都是從搜索引擎下載 PNG 格式的素材，這樣得到的素材要麼清晰度不高，要麼在使用之前需要進行摳圖處理。
WorldVectorLogo，一個專門提供各類品牌 logo 的網站，正如網站的名字，這裏的 logo 素材都爲矢量格式，可無限放大不失真，一般比較大的品牌，都可以在這裏找到矢量格式的 logo。
10 在線設計靈感網站 CollectUI
CollectUI，一個每日更新 UI 設計靈感的網站，每天都可以獲取到前沿、熱門的設計資訊，讓你靈感不枯竭。
這個網站和上面介紹的 Screenlane 有些相似，網站左側將所有的 UI 設計作品按照頁面類型進行分類，細分爲 167 種，包含註冊頁、登錄頁、用戶檔案、分享頁、表單頁等等。
在尋找設計靈感時，可以根據自己要設計的頁面，打開 CollectUI 左側欄相對應的頁面類型，蒐集靈感時更有針對性。
以上，就是我精心整理的 10 個在線設計工具，每一個都是從衆多同類型工具挑選出來的，希望能幫到各位~
碼字不易，如果對你有幫助的話，請別忘了賞個【三連】或是【關注】我哦，關注不迷路！
我是小豪，那我們下次再見咯。
效率工具指南：致力成爲國內優質的工具測評媒體。