WebGallery

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

*

余白を使い、高級で洗練されたレイアウトにする

   

名称未設定 1

 

2017年に公開されるトワイライトエクスプレス「瑞風」の特設サイトです。黒地に瑞風が写っているというだけで凄いインパクトがあります。中央に配置されたロゴマークなどは落ち着いた黄色を使い、高級感のあるデザインです。グローバルナビもシンプルに作られ、コンテンツ毎にフォントの色も変わりこだわって作られています。シングルページで構成され、コンテンツの上下に黄色い線で区切りをつけている所も一工夫されていると感じました。

スクロールすると各コンテンツで写真と合わせて背景が変わっており、それぞれ違ったアングルから瑞風を見る事ができ、一番下に行くと夜の写真になるのも綺麗です。フォントカラーは緑と黄色で統一されています。文章も明朝体で書かれ、中央に配置し余白を大きく使っているので、とても綺麗なレイアウトだと感じました。

 - 写真で表現 ,

Message

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

  関連記事

臨場感のある写真で、教会の神秘的な雰囲気を味わえる

長野県軽井沢町にある教会「石の教会 内村鑑三記念堂」のホームページです。 トップ …

背景に写真をたくさん使用して、ログハウスの雰囲気を伝えているカフェ&スクール

東京都荒川区西日暮里にあるスイス風ログハウスのカフェ&スクール「CHAL …

ボタンに地図を使用し、見ただけでどこにあるのか一目で分かる

株式会社ベネッセホールディングスと公益財団法人 福武財団によって行われているアー …

青とゴールドの組み合わせがゴージャス!なバーのサイト

今年もあと僅かになりましたね… 何だか今年はあっという間だった気がします(毎年言 …

京都の魅力がギュッとつまった観光情報配信サイト

株式会社ユニオンネットが運営する、京都のおすすめ観光スポットを掲載している「KY …

車の世界観に合わせたデザインがグッとくる!「Make Your own RENOCA」のサイト

トヨタのランドクルーザーとハイエースの専門店を全国展開する「フレックス」が、リノ …

幻想的な空間のファーストビューが綺麗なイベントサイトがおしゃれ!

2017年7月8日の土曜日から10月1日の日曜日まで、東京都品川区にある「アクア …

デザインの参考にしたい!スプリットスクリーンを使った旅館のサイト3選!

「分割式スクリーンレイアウト」や「分割式レイアウト」とも呼ばれるスプリットスクリ …

キャッチコピーで見る人の心を掴む!KOSEの「feliscent」

KOSEの取り扱い商品「feliscent(フェリセント)」のホームページです。 …

白と黒のコントラストが綺麗なレストラン

大阪堺市にあるフレンチレストラン「h」のホームページです。 ヘッダーの中央に配置 …