10個(gè)堪稱神器的在線設(shè)計(jì)工具，總有一款能解你燃眉之急！

時(shí)間：2022-08-10 16:06:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2022-08-10 16:06:01 來源：網(wǎng)站運(yùn)營

Hello 各位好，我是皮仔。

作為一名和設(shè)計(jì)工具稍微搭得上邊的運(yùn)營小編，在后臺(tái)經(jīng)常收到不少朋友的留言，詢問某張圖該怎么做、有沒有快速摳圖的工具、這個(gè)效果用哪款工具制作更快等等，其中有一些是被頻繁提及的問題。

為了減輕皮仔回復(fù)的工作量，皮仔對之前回復(fù)的內(nèi)容進(jìn)行了回顧，整理出 10 款堪稱神器的在線設(shè)計(jì)工具合集，希望能幫到各位有需要的朋友。




（PS：以后回復(fù)網(wǎng)友的留言，就可以直接把這個(gè)鏈接甩給 TA，想想就非常激動(dòng)）

01 在線摳圖工具 removebg

removebg，一個(gè)在設(shè)計(jì)圈擁有很高知名度的在線摳圖工具，將想要摳去背景的圖片上傳，網(wǎng)站就會(huì)自動(dòng)摳去背景，整個(gè)過程完全不需要手動(dòng)操作。

網(wǎng)站的摳圖功能是完全免費(fèi)的，下載摳圖結(jié)果時(shí)，網(wǎng)站提供了兩種清晰度，低清晰的圖片可以免費(fèi)下載，高清晰度的圖片每次下載需要花費(fèi)一定的積分。

除了 removebg，還有一個(gè)和 removebg 非常相似的同類網(wǎng)站 Slazzer，感興趣的朋友可以自行嘗試。

02 去除視頻背景 Unscreen

Unscreen，一個(gè)可用來摳去視頻背景的在線工具，用法和前面介紹的 removebg 幾乎一致，上傳待摳取背景的視頻，網(wǎng)站就會(huì)自動(dòng)對視頻進(jìn)行處理。

不過在導(dǎo)出環(huán)節(jié)，unscreen 免費(fèi)版只提供了導(dǎo)出 gif、透明背景 gif 和單幀圖片的選項(xiàng)，想要導(dǎo)出高清無水印的視頻文件，則需要訂閱會(huì)員。

03 在線設(shè)計(jì)工具 Pixso

Pixso，一款集矢量設(shè)計(jì)、位圖處理于一身的在線設(shè)計(jì)工具，可用來完成 UI 設(shè)計(jì)、原型設(shè)計(jì)、設(shè)計(jì)交付、輕量平面設(shè)計(jì)等工作。

基于云端的特點(diǎn)，相比傳統(tǒng)的設(shè)計(jì)軟件，Pixso 免去了在本地安裝軟件的步驟，每次要用到的時(shí)候打開官網(wǎng) pixso.cn 即可，隨用隨開，用完即走。

在設(shè)計(jì)方面，為提高用戶的作圖和產(chǎn)出效率，Pixso 內(nèi)置了 10 個(gè)強(qiáng)大實(shí)用的設(shè)計(jì)插件，涵蓋設(shè)計(jì)素材、數(shù)據(jù)填充、配色、斜切透視、旋轉(zhuǎn)復(fù)制。

尤其是其中的「斜切」插件，可以將普通的 2D 圖層轉(zhuǎn)換為帶有透視效果的 2.5D 圖層，讓原本平平無奇的平面圖層變得立體起來，就像前些年在游戲「紀(jì)念碑谷」中美輪美奐的各種立體圖形，使用 Pixso 的斜切插件，就可以很方便地制作出來。

? 如果你想 Get 紀(jì)念碑谷同款絕美的立體圖形，可以戳下方皮仔為你準(zhǔn)備的保姆級教程：

Pixso 目前對所有個(gè)人用戶免費(fèi)開放，內(nèi)置的所有功能都可以免費(fèi)使用！

現(xiàn)在前往 Pixso 官網(wǎng)注冊賬號，可以享受到 Pixso 會(huì)員的所有權(quán)益：無限文件數(shù)量、無協(xié)作者人數(shù)限制、無限云存儲(chǔ)空間、3000+ 海量設(shè)計(jì)資源免費(fèi)用等等，快來嘗試一下吧～

04 在線 3D 設(shè)計(jì)工具 Spline

Spline，一個(gè)具備設(shè)計(jì)和協(xié)作功能在線 3D 設(shè)計(jì)工具，可以看成是簡易版的 C4D 或 Blender，和前面介紹的 Pixso 一樣，在瀏覽器打開官網(wǎng)就能直接使用，不需要在電腦本地安裝大塊頭的軟件。

Spline 提供了 3D 建模中常用的各種基礎(chǔ)圖形，借助內(nèi)置的圖形可以快速搭建出我們想要的場景，同時(shí)軟件沒有復(fù)雜的渲染器，只需要簡單的配置，在制作的過程可以實(shí)時(shí)預(yù)覽最終的渲染效果。

05 在線樣機(jī)工具 MockRocket

MockRocket，一個(gè)在線的 3D 樣機(jī)工具，可以將制作好的設(shè)計(jì)作品放到內(nèi)置的設(shè)備中，例如下圖的 Macbook Pro，讓作品瞬間變得更有立體感。

使用 MockRocket 頂部工具欄中的移動(dòng)、旋轉(zhuǎn)工具，可以改變樣機(jī)的位置和旋轉(zhuǎn)角度，這種可交互的設(shè)計(jì)比常見的樣機(jī)模板具有更高的自由度，可得到各種不同角度的樣機(jī)圖片。

導(dǎo)出樣機(jī)時(shí)，MockRocket 提供了兩種導(dǎo)出格式：靜態(tài)圖片和視頻，圖像分辨率最高為 4K，免費(fèi)用戶導(dǎo)出的圖片和視頻會(huì)帶有水印。

06 在線雙色調(diào)圖片風(fēng)格 Duotone

Duotone，一個(gè)可以一鍵得到雙色調(diào)圖片風(fēng)格的在線網(wǎng)站，網(wǎng)站展示的圖片默認(rèn)來自圖庫網(wǎng)站 Unsplash。如果你想讓自己的圖片一鍵變成同樣的風(fēng)格，可以點(diǎn)擊頁面右上角的「上傳」按鈕，將本地圖片上傳到 Duotone。

將鼠標(biāo)移動(dòng)到左側(cè)水滴形狀的圖標(biāo)上方，可以從內(nèi)置的色彩方案中選擇其他的顏色預(yù)設(shè)，Duotone 目前只提供了 6 種顏色預(yù)設(shè)，如果你對這些顏色方案不滿意，可以將鼠標(biāo)移動(dòng)到上方的圓形，在彈出的拾色器窗口，自行修改默認(rèn)的顏色方案。

07 在線圖片處理工具 Photomosh

Photomosh，與前面介紹的 Duotone 有些類似，同樣是一個(gè)在線的圖片處理工具，將圖片上傳到網(wǎng)站，點(diǎn)擊下方的 Mosh，網(wǎng)站會(huì)隨意為圖片應(yīng)用不同的效果。

不同之處在于，Photomosh 內(nèi)置的圖片效果更多，既有普通的濾鏡效果，也有各式各樣的動(dòng)態(tài)效果，可以將靜態(tài)的圖片轉(zhuǎn)換為動(dòng)態(tài)圖像，導(dǎo)出為 GIF 或視頻。

08 在線配色網(wǎng)站 Pigment

Pigment，一個(gè)提供多種不同配色方案的網(wǎng)站，非常適合剛學(xué)設(shè)計(jì)、不懂配色原理的小白。

左側(cè)欄的 Pigmen 和 Lighting 可分別調(diào)整配色的飽和度和亮度，來獲得不一樣的配色方案，Pigmen 數(shù)值越大，所有配色方案的顏色看起來越鮮艷，反之則看起來灰蒙蒙的。

點(diǎn)擊配色方案會(huì)打開新的頁面，左右兩側(cè)可以對比兩種顏色分別作為前景色和背景色的效果，這一點(diǎn)真的很贊！

點(diǎn)擊網(wǎng)頁右上角的「More Actions」，可以將當(dāng)前的配色方案導(dǎo)出為 svg 或是 sketch 和 Adobe 系列軟件可用的配色文件。

09 在線矢量圖標(biāo)庫 WorldVectorLogo

不少人使用其他品牌 logo 時(shí)，往往都是從搜索引擎下載 PNG 格式的素材，這樣得到的素材要么清晰度不高，要么在使用之前需要進(jìn)行摳圖處理。

WorldVectorLogo，一個(gè)專門提供各類品牌 logo 的網(wǎng)站，正如網(wǎng)站的名字，這里的 logo 素材都為矢量格式，可無限放大不失真，一般比較大的品牌，都可以在這里找到矢量格式的 logo。

10 在線設(shè)計(jì)靈感網(wǎng)站 CollectUI

CollectUI，一個(gè)每日更新 UI 設(shè)計(jì)靈感的網(wǎng)站，每天都可以獲取到前沿、熱門的設(shè)計(jì)資訊，讓你靈感不枯竭。

這個(gè)網(wǎng)站和上面介紹的 Screenlane 有些相似，網(wǎng)站左側(cè)將所有的 UI 設(shè)計(jì)作品按照頁面類型進(jìn)行分類，細(xì)分為 167 種，包含注冊頁、登錄頁、用戶檔案、分享頁、表單頁等等。

在尋找設(shè)計(jì)靈感時(shí)，可以根據(jù)自己要設(shè)計(jì)的頁面，打開 CollectUI 左側(cè)欄相對應(yīng)的頁面類型，搜集靈感時(shí)更有針對性。




以上，就是皮仔精心整理的 10 個(gè)在線設(shè)計(jì)工具，每一個(gè)都是從眾多同類型工具挑選出來的，希望能幫到各位~




碼字不易，如果對你有幫助的話，請別忘了賞個(gè)【三連】或是【關(guān)注】我哦，關(guān)注不迷路！

我是皮仔 @Pixso協(xié)同設(shè)計(jì)，那我們下次再見咯。