對(duì)于UI平面設(shè)計(jì)動(dòng)效設(shè)計(jì),有多種軟件可供選擇。以下是一些主流且功能強(qiáng)大的軟件推薦:
1. Adobe After Effects:
功能極為強(qiáng)大,是視覺(jué)和UI設(shè)計(jì)師心目中的行業(yè)標(biāo)準(zhǔn)。
不僅可以用于UI動(dòng)畫設(shè)計(jì),還在電影、電視、視頻和網(wǎng)絡(luò)的動(dòng)態(tài)圖形和視覺(jué)效果的合成方面表現(xiàn)出色。
提供了豐富的素材和學(xué)習(xí)資源,但學(xué)習(xí)曲線較陡峭,對(duì)計(jì)算機(jī)性能要求較高。
2. Origami Studio:
由Facebook團(tuán)隊(duì)創(chuàng)建的免費(fèi)UI動(dòng)畫工具,支持從UI組件庫(kù)中拖放組件來(lái)快速創(chuàng)建交互和動(dòng)畫。
開(kāi)源軟件,完全免費(fèi),但僅支持Mac系統(tǒng)。
需要一定的編碼知識(shí)和較高的學(xué)習(xí)成本。
3. Flinto:
輕巧而全面的原型制作和UI動(dòng)畫工具,支持為應(yīng)用程序和Web創(chuàng)建交互式和動(dòng)畫原型。
提供了動(dòng)畫工具,供設(shè)計(jì)人員快速創(chuàng)建基于過(guò)渡的動(dòng)畫,并支持在移動(dòng)設(shè)備和PC上流暢預(yù)覽。
同樣僅支持Mac系統(tǒng),不支持Photoshop導(dǎo)入,且沒(méi)有時(shí)間軸功能。
4. Framer:
基于JavaScript的開(kāi)源軟件,主要用于交互式動(dòng)效設(shè)計(jì)。
可以快速導(dǎo)入Photoshop和Sketch設(shè)計(jì)稿,實(shí)時(shí)預(yù)覽,并制作復(fù)雜的交互式原型或動(dòng)效。
支持Mac系統(tǒng),但需要編碼知識(shí),且沒(méi)有標(biāo)注工具。
5. 摹客:
面向設(shè)計(jì)人員和開(kāi)發(fā)人員的在線協(xié)作工具,支持從PS、Adobe XD和Sketch中上傳原型和視覺(jué)設(shè)計(jì)。
提供了多種UI動(dòng)畫效果,并可以在平臺(tái)內(nèi)完成包括動(dòng)效設(shè)置、原型設(shè)計(jì)和設(shè)計(jì)交付的完整工作流程。
支持多種系統(tǒng),但Adobe XD、Sketch、Axure和Photoshop上設(shè)置的動(dòng)畫無(wú)法直接導(dǎo)入iDoc。
6. Adobe XD:
專業(yè)的UI設(shè)計(jì)軟件,包含了許多有價(jià)值的功能來(lái)幫助用戶制作原型。
支持矢量繪圖工具、3D繪圖工具、可重用組件、重復(fù)網(wǎng)格、自動(dòng)動(dòng)畫和內(nèi)容感知布局等功能。
可以渲染動(dòng)畫,嵌入可播放的視頻,創(chuàng)建生動(dòng)的動(dòng)畫原型。
7. 即時(shí)設(shè)計(jì):
免費(fèi)的在線UI設(shè)計(jì)工具,無(wú)系統(tǒng)限制,瀏覽器打開(kāi)即可使用。
提供了豐富的在線素材、云端字體、交互動(dòng)畫等功能,滿足多種設(shè)計(jì)需求。
支持移動(dòng)端、Web端、可視化大屏等設(shè)計(jì)場(chǎng)景,并可與產(chǎn)品、開(kāi)發(fā)團(tuán)隊(duì)輕松協(xié)作。
8. Protopie:
輕量級(jí)UI動(dòng)態(tài)軟件,支持在線協(xié)作快速制作交互原型并在手機(jī)上測(cè)試。
操作原理簡(jiǎn)單,交互等于觸發(fā)動(dòng)作加反應(yīng)動(dòng)作加對(duì)象,可以自由組合制作高保真交互原型。
支持Mac和Windows雙平臺(tái)。
9. Principle:
另一款輕量級(jí)UI動(dòng)態(tài)軟件,通常與Axure一起使用。
只能在Mac系統(tǒng)中使用,對(duì)于不熟悉它的人來(lái)說(shuō)可能有點(diǎn)困難。
10. Motion UI:
- 基于Sass的CSS過(guò)渡和動(dòng)效設(shè)計(jì)庫(kù),為CSS文件提供20多種過(guò)渡和動(dòng)畫效果。
- 支持系列動(dòng)畫效果,用戶可以自定義7個(gè)維度的動(dòng)畫。
- 開(kāi)源工具,但需要編碼知識(shí)。
11. Hype:
- Mac上的HTML5動(dòng)畫制作軟件,不需要Flash插件和代碼即可制作H5動(dòng)畫。
- 具有所見(jiàn)即所得的功能,可以使用時(shí)間軸為不同的場(chǎng)景制作交互式動(dòng)畫。
- 支持將文件導(dǎo)出為視頻和GIF,但僅支持Mac系統(tǒng)。
12. Lottie:
- 由Airbnb創(chuàng)建的開(kāi)源動(dòng)效庫(kù),支持Android、iOS和React Native。
- 支持演示從Adobe After Effects導(dǎo)出的JSON文件,并可以快速實(shí)現(xiàn)動(dòng)畫效果。
- 包含各種動(dòng)畫資源,但不支持表達(dá)式或效果菜單中的任何效果。
在選擇軟件時(shí),建議根據(jù)自己的需求、技能水平和預(yù)算進(jìn)行綜合考慮。同時(shí),也可以嘗試多款軟件,以找到最適合自己的工具。