目次
UX-design #Day5（Spotify）
目次
Spotifyのホーム画面の「ポッドキャスト」タブ内をトレースしてみた！
5日目。今日はSpotifyのホーム画面の「ポッドキャスト」タブの中をトレースしました。昨日作成した３つのタブはそのまま使用して、色だけ変更しました！画面の下半分がなかなか手強かったけれど（トレースした内容もなかなか強めのコンテンツだが）、まあまあ上手くいったと思ったので、成功としましょう！では今回も気づいたことを列挙していく！
- 画面の両側のmarginは15pxのようだ。
- 上半分と下半分の四角の大きさが違うことで、この画面をパッと見た時に領域が２つあることにすぐ気づくことができる。
- 今日のちょっと難関は、上半分のそれぞれの番組で新しいコンテンツがあるよと知らせてくれる丸い青のバッジを固定させる方法かな。フレームの中に固定させる方法があるんだけど、詳しくはFigmaの下の動画を見ると、勉強できる！
- 下半分の四角の中のプラスボタンに関しても、同様にオートレイアウトを無視するという方法でなんとかできた。
- 下半分のコンテンツで、文字間隔が文章内で変化していたのが少し困惑した。やっぱりこの文字間隔だと読みやすいと思ったから、文字間隔と行間って細かいけれど大事だと思った。
- 四角いオブジェクトのRoundは4の倍数
- 上半分の四角の大きさは指で押しやすいし、この四角の画像でなんの番組かわかるくらいの大きさだったから、ユーザーが快適に使えるオブジェクトのサイズって大事ね。
コメントを送る
世界をUXデザインでより良くする
UXコピーでより良くする
明日も一緒に