對于ui設(shè)計(jì)師來說，網(wǎng)頁設(shè)計(jì)是一項(xiàng)必要的技能。如何做好網(wǎng)頁設(shè)計(jì)？除了設(shè)計(jì)理念，網(wǎng)頁設(shè)計(jì)和制作軟件的應(yīng)用也是不可或缺的。現(xiàn)在市場上有很多這樣的軟件，工人要想做好，首先要磨礪工具。如果他們想做網(wǎng)頁設(shè)計(jì)，他們需要一個(gè)稱職的“工具”，即易用的網(wǎng)頁設(shè)計(jì)軟件。
一.即時(shí)設(shè)計(jì)
即時(shí)設(shè)計(jì)是中國第一個(gè)專業(yè)在線ui設(shè)計(jì)工具，從早期對比開始figma，到現(xiàn)在figma在此基礎(chǔ)上，開發(fā)了許多更符合國內(nèi)設(shè)計(jì)師和團(tuán)隊(duì)需求的本師和團(tuán)隊(duì)需求的本地化功能。即時(shí)設(shè)計(jì)的實(shí)用功能和服務(wù)得到了數(shù)百萬客戶的認(rèn)可。
即時(shí)設(shè)計(jì) - 可實(shí)時(shí)協(xié)作的專業(yè) ui 設(shè)計(jì)工具
即時(shí)設(shè)計(jì)是一款支持在線協(xié)作的專業(yè)級 ui 設(shè)計(jì)工具，支持 sketch、figma、xd 格式導(dǎo)入，海量優(yōu)質(zhì)設(shè)計(jì)資源即拿即用。支持創(chuàng)建交互原型、獲取設(shè)計(jì)標(biāo)注，為產(chǎn)設(shè)研團(tuán)隊(duì)提供一站式協(xié)同辦公體驗(yàn)。
https://js.design/?source=csdnplan=yscsdn63
比figma優(yōu)點(diǎn)明顯：
國內(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)頁設(shè)計(jì)軟件，支持云在線網(wǎng)頁設(shè)計(jì)軟件win,.chrome.linux.mac多個(gè)平臺(tái)。
優(yōu)勢：
figma更方便的一點(diǎn)是文檔存儲(chǔ)是云，源文件鏈接實(shí)時(shí)更新，無需同步，可以在任何電腦上瀏覽。
figma設(shè)計(jì)文檔是一種鏈接方式，這意味著并行工作的可行性，即你可以同時(shí)做一個(gè)項(xiàng)目，同時(shí)修改設(shè)計(jì)~
此外，更好的件更加靈活和原子級。屬性面板中的每個(gè)特性都可以定義風(fēng)格，可以單獨(dú)存儲(chǔ)字體、投影、顏色和組合。
缺陷：
最無力吐槽的是中英文混排時(shí)的文字。fallback，中文支持一直存在問題，很多中文都不能正常顯示。
2.可支持簡單原型制作，不按比例縮放，不支持動(dòng)態(tài)按鍵.由于插件少，擴(kuò)展性功能需要研究。
3.服務(wù)器在國外使用不順暢，可以通過梯子找到體驗(yàn)感(但梯子也是錢啊……）
價(jià)格：
專業(yè)版每月15刀，公司團(tuán)隊(duì)版每月45刀
三.proto.io
基于web大多數(shù)瀏覽器都可以使用界面的網(wǎng)頁設(shè)計(jì)軟件，具有ios安卓下的調(diào)試器。
優(yōu)勢：
小編覺得io最大的優(yōu)點(diǎn)是可用性測試，它可以支持手機(jī)真機(jī)檢測，結(jié)合三方lookback(主要用于錄制屏幕)，測試結(jié)果可信度高。
此外io有很多標(biāo)準(zhǔn)ui元素庫可以快速出原形，而且很多都可以定制，這很棒。
缺陷：
1.沒有即時(shí)瀏覽，展示合作有點(diǎn)麻煩。
2.交互多的情況下，動(dòng)效會(huì)變慢，3d動(dòng)效不可能，這是軟肋。
3.使用proto.io所有的原形都存在web在平臺(tái)上，也就是在賬戶被取消后，完全無法再運(yùn)行。
價(jià)格：
5個(gè)活躍項(xiàng)目的套餐29美元/月，或288美元/年，基本足夠。
如果需要更多的話，對于10，.15.30個(gè)活躍項(xiàng)目也有相應(yīng)的套餐。
四.adobexd
adobe其原始設(shè)計(jì)工具，作為新產(chǎn)品，目前具有一定的市場熱度，支持mac和windows，
優(yōu)勢：
自然平臺(tái)的優(yōu)勢可以直接打開其他平臺(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)勢，但也是一把雙刃劍(后面會(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)勢：
1.矢量功能堅(jiān)實(shí)，像素完美。
2.快！真的很快，就像，就像，像，ai和ps打開有一些延遲，有啟動(dòng)畫面，而且sketch似乎沒有冷卻時(shí)間。
3.用sketch修改的很高興修改和調(diào)整！它可以實(shí)現(xiàn)全球控制，包括顏色庫.標(biāo)志庫.字體效果等，更新一個(gè)可以局部使用。
缺陷：
1.sketch是mac工具，只能在臺(tái)式機(jī)上運(yùn)行，對于windows/pc客戶不善良。
2.穩(wěn)定性有待提高，有時(shí)一天踩幾個(gè)bug會(huì)讓你懷疑生活。
3.非常吃內(nèi)存，要定期做好文檔內(nèi)存管理，否則卡屏、操作不順等問題就來了。
價(jià)格：
sketch價(jià)格有些復(fù)雜，基本價(jià)格.授權(quán)設(shè)備.軟件更新等因素構(gòu)成。
基本價(jià)相當(dāng)于購買軟件的價(jià)格，即99美元，一年內(nèi)免費(fèi)更新，僅限一臺(tái)電腦。
授權(quán)設(shè)備是多臺(tái)電腦使用的意思，這個(gè)價(jià)格是根據(jù)數(shù)量來提高的，沒有具體明確。
軟件更新是在購買軟件一年后，每年更新費(fèi)用為69美元。