一提到UI設(shè)計，大家一定會首先想到sketch或figma，Adobe系列的PS和AI都已經(jīng)慢慢被這兩個專業(yè)的UI設(shè)計工具所替代。之所以sketch如此火爆，正是因為它的專業(yè)性被人所認(rèn)可。其實國內(nèi)也有同樣精而美的UI設(shè)計專門工具，比如Pixso！不需要翻墻，也不需要安裝，就可以進(jìn)行流暢的設(shè)計~

如果問它與sketch有什么區(qū)別？這三點可以說明：

1、適用平臺

Sketch：支持macOS

Pixso：支持Windows、macOS、Linux

比起sketch的專供macOS用戶，Pixso是支持Windows、macOS、Linux各個平臺！

雖說做設(shè)計用Mac更好，但國內(nèi)市場上的設(shè)計師還是有很大一部分的Windows用戶，Pixso對win系統(tǒng)的支持，可謂是一大利好！

2、矢量編輯

Sketch：傳統(tǒng)鋼筆工具繪圖

Pixso：手柄可控制曲線彎曲程度；彎曲工具可直接拖動取消；封閉區(qū)域可自動填充；油漆桶工具可切換任意封閉區(qū)域的填充。

3、協(xié)作流程

Sketch：支持導(dǎo)出TIFF/WEBP；支持導(dǎo)出PDF/EPS；不支持生成代碼

Pixso：自動生成（IOS/Andriod/CSS）代碼；支持導(dǎo)出PNG/JPG/SVG；自動測量對象間距離。

對比下來，是不是對Pixso有點興趣了呢？

Pixso作為集合了原型、設(shè)計、協(xié)作、交付和資源管理的設(shè)計平臺，可以協(xié)助產(chǎn)品團(tuán)隊完成工作~ 不如就讓給我來復(fù)原一下使用Pixso進(jìn)行產(chǎn)品設(shè)計工作的全流程吧！

第一步：在Pixso上新建原型圖

原型圖簡單的來說，就是【一款產(chǎn)品成型之前的一個簡單的框架圖】，將頁面的排版布局展現(xiàn)出來，每個功能鍵的交互，使產(chǎn)品的初步構(gòu)思有一個可視化的展示。原型圖無需非常精致，把產(chǎn)品的內(nèi)里核心、交互邏輯展現(xiàn)清楚即可。

它說到底并不是一個需要展示給用戶看的產(chǎn)品，通常是：開發(fā)、部門領(lǐng)導(dǎo)、UI設(shè)計師和測試。建議在設(shè)計原型時，就開始思考整套產(chǎn)品的設(shè)計規(guī)范，可以最大程度的保持統(tǒng)一性?？梢允褂肞ixso的團(tuán)隊組件庫，建立起規(guī)范的組件模板后統(tǒng)一上傳，其他模塊均可以直接復(fù)用。

第二步：在Pixso上繪制高保真

Pixso作為UI工具，在設(shè)計這一塊的功能是非常完善的。首先可以在原型的基礎(chǔ)上直接開始設(shè)計。靈活的鋼筆工具，不同于Sketch只能在線上增加點或移動單個點，Pixso可以通過移動矢量的線，所有連接的點也可以自動跟隨~

第三步：實時協(xié)作、討論

基于云端的設(shè)計，使得Pixso的協(xié)同性大大提升。想要了解項目進(jìn)度，不需要設(shè)計師多次傳輸稿件，點擊【分享】，就能通過鏈接把文件分享出去，而且內(nèi)容實時更新，非常方便。便捷的協(xié)作方式提高的不僅是效率，更是提升了溝通頻次，進(jìn)而能讓作品的優(yōu)化程度更上一步。

文件查看的權(quán)限也可以隨時調(diào)整，相應(yīng)的崗位拿對應(yīng)的權(quán)限，多人在一個文檔中工作也不會亂~

第四步：添加交互

設(shè)計稿完成后，產(chǎn)品經(jīng)理依然可以繼續(xù)在Pixso中完成原型交互的步驟，而不需要導(dǎo)入倒Axure等其他平臺，即避免了細(xì)節(jié)的丟失，也節(jié)約了導(dǎo)入導(dǎo)出的時間。

最后一步：交付

交付是整個設(shè)計流程的最后一環(huán)，將文稿交付給研發(fā)后設(shè)計基本就完成了自己的工作。

以往設(shè)計師都會通過第三方平臺進(jìn)行交付，但如果使用了Pixso作圖的話，可以直接使用pixso進(jìn)行交付，鏈接即可傳輸，無需導(dǎo)出文件和再次上傳，同時支持切圖、標(biāo)注等功能，前端能直接自行切圖。

最后再來總結(jié)一波Pixso的幾大特點：

1、 多平臺適用！支持Windows、macOS、Linux系統(tǒng)

2、 無需安裝！打開網(wǎng)頁就可以使用，對電腦的性能配置要求低

3、 方便協(xié)作！能夠多人同時進(jìn)入同一文檔進(jìn)行工作，實時協(xié)同

4、 鏈接交付！文稿自動生成鏈接，點開即可收獲所有內(nèi)容

如果覺得不錯的話，就點擊鏈接試試吧 → https://pixso.design/

fqj