目次
UX-design #Day4（Spotify）
目次
Spotifyのホーム画面のすべてタブ内をトレースしてみた！
4日目。今日はSpotifyのホーム画面のすべてタブの中をトレースしました。ちょっとこれまで気づいてなかったかもしれないが、「あなたのTop Mix」のジャケット写真の下の方が完全に見えてないと思ったら、ちょっとShadowがかかっていて見えるという。ここが難しかったのと、グリットで画面左右のマージンが今まで間違っていたかも？と気づいたのでChallenge難しかったなと思いました。その他気づいたことを挙げていく！！
- スペースなどの値が8の倍数ではなく5の倍数の値が多かった！「すべて」「音楽」「ポッドキャスト」というタブも左右上下の余白が5の倍数だった。
- 上の8個の長方形としたの長方形、さらに正方形３つと。コンテンツの形が違うことによって分類が視覚的にできる。めっちゃいいよね。
- 長方形のは、正方形と長方形を組み合わせたオートレイアウト（フレーム）で作成できた！
- 今気づいたけど、ジャケ写だから正方形なのか！と。CDとか実際のモノも正方形だからか！と。美しいです。
- このジャケ写横の曲名やアルバム名が書いてある長方形のフレームの色が背景より少し明るい黒っていうだけで目立っていないのが良い。それによって、曲名とか文字がはっきり目に入ってくるという。色のバランスってめっちゃ重要だな。
- 今日頑張ったところは、「あなたへのおすすめ」下の長方形の右側部分かな。長方形の中に文字も再生ボタンも入っているし、さらにそれが両端にある！？どうする？と思ったが、文字だけでオートレイアウトでフレームに入れて再生ボタンとコンテナ分けたらできた！ナイス！！
コメントを送る
世界をUXデザインでより良くする
UXコピーでより良くする
明日も一緒に