對(duì)于UI設(shè)計(jì)師來(lái)說,網(wǎng)頁(yè)設(shè)計(jì)是一項(xiàng)必要的技能。

如何做好網(wǎng)頁(yè)設(shè)計(jì)？除了設(shè)計(jì)理念,網(wǎng)頁(yè)設(shè)計(jì)和制作軟件的應(yīng)用也是不可或缺的。

現(xiàn)在市場(chǎng)上有很多這樣的軟件,工人要想做好,首先要磨礪工具。

如果他們想做網(wǎng)頁(yè)設(shè)計(jì),他們需要一個(gè)稱職的“工具”,即易用的網(wǎng)頁(yè)設(shè)計(jì)軟件。

一.即時(shí)設(shè)計(jì)。

即時(shí)設(shè)計(jì)是中國(guó)第一個(gè)專業(yè)在線UI設(shè)計(jì)工具,從早期對(duì)比開始Figma,到現(xiàn)在Figma在此基礎(chǔ)上,開發(fā)了許多更符合國(guó)內(nèi)設(shè)計(jì)師和團(tuán)隊(duì)需求的本師和團(tuán)隊(duì)需求的本地化功能。

即時(shí)設(shè)計(jì)的實(shí)用功能和服務(wù)得到了數(shù)百萬(wàn)客戶的認(rèn)可。

即時(shí)設(shè)計(jì) - 可實(shí)時(shí)協(xié)作的專業(yè) UI 設(shè)計(jì)工具。

即時(shí)設(shè)計(jì)是一款支持在線協(xié)作的專業(yè)級(jí) UI 設(shè)計(jì)工具,支持 Sketch、Figma、XD 格式導(dǎo)入,海量?jī)?yōu)質(zhì)設(shè)計(jì)資源即拿即用。

支持創(chuàng)建交互原型、獲取設(shè)計(jì)標(biāo)注,為產(chǎn)設(shè)研團(tuán)隊(duì)提供一站式協(xié)同辦公體驗(yàn)。

https://js.design/?source=csdn&plan=yscsdn63。

比Figma優(yōu)點(diǎn)明顯：。

國(guó)內(nèi)服務(wù)器部署可以保證順利瀏覽。

功能界面.幫助文檔.更新介紹,完美的中文支持,確保快速了解。

官方微信群,近24小時(shí)在線客服幫助解答問題,記錄需求。

個(gè)人和團(tuán)隊(duì)永久免費(fèi)。

不用擔(dān)心突然限制使用,設(shè)計(jì)資產(chǎn)的儲(chǔ)存更安全。

此外,即時(shí)設(shè)計(jì)基本學(xué)習(xí)設(shè)計(jì)功能Figma,基本編輯操作.矢量網(wǎng)格.輪廓等,先進(jìn)的網(wǎng)格布局.自動(dòng)布局.引用部件組合已經(jīng)有了,支持貝塞爾曲線的智能動(dòng)畫也已經(jīng)上線。

二.Figma。

支持云在線網(wǎng)頁(yè)設(shè)計(jì)軟件,支持云在線網(wǎng)頁(yè)設(shè)計(jì)軟件Win,.Chrome.Linux.Mac多個(gè)平臺(tái)。

優(yōu)勢(shì)：。

Figma更方便的一點(diǎn)是文檔存儲(chǔ)是云,源文件鏈接實(shí)時(shí)更新,無(wú)需同步,可以在任何電腦上瀏覽。

Figma設(shè)計(jì)文檔是一種鏈接方式,這意味著并行工作的可行性,即你可以同時(shí)做一個(gè)項(xiàng)目,同時(shí)修改設(shè)計(jì)~。

此外,更好的件更加靈活和原子級(jí)。

屬性面板中的每個(gè)特性都可以定義風(fēng)格,可以單獨(dú)存儲(chǔ)字體、投影、顏色和組合。

缺陷：。

最無(wú)力吐槽的是中英文混排時(shí)的文字。

fallback,中文支持一直存在問題,很多中文都不能正常顯示。

2.可支持簡(jiǎn)單原型制作,不按比例縮放,不支持動(dòng)態(tài)按鍵.由于插件少,擴(kuò)展性功能需要研究。

3.服務(wù)器在國(guó)外使用不順暢,可以通過梯子找到體驗(yàn)感(但梯子也是錢啊……）。

價(jià)格：。

專業(yè)版每月15刀,公司團(tuán)隊(duì)版每月45刀。

三.Proto.io。

基于Web大多數(shù)瀏覽器都可以使用界面的網(wǎng)頁(yè)設(shè)計(jì)軟件,具有IOS安卓下的調(diào)試器。

優(yōu)勢(shì)：。

小編覺得io最大的優(yōu)點(diǎn)是可用性測(cè)試,它可以支持手機(jī)真機(jī)檢測(cè),結(jié)合三方lookback(主要用于錄制屏幕),測(cè)試結(jié)果可信度高。

此外io有很多標(biāo)準(zhǔn)UI元素庫(kù)可以快速出原形,而且很多都可以定制,這很棒。

缺陷：。

1.沒有即時(shí)瀏覽,展示合作有點(diǎn)麻煩。

2.交互多的情況下,動(dòng)效會(huì)變慢,3D動(dòng)效不可能,這是軟肋。

3.使用Proto.io所有的原形都存在web在平臺(tái)上,也就是在賬戶被取消后,完全無(wú)法再運(yùn)行。

價(jià)格：。

5個(gè)活躍項(xiàng)目的套餐29美元/月,或288美元/年,基本足夠。

如果需要更多的話,對(duì)于10,.15.30個(gè)活躍項(xiàng)目也有相應(yīng)的套餐。

四.AdobeXD。

Adobe其原始設(shè)計(jì)工具,作為新產(chǎn)品,目前具有一定的市場(chǎng)熱度,支持MAC和Windows,。

優(yōu)勢(shì)：。

自然平臺(tái)的優(yōu)勢(shì)可以直接打開其他平臺(tái)Adobe工具以及Sketch中文,并使用過Adobe其他產(chǎn)品的設(shè)計(jì)師上手沒有壓力。

AdobeXD矢量編輯基礎(chǔ)結(jié)構(gòu)堅(jiān)實(shí),槍擊功能準(zhǔn)確,靈活性強(qiáng),像素和矢量圖形可靈活轉(zhuǎn)換,集合AI和PS一體。

3.軟件更新迭代快,這是功能上的優(yōu)勢(shì),但也是一把雙刃劍(后面會(huì)提到)。

缺陷：。

沒有插件就得不到CSS,阻礙了導(dǎo)出設(shè)計(jì)。

上述更新問題,非原始更新速度和穩(wěn)定性,大量更新更麻煩,更新后可能有新的bug。

儲(chǔ)存操作,AdobeXD目前需要登錄Adobeicloud賬戶、云存儲(chǔ)管理。

價(jià)格：。

9.99美金/月。

五.Sketch。

便于高效合作UI設(shè)計(jì)領(lǐng)域矢量繪圖軟件,僅支持設(shè)計(jì)領(lǐng)域矢量繪圖軟件,MAC。

優(yōu)勢(shì)：。

1.矢量功能堅(jiān)實(shí),像素完美。

2.快！真的很快,就像,就像,像,AI和PS打開有一些延遲,有啟動(dòng)畫面,而且Sketch似乎沒有冷卻時(shí)間。

3.用Sketch修改的很高興修改和調(diào)整！它可以實(shí)現(xiàn)全球控制,包括顏色庫(kù).標(biāo)志庫(kù).字體效果等,更新一個(gè)可以局部使用。

缺陷：。

1.Sketch是Mac工具,只能在臺(tái)式機(jī)上運(yùn)行,對(duì)于Windows/PC客戶不善良。

2.穩(wěn)定性有待提高,有時(shí)一天踩幾個(gè)bug會(huì)讓你懷疑生活。

3.非常吃內(nèi)存,要定期做好文檔內(nèi)存管理,否則卡屏、操作不順等問題就來(lái)了。

價(jià)格：。

Sketch價(jià)格有些復(fù)雜,基本價(jià)格.授權(quán)設(shè)備.軟件更新等因素構(gòu)成。

基本價(jià)相當(dāng)于購(gòu)買軟件的價(jià)格,即99美元,一年內(nèi)免費(fèi)更新,僅限一臺(tái)電腦。

授權(quán)設(shè)備是多臺(tái)電腦使用的意思,這個(gè)價(jià)格是根據(jù)數(shù)量來(lái)提高的,沒有具體明確。

軟件更新是在購(gòu)買軟件一年后,每年更新費(fèi)用為69美元。