見出し画像

Daily UI #9

こんにちは!
本日は音楽プレイヤーのUIデザインです!音楽大好き人間なのでワクワクしてます❣️

今回はレコードを意識したシンプルなUIをテーマに制作しました。
ジャケット写真寄って雰囲気や見やすさが変わらないように意識しました。

制作したUI

工夫した点

  • ジャケット写真を大きく見せるレイアウト(一番大切なのは再生している音楽がわかること)

  • タイトル・アーティスト・アルバム名などの情報はまとめて上部に表示

  • 歌詞の太さや透明度を調節して、今どこまで再生されたかをわかりやすく

  • ジャケットのデザインに左右されないようにモノトーンでまとめた

真ん中のレコード風なデザインを制作するところが難しかったです。
ジャケ写の真ん中に穴を開けるようなデザインは躊躇いがあったけど、再生・一時停止ボタンを設置することで調和の取れたデザインになったかなと思います!

本日も最後までお読みいただきありがとうございました!🐰

いいなと思ったら応援しよう!