![見出し画像](https://assets.st-note.com/production/uploads/images/87224172/rectangle_large_type_2_3cde76f53a73eeeb8e7e28387656a693.png?width=1200)
【Xd】プロトタイプ制作の練習手順
この記事は以下のような方におすすめです!
最近Xdのプロトタイプ機能を使用し始めた方
開発に動きを伝えるための簡単なアニメーションをXdでサクッと制作できるようになりたい方
Xdの機能をもっと使いこないしたい方
①Xd Trailでプロトタイプの基礎を学ぶ!
https://xdtrail.com/category/prototyping/
動画が用意されているので、独学でも理解しやすい。
初級編から上級編まで用意されているので、XdTrailに沿って練習していけば、基礎は間違いなし!サンプルファイルもDLできるため素材を自分で用意する手間がかからないのも良い。
②元データがある参考の動きを見て、再現する
Adobe公式サイトから配布されているプロトタイプ練習用のサンプルファイルがあ理、これには基本的なインタラクション、UI 要素、ドラッグの例が用意されている。
Xdでのプロトタピングの表現の幅は、広く、今後必須スキルとなっていきそうなので、これから練習を始める人の参考になれば幸いです!
この記事が気に入ったらサポートをしてみませんか?