WebGallery

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

*

青を基調とした建設会社が爽やかでキレイ!

   

愛知県名古屋市にある建設会社「BLUE HOMES(ブルーホームズ)」のホームページです。
ファーストビューの海の写真と、それに重なるように配置された青がとても綺麗で爽やかなサイトです。

全体のレイアウトはカチッとしていてシンプルなのですが、写真に重なるように文章を配置して雑誌のようなレイアウト部分があり、画面全体に動きが出ています。
また、背景色の切り替えやタイトルの装飾を波線にすることで柔らかい印象も受けますね!

文章とタイトルの文字の大きさに差はあまりありませんが、ゴシック体と明朝体で分けることでタイトルと文章の差が出ています。
タイトルのみ中央寄せにして周りとの余白を広めにとっているのも分かりやすい要素の1つになっています。
さらに、文字を少し小さめに設定することで画面全体が引き締まった印象になっています。

 - 色で表現 ,

  関連記事

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

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

背景にテクスチャをかけ、画面を引き締める

  石油関連事業を行っている会社のホームページです。ロゴのカラーである …

GWに行きたい!関東で開催しているフラワーイベント3選

もうすぐゴールデンウィークが始まりますね! 今年はどこに行こうとか、そろそろ予定 …

色んな大きさの写真を配置することで、シンプルだけどボリュームのあるデザイン

岡山県観光土産品協会が運営する「観射亭」のホームページです。 緑を基調としたとて …

天然の木の暖かさを出すために、木の表面の写真をたくさん使って紹介している「TAICHIRO」のサイト

国産の天然木を使って一枚板のテーブルを販売している「TAICHIRO」のホームペ …

ボタンを目立つ色にするのではなく、背景色を少し薄くして文字色を濃くする

商品「フェイスマスク ルルルン」のホームページです。 フェイスマスクということで …

可愛らしいデザインのボート教習所

ボートライセンススクール「国土交通省登録 小型船舶教習所 JEIS北陸信越」のホ …

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

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

パンやスイーツの種類を見やすくカテゴリで分ける

北海道の釧路市にあるパン屋さん「Pan de pan」のホームページです。 お店 …

リプトンカラーのデザインで気分も上がる!夏限定で自分だけのティードリンクを作ろう!

7月7日から8月31日までの期間限定で表参道にオープンしたアイスティー専門のカフ …