當前位置:編程學習大全網 - 站長素材 - ui設計作品集裏的動效怎麽做的(ui作品集用什麽做比較好)

ui設計作品集裏的動效怎麽做的(ui作品集用什麽做比較好)

動效制作工具

目前有壹些非常流行的動效設計工具,它們基於不同的技術,也有各自的特點。妳可以從中選擇妳最喜歡的來使用。

壹.Framer

Framer是壹個基於Javascript的原型設計工具,並且它是壹個開源項目。Framer有以下壹些特點:支持手勢、動效、狀態、基於網頁、容易實現、可在任何設備上瀏覽。如果妳很精通Javascript,那麽這個工具應該會適合妳。

二.Principle

Principle

可能是所有動效工具中最簡單易用的。妳只需要設置屏幕A和屏幕B,Principle就能自動地產生這兩個屏幕之間的過渡動效。當然,妳也可以通過設置不同的時間和動效曲線,來調整動效。Principle是壹個桌面應用,它的界面和Sketch非常像,另外,妳可以方便地將Sketch中的設計直接拷貝到Principle中使用。

三.Flinto

Flinto和Principle壹樣,也非常簡單易用。特別的是,它提供了壹個[Skech插件],能夠直接將妳Sketch中的Artbords和3D

transform導出到Flinto中。

四Origami

Origami是壹款免費的Quartz

Composer的插件,Origami使QC的界面變得更加友好,更加適合進行移動App的界面設計。從2013年5月開始,Facebook的產品設計師們就開始開發這款QC插件。Origami的開發過程與Paper壹同進行,隨著Paper的功能越來越復雜,Origami也變得越來越強大,Paper上的每個動畫效果都是由設計師首先在Origami上制作成型後,再由iOS工程師編寫的。

五.AfterEffects

After

Effect簡稱稱AE,是adobe公司開發的壹個動效設計軟件。對於那些不碰代碼的純設計師來說是非常理想的動畫設計工具。在Dribbble上有很多使用AE制作的優秀動效作品。相比其他工具,AE是壹個比較傳統的工具,使用禎和層來定義動畫。作為Adobe的產品,它的很多功能和Photoshop很像,但針對動效有很多附加功能。

  • 上一篇:iOS上好用的p圖軟件,可以把壹個人的頭p到另壹個人身上去的那種?
  • 下一篇:想幸福的人 講的是什麽
  • copyright 2024編程學習大全網