WebGallery

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

*

「くた女のお疲れ座談会」サイトの、パステルカラーの配色が可愛い!

   

elecomの商品を紹介している「くた女のお疲れ座談会」の特設サイトです。

ファーストビューのイラストがとてもかわいらしいデザインのサイトです。
画面下中央に配置された女性たちの写真から広がるように、葉っぱのイラストが描かれています。
パステルカラーを使うことで女性らしさも出ますし、中央の「お疲れ座談会」の配色の対比としてもバランスが取れている感じがします!

それぞれの女性が抱える、日々の仕事や家事での悩みを手書き風のフキダシを使って配置しています。
その下には「脚」や「肩」など、それぞれの部位ごとの悩みが書かれたボタンが配置されています。
クリックするとさらに下にコンテンツが表示され、「悩んでいる部分」、それに対する解決策を配置しています。
背景色を青からピンクに変えたり、真ん中に配置された女性を困った顔から笑顔にしたりして差をつけています。

それぞれ補色を使った色合いにすることで、プラスとマイナス両方のイメージがつきやすく、パステルカラーで可愛らしさも出ている

 - 色で表現 , ,

  関連記事

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

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

写真や色を使って華やかな雰囲気を表現した生花店

東京都府中市にある生花店「花智」のホームページです。 トップページの綺麗な花の写 …

500色の色鉛筆

  500色という文字よりもズラーッと背景に並んだ色とりどりの色鉛筆た …

黒い背景にインパクトのあるキャッチコピーと卵の写真で、重厚感のあるサイトがカッコいい!

鹿児島県曽於市にある卵・マヨネーズ等を販売している「サテライツ株式会社」のホーム …

女性やカップルでも親しみやすいように、イラストを使ったデザインにした特別展サイト

2017年4月11日の火曜日から6月4日の日曜日まで東京国立博物館で開催される「 …

アメコミ風のデザインで見た目を工夫し、ユーザーの好奇心を刺激する

試作部分開発・レーザ加工・治具設計制作を行っている「タイメック株式会社」のホーム …

サイト全体を白黒にして写真を際立たせて、さらにコンテンツを斜めに切り取って動きを演出したスイーツ屋さんがオシャレ!

パティスリー・サダハル・アオキ・パリ日本公式サイトです。 白と黒を基調とした、シ …

参考にしたい!グラデーションを使ったwebサイト5選!

最近はグラデーションを使ったデザインのwebサイトをよく目にします。色鮮やかなグ …

トップページやタイトル部分を縦書きにすることで和を意識した「肘折温泉」

山形県最上郡大蔵村にある温泉郷「湯の里 肘折温泉」のホームページです。 ファース …

ロゴが強調されるデザイン

  たまがわ花火大会の公式サイトです。トップに写真を大きく使い、花火の …