![見出し画像](https://assets.st-note.com/production/uploads/images/63369421/rectangle_large_type_2_03f26275c32db8a2a5c21f7dfa3aa3a6.png?width=1200)
BOCCIA TITANIUM│#1日1サイトレビュー
>>時計商品紹介サイト
● 配色
基本はモノトーンの配色。
画像の背景色や小物等でベージュ、赤、モスグリーンが用いられている。
● フォント
ゴシック体で統一されており、スタイリッシュな印象を受ける。
● レイアウト
一番左上にブランドロゴ。その右隣ヘッダー箇所には3つのメニュー表記。
メインビジュアルはスライド式で自動で画像が切り替わる仕様となっている。
その下は、商品ラインナップ、NEWS、コンテンツ、サブメニュー。
フッターにはコピーライトのみ。
右下には常にトップに戻れるボタンが表示されている。
● その他自由に
画像の配置の仕方について、余白の使い方に注目してみた。コンテンツ部分の画像については余白がなく敷き詰められているが、その他の部分では余白が置かれているため、レイアウトにメリハリがあると感じた。日頃、余白の使い方を意識しているものの、実際どのように使い分けたらよいのかがいまいち分かっていなかったため、本サイトを見て大変勉強になった。
また、色使いがシックで自分好みだと感じた。
この記事が気に入ったらサポートをしてみませんか?