WebGallery

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

*

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

   

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

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

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

 - 色で表現 ,

  関連記事

サイトを見てるだけで食べたくなる!焼きたてチーズタルトの専門店「PABLO」

「焼きたてチーズタルト専門店 PABLO」のホームページです。 コンテンツやIn …

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

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

サイト全体の装飾を抑えてコンテンツに動きをつけることでさらに魅力的なデザインに

KinKi Kidsのオフィシャルサイト「KinKi Kids 20th Ann …

可愛いイラストと写真で子供にも大人にも見やすいフロアマップ

福岡県春日市にある小児歯科医院「にこにこ小児歯科」のホームページです。 スライダ …

グリッドレイアウトを使って実例をスタイリッシュに紹介している設計事務所のサイト4つ!

暑い!とにかく今年の7月は暑いです!! 関東でも一部地域で今年初の40度超えが観 …

ピンクのグラデーションが綺麗!なサイト3選

数年前からWebデザインのトレンドとして様々な所で取り上げられていますが、背景に …

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

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

色や動きを使ってイベントの雰囲気を演出したイベントサイトがおしゃれ!!

2017年4月22日の土曜日から7月2日の日曜日まで、東京都港区にある「アクアパ …

日本の伝統文様を使い、和風をアピールする

  祗園祭の新しい魅力をアピールしているWebサイトです。ターゲット層 …

アルバムごとのアイコンがすごく可愛い

  有名なColdplayのタイムラインサイトです。タイムラインで過去 …