WebGallery

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

*

白黒で配色されたスタイリッシュな住宅建設会社

      2016/11/07

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

札幌市にある住宅建設業者「フォレスタの家」のホームページです。

白黒で構成されたとてもシンプルなサイトです。ファーストビューのスライダーは1枚1枚がモデルルームのようなクオリティの写真と、右下に大きくキャッチコピーが配置され、インパクトのあるスライダーになっています。

必要最小限に押さえた色合いでデザインされており、コンテンツの部分では背景をつけタイトル部分には白にしたりと、背景の切り替えがとても参考になります。ボタンには黒と白でコントラストの強い配色ですが、その分文字を小さくしたり余白を少なめにしたりすることで小さい面積でも際立っています。

トップページのスライダーなどの動きもゆっくりとしているので、落ち着いた雰囲気が保たれています。可愛すぎずカッコよくなりすぎず、バランスのとれたデザインで参考になります。

 - 色で表現 , ,

  関連記事

情報をシンプルにまとめて動きをつけ、洗練されたデザインの歯医者さん

宮崎県宮崎市にある歯科「前田歯科クリニック高千穂通」のホームページです。 赤と白 …

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

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

ポップな色合いが楽しそうな「シェア畑」

畑を借りて野菜作りを楽しむ畑のレンタルサービス「シェア畑」のホームページです。 …

ヘッダー・コンテンツ・フッターで背景を分けメリハリを付けたデザインに

千葉県野田市にある美容室「mimpi」のホームページです。 ヘッダー・コンテンツ …

ロゴに合わせたイラストで可愛らしさを

  熊本県にあるカフェのWebサイトです。茶系のカラーリングで落ち着い …

ずっと見てられる!「シネマグラフ」を使ったwebサイト3選!

  参照元 http://www.embrulha.com/arte- …

タイトルと本文のフォントを使い分けることで、強調したい部分をはっきりさせる

東京都にある「国立大学法人 電気通信大学」のホームページです。 清涼感のあるキャ …

子どもだけでなく大人の男性・女性もターゲットにした「NINTENDO SWITCH」のサイトがおしゃれ!

2017年3月3日に発売された「NINTENDO SWITCH」のホームページで …

強く優しく未来を変えてくれそうな農業女子たち

女性農業者の活躍を多くの人に知ってもらう取り組み「農業女子PJ(農業女子プロジェ …

職人の想いが伝わってくる「あらき修福堂」

福岡県福岡市にあるバッグや家具を修理・補修・リペア再生をする「あらき修福堂様(有 …