音楽アプリの新規登録・再生画面

OVERVIEW

Daily Cocoda!のUIデザイン制作お題をブラッシュアップ

YEAR 2020

Overview

題材:音楽アプリの新規登録・再生画面

制作時間:3時間半

制作ツール:AdobeXD

媒体:アプリ

 

Details

ターゲット:おしゃれ好きな男子大学生

コンセプト:好みの音楽がレコメンドされる音楽アプリ

雰囲気:カジュアル、オシャレ

 

お気に入りに登録した音楽からおすすめの音楽が表示される音楽アプリ。

新規登録後好きな音楽を検索してマイライブラリに登録しておくことができる。

また再生中に似たタイプの音楽や同じアーティストの音楽が再生中の楽曲画像の左右にリコメンドされるので、画面を横スライドするとCDラックからアルバムを選ぶように曲を選択することが可能。再生ボタン下部から歌詞を見られるようになっている。

 

Processes

1.音楽アプリのリサーチ

2.素材の選定(アイコン、画像)

3.制作

 

■課題

・新規登録画面では「シンプルで入力する部分・ボタンの選択がわかりやすい」「オシャレなロゴ」を作成する。

・再生画面は通学時間に聴くことを想定して、「すぐに聴けるよう無駄なボタンを配置しない」デザインにする

 

■工夫した点

・再生中のジャケット画像が背景にぼんやりと反映されるため、カラフルなジャケットにも影響しない配色にした。