WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

モデルの髪色を強調するため、サイトの配色をグレー系にしたヘアカラー剤のサイトがスタイリッシュ!

   

ヘアカラー剤「THROW」のホームページです。

ファーストビューの透明感のあるイメージムービーがとても印象的なサイトです。
動画内に出てくる女性以外は白で統一されており、髪色が際立って見えるように工夫されています。

サイト全体の配色も、白と黒をベースに写真以外は色を使用していません。
そうすることで、より一層ヘアカラーで染めた髪の色に目線がいくようになっていて、柔らかく綺麗な発色のヘアカラーということが伝わってきます。

また、商品を紹介しているページでは、顔のアップや髪だけを撮影した写真だけでなく、服や装飾品のみの写真も一緒に配置して雑誌を見ているようなレイアウトです。
グリット沿ったレイアウトにするのではなく、あえて崩したレイアウトにすることでサイト全体に動きも出ています。

こういった写真や要素の配置は、自分でやってみたいとは思っても、なかなか難しくて思ったとおりのデザインにできなかったりしてしまうので、とても参考になります!

 - 色で表現

  関連記事

品川区にある漢方薬局のサイトが親しみやすくて可愛い!

東京都品川区にある漢方薬局「高山薬局」のホームページです。 ロゴカラーの茶色と緑 …

日本古来の色合いを使ってデザインされた着物専門店

東京都中央区銀座にある着物専門店「GINZA 和貴」のホームページです。 ファー …

目に優しい色合いと文字の大きさで、見る人の目の負担を軽減させた眼科のサイトデザイン

神奈川県藤沢市にある眼科「長後えんどう眼科」のホームページです。 オレンジと緑を …

装飾を多用せず、文字を使って可愛らしさを表現する

東京都にある株式会社ジプソフィラのホームページです。 健康食品を取り扱う会社で、 …

重要な情報は配色を逆にして目立たせているレストラン

大阪市にあるフレンチレストラン「convivialite」のホームページです。 …

記事の写真を活かしたシンプルなレイアウト

造花やドライフラワー・クリスマスグッズやディスプレイグッズを製造・販売しているメ …

写真以外の色を抑えて写真を際立たせる

北海道札幌市にある花屋ウェディング「有限会社 花たく」のホームページです。 白と …

グループの音楽性が一目で分かる

  Clean Banditの公式ホームページです。クラシックとベース …

岐阜県にある法律事務所のサイトがイラストを使ったデザインで可愛い!

岐阜県関市にある法律事務所「関あさくら法律事務所」のホームページです。 ファース …

エイプリルフールに公開されたサイトをご紹介!第四弾「Gboard 物理手書きバージョン」

Googleがエイプリルフールに公開した「Gboard 物理手書きバージョン」の …