WebGallery

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

*

様々な情報が各ブロックごとに色んな大きさで並んだレイアウト

      2016/02/05

名称未設定 1

長野県小谷村の観光公式サイトです。

左側にアイコンが縦に並んだメニュー欄、右側には温泉やスキー場などの観光スポットだけでなく、最新イベントや交通案内・FacebookなどのSNSが各ブロックごとに色んな大きさで並んでいます。さらにこのブロック、自分で動かして好きなようにレイアウトできるようになっています。

下のフッター部分はメインの部分が白っぽい色なのに対して紺色に文字をクリーム色に近い色にすることでメリハリがつきます。また、フッター部分にもメニューが配置され、情報量が多いページでは上に戻らなくても他のページに移動できるので便利ですね

 

 - 色で表現 , , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

ニュース一覧を見やすくした大学のサイトがかっこよくてオシャレ!

宮城県仙台市にある福祉大学「東北福祉大学」のホームページです。 ファーストビュー …

丸みを帯びたアイコンが親しみやすく感じる不動産屋さん

島根県松江市にある不動産会社「株式会社サカタ」のホームページです。 トップの夕焼 …

タグで切り替えて表示することで2ページ分の情報を1ページに収める

北海道河東郡音更町にある十勝川温泉の魅力を紹介する「潤い十勝川」のホームページで …

コンテンツいっぱいに写真を配置する

「放課後等デイサービス」というハッピーテラス株式会社が運営するサービスです。ロゴ …

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

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

配色で透明感を出す

  東京にある不動産会社のホームページです。全体的に水色と白で構成され …

500色の色鉛筆

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

黒を基調としたテイクアウト商品の販売サイトが高級感があっておしゃれ!

専門店のデリバリーサービス「TAKEOUT CAB(テイクアウトキャブ)」のホー …

最新のがん治療を使って、患者と一緒に治していく診療所

東京都港区にある診療所「アカサカフロイデクリニック」のホームページです。 シンプ …

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

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