ITエンジニア/デザイナ向けにオープンソースを毎日紹介

言葉で説明しても分かりづらいことであっても、絵にすると分かりやすくなります。さらに、イラストではなくアニメーションなら、もっと伝わりやすくなることもあるでしょう。例えばアプリはUXも大事なので、アニメーションさせることで把握しやすくなります。

そんなアニメーションを伴うモックアップを作れるのがAnimockupです。映えるモックアップを作成できます。

Animockupの使い方

生成されるモックアップです。アニメーションGIFの他、WebMやMP4でダウンロードできます。

利用できるのは動画、画像そしてテキストとなっています。

動画の長さを指定できます。

Apple WatchやiMacなどのモックアップが指定可能です。

アニメーションさせる素材はあらかじめ自分で作成しておく必要があります。そしてAnimockupが用意するiOS系デバイスのモックアップに当てはめて、動画にできます。最後のちょっとした加工が面倒な時、Animockupを使ってみるといいでしょう。

AnimockupはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

Animockup — Free Animated Mockup Maker

alyssaxuu/animockup: Create animated mockups in the browser ?

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2