Adobe Stockのデータとインタラクションを含むビジュアルを使い、コンパクトなインターフェイスでの操作性を向上しましょう。

ユーザーのフィードバックを表現する素材を検索する

ux iconsをキーワードにAdobe Stockで検索し、プロジェクトに合う編集可能なアートワークを見つけます。

customer-feedback-data-icons-step1_900x506

情報を表現するアートワークを選択する

Adobe Illustratorのテンプレートから、デザインで使用する編集可能なベクターアートワークを選択し、コピーします。

customer-feedback-data-icons-step2_900x506

アートワークをペーストし、編集する

アートワークをAdobe XDのレイアウトにペーストし、データに応じてベクターのアンカーポイントを編集します。 

customer-feedback-data-icons-step3_900x506

アートワークにカラーと効果を適用する

半透明色のグラデーションを適用して、チャートに奥行きを加えます。

customer-feedback-data-icons-step4_900x506

完成

データがわかりやすく、インタラクションが使いやすいモバイルデザインが完成しました。

customer-feedback-data-icons-step5_900x506

Adobe Stockの厳選されたコレクションから、次回のプロジェクトに活用できる素材を見つけましょう。

03/20/2020
このページは役に立ちましたか。