web-dev-qa-db-ja.com

ケーススタディやポートフォリオのUIインタラクション/アニメーションを紹介する最良の方法は?

私はケーススタディでいっぱいのサイトを構築しており、ユーザーがインターフェイスを操作する方法のUIアニメーションを表示する機能が必要です。私のアプリはブラウザベースのアプリです。

私が示したいいくつかの簡単なこと:

  • 左側のパネルセクションを折りたたんだり展開したりするユーザー
  • ファイルプレビューを操作するユーザー(ズーム、ドラッグ)

これには通常どの方法を使用しますか?スクリーンレコーディングアプリで録画してからビデオをサイトに入力するだけですか、それともプロトタイピングアプリを使用してそこから録画するのですか?私はビデオやアニメーションを通して紹介するのが初めてなので、どんな考えでも感謝されます。

enter image description here

1
jmchauv

ユーザーインタラクションを表示するためのアプリケーションの選択は、一度に表示するインタラクションの数、およびデモでオーディオを使用するかどうかによって異なります。

パネルの展開と折りたたみのように操作が小さすぎる場合は、GIFを作成できます。インタラクションが大きすぎる場合、Chrome、mozilla firefoxで利用できる多くの拡張機能がある画面記録アプリが最適です。 https://www.useloom.com/ 。カスタマイズされたビデオを作成したい場合は、CanvasFlipなどのアプリがあります。また、同様のアプリは https://medium.com/@CanvasFlip/prototyping-tools-to-record-your-mobile-app-web-prototypes-da7579a0d157 にもあります。

0
Angiras Joshi