【UI】Music Player
<作成フロー>
1、参考アプリUI画面をスクリーンショット
2、参考サービスのUI画面から要素を抽出
3、ワイヤーフレームの作成
4、コンポーネント カラーパターンの設計
5、UI画面の設計
<ユーザーイメージ>
・24歳OL
・音楽好き
・お洒落に気を遣う
<工夫した点>
ニュモーフィズムデザインに挑戦しました。
取り入れた理由は2つです。
1、洗礼された印象になるため、感度高いユーザーには好まれると思ったため
2、再生画面の要素はほとんどのアプリで共通しているため、ニューモーフィズムデザインを取り入れても操作に支障は出にくいと考えたため。
視認性を高めるためにアクティブ時(凹)とノンアクティブ時(凸)の塗り潰しの色を変えました。
ボタンの大きさと形状に合わせてシャドウの濃さと深さも変更しています。