目次
UX-design #Day3（Spotify）
目次
Spotifyのアルバム内の曲一覧画面をトレースしてみた！
3日目。今日はSpotifyのアルバムの曲一覧画面をトレースしました。今回は一部上手くいかなかった部分があり、Challengeにしました。特に難しかったのはジャケ写画像のShadowの調節が、実際のものと違うんですよね。これ、誰かご存知の方は教えていただけたら嬉しいですね。
（あ、今気づきましたが、私が何を聞いているのかわかってしまいますね。音楽の一時停止がそのままに。）
- このフォントがやはりFigmaに入っているInterとは違うなと思い検索したところ、「Spotify mix」というフォントがあるらしい。やはりそれぞれブランドオリジナルのフォントがあるのね。強い。
- アイコン同士の間隔は24px
- 再生ボタンはアイコンとしては大きめの縦横約45px。指で押しやすくはなっているが、左利きの人は片手で押しづらいかも。蛍光緑色は目立つ。タイトルの次くらいに目に入るボタンだと思う。
- 曲名と歌手名の間隔が、一昨日トレースしたライブラリのその間隔よりも広く私が作成した時は4pxだった。
- 今、みると、ダウンロードアイコンの矢印が左右非対称で美しくない。やはり、今日のは失敗だ。
- 文字の色の背景色とのコントラストが強いと目立つ、弱いとあまり目立たないというのを上手く使っている。ユーザーがどの情報を先に見たいかというのをわかっている。素晴らしい。
コメントを送る
世界をUXデザインでより良くする
UXコピーでより良くする
明日も一緒に