DailyUI #005 アプリのアイコン

DailyUI5日目の制作物です。

1.DailyUI#のお題

5日目のお題は「アプリのアイコン」。
# 001で制作したワークアウトアプリのアイコンを作ることにしました。

制作の前にアプリのコンセプトについてまとめます。
アプリ名は「Muscle Mate」。
理想のボディラインを手に入れるための効果的なワークアウト方法を、毎日の健康管理を惜しまない20代後半女性に向けて発信するアプリです。

目指している理想像によってパーソナライズされた、毎日自宅でできる本格的なワークアウトメニューを提供します。

「ワークアウトを日々の習慣に取り入れて健康的で意欲的な生活を送って欲しい」というコアメッセージを設定しました。

2.ざっくりワイヤー

ざっくりワイヤー

3.制作したデザイン

制作したアイコン

ホーム画面に配置した時

4.デザインする上で考えたこと

• 競合調査の結果、運動している人のシルエット、ダンベルやタイマーなどのグッズのイラストを用いたもの、イラスト＋テキスト、テキストのみのものに分かれた。色は赤、青、緑を使ったものが多い。背景がグラデーションになっているものも複数あった。

• 女性向けのワークアウトアプリであることが直感的に伝わるよう、エネルギッシュな女性のシルエットを入れた

• 当サービスのイメージカラーを背景色にして、ホーム画面に並んだときに色で判別してもらいやすいようにした

• 女性のシルエットに影をつけることで、平面的で単調にならないようにした

5.反省点

• 短い時間でのアイコン作成だったので、女性のシルエットが中途半端な仕上がりになってしまった

• 影の落とし方はもっと勉強しないといけないなと思った

6.おわりに

アプリのアイコンデザインは、アプリの機能や強みを視覚的に表す要素でああり、アプリストアで競合に埋もれずにユーザーの目にとまるデザインを作る必要があることが分かりました。