WebGallery

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

*

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

   

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

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

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

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

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

 - 色で表現

  関連記事

アニメのサイトということを忘れてしまいそうな「セーラームーン 25周年特設サイト」が凄い!

期間限定で公開されている「美少女戦士セーラームーン」の25周年特設サイトです。 …

ウミゴミラを助けるべく、海ゴミを拾おう!

香川県海ごみ対策推進協議会が行っている瀬戸内海を汚すゴミをみんなで楽しく探して意 …

春間近!桜とピンクを効果的に使ったデザインの「お~いお茶の2018年春特設サイト」

2018年「春到来。桜お~いお茶」の特設サイトです。 ファーストビューの有村架純 …

三角形を使って作られた「花と緑と水の町」のふるさと納税サイト

宮崎県三股町のふるさと納税特設サイトです。 黄色と黒を基調としたパキッとしたデザ …

こんな素敵な宿に泊まってみたい!美しいヒーローヘッダーを使ったホテル・旅館のサイト3選

約1ヶ月ぶりの更新となってしまいました… 何だかんだで、あっという間に10月に入 …

アルバムイメージに沿ったデザイン

  The Scriptの公式ホームページです。こちらは前回のClea …

様々なグラフがアニメーションで表示される

平安時代にかまぼこが表記されてから2015年で900周年を迎えたそうです。全国か …

アーティストのロゴマークをメニューボタンにした、オリジナリティあふれる感じ

1994年に結成された男性ヒップホップグループ「RIP SLYME」のニューアル …

ファーストビューで対象者がわかるようにしたデザインの「椿音楽教室」

東京でピアノ教室など11の音楽教室を開講している「椿音楽教室」のホームページです …

カットスタイルごとのギャラリーで好みの髪型をすぐ見つけられる美容院

渋谷にある美容院「Pure Soul」のホームページです。 トップページのスライ …