0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

除了Sketch,還有哪些好用的設(shè)計(jì)軟件?

科訊視點(diǎn) ? 來源:科訊視點(diǎn) ? 作者:科訊視點(diǎn) ? 2021-08-25 14:39 ? 次閱讀

一提到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ì)比下來,是不是對(duì)Pixso有點(diǎn)興趣了呢?

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

poYBAGEl5ZOAdbWuAAAsKwScEDA999.png

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

原型圖簡(jiǎn)單的來說,就是【一款產(chǎn)品成型之前的一個(gè)簡(jiǎn)單的框架圖】,將頁面的排版布局展現(xiàn)出來,每個(gè)功能鍵的交互,使產(chǎn)品的初步構(gòu)思有一個(gè)可視化的展示。原型圖無需非常精致,把產(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)一性??梢允褂肞ixso的團(tuán)隊(duì)組件庫,建立起規(guī)范的組件模板后統(tǒng)一上傳,其他模塊均可以直接復(fù)用。

pYYBAGEl5ZOAdv1HAAA0VK1SeTE87.jpeg

第二步:在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í)間。

poYBAGEl5ZaAazBgAANDAcNNoJg327.png

最后一步:交付

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

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

poYBAGEl5ZaAB9LaAACHGKZAhXE83.jpeg

最后再來總結(jié)一波Pixso的幾大特點(diǎn):

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

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

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

4、 鏈接交付!文稿自動(dòng)生成鏈接,點(diǎn)開即可收獲所有內(nèi)容

如果覺得不錯(cuò)的話,就點(diǎn)擊鏈接試試吧 → https://pixso.design/

fqj

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
收藏 人收藏

    評(píng)論

    相關(guān)推薦

    除了雷電放散裝置,風(fēng)電場(chǎng)架空線路還有哪些防雷措施

    除了雷電放散裝置,風(fēng)電場(chǎng)架空線路還有哪些防雷措施?
    發(fā)表于 11-26 15:08 ?0次下載

    請(qǐng)問class D類運(yùn)放不好用作驅(qū)動(dòng)headphone的原因有哪些?

    請(qǐng)問class D類運(yùn)放不好用作驅(qū)動(dòng)headphone的原因除了EMI問題,還有沒有其它問題的限制,導(dǎo)致TI沒有生產(chǎn)class D的headphone功
    發(fā)表于 11-04 08:06

    數(shù)據(jù)分析除了spss還有什么

    Sciences)是一款非常流行的統(tǒng)計(jì)分析軟件,但除了SPSS之外,還有許多其他數(shù)據(jù)分析工具和方法。 引言 數(shù)據(jù)分析是一個(gè)跨學(xué)科的領(lǐng)域,涉及到統(tǒng)計(jì)學(xué)、計(jì)算機(jī)科學(xué)、數(shù)據(jù)挖掘、機(jī)器學(xué)習(xí)等多個(gè)領(lǐng)域。數(shù)據(jù)分析的目標(biāo)是從大量數(shù)據(jù)中提取有
    的頭像 發(fā)表于 07-05 15:01 ?644次閱讀

    除了英偉達(dá),這些AI概念公司在2024年還有巨大的投資價(jià)值(一)

    除了英偉達(dá),這些AI概念公司在2024年還有巨大的投資價(jià)值
    的頭像 發(fā)表于 06-18 18:15 ?991次閱讀
    <b class='flag-5'>除了</b>英偉達(dá),這些AI概念公司在2024年<b class='flag-5'>還有</b>巨大的投資價(jià)值(一)

    除了英偉達(dá),這些AI概念公司在2024年還有巨大的投資價(jià)值(三)

    除了英偉達(dá),這些AI概念公司在2024年還有巨大的投資價(jià)值
    的頭像 發(fā)表于 06-17 18:28 ?529次閱讀
    <b class='flag-5'>除了</b>英偉達(dá),這些AI概念公司在2024年<b class='flag-5'>還有</b>巨大的投資價(jià)值(三)

    除了英偉達(dá),這些AI概念公司在2024年還有巨大的投資價(jià)值(四)

    除了英偉達(dá),這些AI概念公司在2024年還有巨大的投資價(jià)值
    的頭像 發(fā)表于 06-17 18:27 ?533次閱讀
    <b class='flag-5'>除了</b>英偉達(dá),這些AI概念公司在2024年<b class='flag-5'>還有</b>巨大的投資價(jià)值(四)

    除了英偉達(dá),這些AI概念公司在2024年還有巨大的投資價(jià)值(五)

    除了英偉達(dá),這些AI概念公司在2024年還有巨大的投資價(jià)值
    的頭像 發(fā)表于 06-16 16:32 ?253次閱讀
    <b class='flag-5'>除了</b>英偉達(dá),這些AI概念公司在2024年<b class='flag-5'>還有</b>巨大的投資價(jià)值(五)

    除了英偉達(dá),這些AI概念公司在2024年還有巨大的投資價(jià)值(二)

    除了英偉達(dá),這些AI概念公司在2024年還有巨大的投資價(jià)值
    的頭像 發(fā)表于 06-16 16:22 ?301次閱讀
    <b class='flag-5'>除了</b>英偉達(dá),這些AI概念公司在2024年<b class='flag-5'>還有</b>巨大的投資價(jià)值(二)

    電話配線架除了110還有什么

    電話配線架除了110配線架外,還有其他類型的配線架,但具體的命名和類型可能因廠商和地區(qū)的不同而有所差異。 例如,華為提供了一種JPX202系列的電話配線架,包括JPX202-SF3D單面總配線架
    的頭像 發(fā)表于 06-07 10:25 ?516次閱讀

    電路仿真軟件除了multisim外,還有哪些?各有什么特點(diǎn)

    電路仿真軟件是一種能夠通過計(jì)算機(jī)模擬和分析電路行為的工具。它們可以幫助工程師和學(xué)習(xí)者在設(shè)計(jì)和驗(yàn)證電路時(shí)避免物理實(shí)驗(yàn)帶來的成本和時(shí)間限制。除了現(xiàn)在比較知名的Multisim軟件外,還有
    的頭像 發(fā)表于 05-04 10:58 ?6067次閱讀

    電路仿真軟件如何使用 電路仿真軟件有哪些好用

    電路仿真軟件的使用方法,并列舉一些常用的好用軟件。 使用電路仿真軟件的基本步驟如下: 創(chuàng)建電路圖:打開仿真軟件后,首先需要?jiǎng)?chuàng)建一個(gè)電路圖???/div>
    的頭像 發(fā)表于 05-04 10:51 ?2054次閱讀

    risc-v除了單片機(jī)還有其他應(yīng)用嗎?

    risc-v除了做單片機(jī),還有其他芯片和處理器用這種架構(gòu)的嗎?
    發(fā)表于 03-29 21:53

    谷歌模型軟件有哪些好用

    谷歌模型軟件好用程度可能因個(gè)人需求和技能水平而異,但以下是一些廣受歡迎的谷歌模型軟件,它們?cè)诟髯缘念I(lǐng)域內(nèi)有著出色的表現(xiàn)。
    的頭像 發(fā)表于 02-29 18:17 ?1073次閱讀

    除了S參數(shù),還有哪些網(wǎng)絡(luò)參數(shù)呢?

    對(duì)于射頻人員來講,最熟悉的可能就是S參數(shù)了。但是除了S參數(shù)之外,其實(shí)還有其他很多網(wǎng)絡(luò)參數(shù)。
    的頭像 發(fā)表于 02-27 16:35 ?1372次閱讀
    <b class='flag-5'>除了</b>S參數(shù),<b class='flag-5'>還有</b>哪些網(wǎng)絡(luò)參數(shù)呢?

    滑動(dòng)變阻器除了保護(hù)電路,還有什么作用?

    滑動(dòng)變阻器除了保護(hù)電路,還有什么作用? 滑動(dòng)變阻器是一種可調(diào)節(jié)電阻值的器件,常用于電路中。除了用于保護(hù)電路外,滑動(dòng)變阻器還有其他多個(gè)作用。下面將詳細(xì)介紹滑動(dòng)變阻器的各種作用。 1. 電
    的頭像 發(fā)表于 02-18 18:09 ?2193次閱讀