第一步:在Pixso上新建原型圖
原型圖簡單的來說,就是【一款產(chǎn)品成型之前的一個簡單的框架圖】,將頁面的排版布局展現(xiàn)出來,每個功能鍵的交互,使產(chǎn)品的初步構(gòu)思有一個可視化的展示。原型圖無需非常精致,把產(chǎn)品的內(nèi)里核心、交互邏輯展現(xiàn)清楚即可。
它說到底并不是一個需要展示給用戶看的產(chǎn)品,通常是:開發(fā)、部門領(lǐng)導、UI設(shè)計師和測試。建議在設(shè)計原型時,就開始思考整套產(chǎn)品的設(shè)計規(guī)范,可以最大程度的保持統(tǒng)一性??梢允褂肞ixso的團隊組件庫,建立起規(guī)范的組件模板后統(tǒng)一上傳,其他模塊均可以直接復用。
第二步:在Pixso上繪制高保真
Pixso作為UI工具,在設(shè)計這一塊的功能是非常完善的。
首先可以在原型的基礎(chǔ)上直接開始設(shè)計。靈活的鋼筆工具,不同于Sketch只能在線上增加點或移動單個點,Pixso可以通過移動矢量的線,所有連接的點也可以自動跟隨~
第三步:實時協(xié)作、討論
基于云端的設(shè)計,使得Pixso的協(xié)同性大大提升。
想要了解項目進度,不需要設(shè)計師多次傳輸稿件,點擊【分享】,就能通過鏈接把文件分享出去,而且內(nèi)容實時更新,非常方便。便捷的協(xié)作方式提高的不僅是效率,更是提升了溝通頻次,進而能讓作品的優(yōu)化程度更上一步。
文件查看的權(quán)限也可以隨時調(diào)整,相應(yīng)的崗位拿對應(yīng)的權(quán)限,多人在一個文檔中工作也不會亂~
第四步:添加交互
設(shè)計稿完成后,產(chǎn)品經(jīng)理依然可以繼續(xù)在Pixso中完成原型交互的步驟,而不需要導入倒Axure等其他平臺,即避免了細節(jié)的丟失,也節(jié)約了導入導出的時間。
最后一步:交付
交付是整個設(shè)計流程的最后一環(huán),將文稿交付給研發(fā)后設(shè)計基本就完成了自己的工作。
以往設(shè)計師都會通過第三方平臺進行交付,但如果使用了Pixso作圖的話,可以直接使用pixso進行交付,鏈接即可傳輸,無需導出文件和再次上傳,同時支持切圖、標注等功能,前端能直接自行切圖。
最后再來總結(jié)一波Pixso的幾大特點:
1、 多平臺適用!支持Windows、macOS、Linux系統(tǒng)
2、 無需安裝!打開網(wǎng)頁就可以使用,對電腦的性能配置要求低
3、 方便協(xié)作!能夠多人同時進入同一文檔進行工作,實時協(xié)同
4、 鏈接交付!文稿自動生成鏈接,點開即可收獲所有內(nèi)容
如果覺得不錯的話,就點擊鏈接試試吧 → https://pixso.design/