一提到UI設(shè)計(jì),大家一定會(huì)首先想到sketch或figma,Adobe系列的PS和AI都已經(jīng)慢慢被這兩個(gè)專業(yè)的UI設(shè)計(jì)工具所替代。之所以sketch如此火爆,正是因?yàn)樗膶I(yè)性被人所認(rèn)可。其實(shí)國(guó)內(nèi)也有同樣精而美的UI設(shè)計(jì)專門工具,比如Pixso!不需要翻墻,也不需要安裝,就可以進(jìn)行流暢的設(shè)計(jì)~
如果問它與sketch有什么區(qū)別?這三點(diǎn)可以說明:
1、適用平臺(tái)
Sketch:支持macOS
Pixso:支持Windows、macOS、Linux
比起sketch的專供macOS用戶,Pixso是支持Windows、macOS、Linux各個(gè)平臺(tái)!
雖說做設(shè)計(jì)用Mac更好,但國(guó)內(nèi)市場(chǎng)上的設(shè)計(jì)師還是有很大一部分的Windows用戶,Pixso對(duì)win系統(tǒng)的支持,可謂是一大利好!
2、矢量編輯
Sketch:傳統(tǒng)鋼筆工具繪圖
Pixso:手柄可控制曲線彎曲程度;彎曲工具可直接拖動(dòng)取消;封閉區(qū)域可自動(dòng)填充;油漆桶工具可切換任意封閉區(qū)域的填充。
3、協(xié)作流程
Sketch:支持導(dǎo)出TIFF/WEBP;支持導(dǎo)出PDF/EPS;不支持生成代碼
Pixso:自動(dòng)生成(IOS/Andriod/CSS)代碼;支持導(dǎo)出PNG/JPG/SVG;自動(dòng)測(cè)量對(duì)象間距離。
對(duì)比下來(lái),是不是對(duì)Pixso有點(diǎn)興趣了呢?
Pixso作為集合了原型、設(shè)計(jì)、協(xié)作、交付和資源管理的設(shè)計(jì)平臺(tái),可以協(xié)助產(chǎn)品團(tuán)隊(duì)完成工作~ 不如就讓給我來(lái)復(fù)原一下使用Pixso進(jìn)行產(chǎn)品設(shè)計(jì)工作的全流程吧!
第一步:在Pixso上新建原型圖
原型圖簡(jiǎn)單的來(lái)說,就是【一款產(chǎn)品成型之前的一個(gè)簡(jiǎn)單的框架圖】,將頁(yè)面的排版布局展現(xiàn)出來(lái),每個(gè)功能鍵的交互,使產(chǎn)品的初步構(gòu)思有一個(gè)可視化的展示。原型圖無(wú)需非常精致,把產(chǎn)品的內(nèi)里核心、交互邏輯展現(xiàn)清楚即可。
它說到底并不是一個(gè)需要展示給用戶看的產(chǎn)品,通常是:開發(fā)、部門領(lǐng)導(dǎo)、UI設(shè)計(jì)師和測(cè)試。建議在設(shè)計(jì)原型時(shí),就開始思考整套產(chǎn)品的設(shè)計(jì)規(guī)范,可以最大程度的保持統(tǒng)一性。可以使用Pixso的團(tuán)隊(duì)組件庫(kù),建立起規(guī)范的組件模板后統(tǒng)一上傳,其他模塊均可以直接復(fù)用。
第二步:在Pixso上繪制高保真
Pixso作為UI工具,在設(shè)計(jì)這一塊的功能是非常完善的。首先可以在原型的基礎(chǔ)上直接開始設(shè)計(jì)。靈活的鋼筆工具,不同于Sketch只能在線上增加點(diǎn)或移動(dòng)單個(gè)點(diǎn),Pixso可以通過移動(dòng)矢量的線,所有連接的點(diǎn)也可以自動(dòng)跟隨~
第三步:實(shí)時(shí)協(xié)作、討論
基于云端的設(shè)計(jì),使得Pixso的協(xié)同性大大提升。想要了解項(xiàng)目進(jìn)度,不需要設(shè)計(jì)師多次傳輸稿件,點(diǎn)擊【分享】,就能通過鏈接把文件分享出去,而且內(nèi)容實(shí)時(shí)更新,非常方便。便捷的協(xié)作方式提高的不僅是效率,更是提升了溝通頻次,進(jìn)而能讓作品的優(yōu)化程度更上一步。
文件查看的權(quán)限也可以隨時(shí)調(diào)整,相應(yīng)的崗位拿對(duì)應(yīng)的權(quán)限,多人在一個(gè)文檔中工作也不會(huì)亂~
第四步:添加交互
設(shè)計(jì)稿完成后,產(chǎn)品經(jīng)理依然可以繼續(xù)在Pixso中完成原型交互的步驟,而不需要導(dǎo)入倒Axure等其他平臺(tái),即避免了細(xì)節(jié)的丟失,也節(jié)約了導(dǎo)入導(dǎo)出的時(shí)間。
最后一步:交付
交付是整個(gè)設(shè)計(jì)流程的最后一環(huán),將文稿交付給研發(fā)后設(shè)計(jì)基本就完成了自己的工作。
以往設(shè)計(jì)師都會(huì)通過第三方平臺(tái)進(jìn)行交付,但如果使用了Pixso作圖的話,可以直接使用pixso進(jìn)行交付,鏈接即可傳輸,無(wú)需導(dǎo)出文件和再次上傳,同時(shí)支持切圖、標(biāo)注等功能,前端能直接自行切圖。
最后再來(lái)總結(jié)一波Pixso的幾大特點(diǎn):
1、 多平臺(tái)適用!支持Windows、macOS、Linux系統(tǒng)
2、 無(wú)需安裝!打開網(wǎng)頁(yè)就可以使用,對(duì)電腦的性能配置要求低
3、 方便協(xié)作!能夠多人同時(shí)進(jìn)入同一文檔進(jìn)行工作,實(shí)時(shí)協(xié)同
4、 鏈接交付!文稿自動(dòng)生成鏈接,點(diǎn)開即可收獲所有內(nèi)容
（免責(zé)聲明：本網(wǎng)站內(nèi)容主要來(lái)自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿，凡在本網(wǎng)站出現(xiàn)的信息，均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性，但不保證有關(guān)資料的準(zhǔn)確性及可靠性，讀者在使用前請(qǐng)進(jìn)一步核實(shí)，并對(duì)任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對(duì)有關(guān)資料所引致的錯(cuò)誤、不確或遺漏，概不負(fù)任何法律責(zé)任。
任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁(yè)或鏈接內(nèi)容可能涉嫌侵犯其知識(shí)產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí)，應(yīng)及時(shí)向本網(wǎng)站提出書面權(quán)利通知或不實(shí)情況說明，并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后，將會(huì)依法盡快聯(lián)系相關(guān)文章源頭核實(shí)，溝通刪除相關(guān)內(nèi)容或斷開相關(guān)鏈接。 ）
