【アプリUI(自主練)】音楽アプリの再生画面

UI デザイン

Cocoda! という無料でUIデザインの練習ができるサービスを利用して UI/UX デザインの練習をしています。

Cocoda(ココダ)は、デザイナーに知見と経験を提供するコミュニティサービスです。UIUX・グラフィックなどの実践的なデザインコンテンツに取り組んだり、デザイ…
cocoda-design.com

Day6 音楽アプリの再生画面

(初めて他の方からリアクションをもらえた作品です!)

ペルソナ

  • 20代後半 アパレルショップ店長
  • 清楚で可愛らしい雰囲気
  • プライベートより仕事優先
  • 唯一の癒しは通勤電車内で好きな音楽を聞くこと

できること

  • CDジャケットの表示
  • 曲名と歌手名の表示
  • 音楽の再生・停止
  • 音楽の巻戻し・早送り
  • 音量の調節

意識したこと、学んだこと

  • 朝からテンションが上がるように女性が好きそうな色合いで統一した
  • 音楽の再生アプリなので、CDをイメージしたデザインにした
  • 曲の進捗は直線ではなくディスクに沿った曲線にすることで、デザインパーツを減らした
  • shadow をつけることでタップできる印象をもたせた

反省点

  • 次の曲と前の曲を確認できるようにすればよかった

工数

40 min