アプリUI 仕事の進め方
5-2. UIコンポーネントリスト制作
ボタンや入力フォームなどのアプリケーション全体で汎用的に使用するパーツを「UIコンポーネントリスト」としてデザインデータにまとめます。
スタイリングの工程で登場したUIコンポーネントのラインナップを網羅するデザインデータを作成します。主要画面展開の時点でUIコンポーネントが網羅できている場合は、早めにルール化し、残画面の展開前にUIコンポーネントリストを準備しておきます。これはコアデザインシステムの基礎となります。
![UIコンポーネントリスト](https://baigie.me/wp-content/uploads/2022/06/img_creative-materials_01-1400x1383.png)
マイクロインタラクション設計
UIコンポーネントを操作した時のマイクロインタラクションを設計します。ユーザー体験に大きく影響するため、実装後もデザイナーとエンジニアで適切なマイクロインタラクションを追求します。
![モーション指示書](https://baigie.me/wp-content/uploads/2022/06/img_front-end-engineering_01-1400x674.png)
※マイクロインタラクション:インタラクションデザインのひとつ。アプリケーション上でユーザーがある動作をしたときにおこる動きのこと。ユーザーのアクションに対する反応を動きで示すことで、状態の変化やフィードバックを効果的に伝える効果がある。