WebGallery

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

*

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

   

名称未設定 1

 

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

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

 - 写真で表現 ,

Message

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

  関連記事

5時間以上かけて炉窯で焼きあげる

東京都渋谷区にある薪焼きレストラン「炉窯ステーキ 煉瓦」のホームページです。 ト …

情報を記載した部分のみ、スクロールにする

  バイオリニスト「Ayasa」さんの公式ホームページです。何種類かの …

写真を様々な形に切り取ることでアクセントに

  表参道にある鳥カフェのホームページです。アクセントに様々な種類の鳥 …

とにかくオシャレ!ミニマルデザインを取り入れたカフェのサイト3選!

無駄な要素を除いて、エレガントで洗練された「ミニマルデザイン」のwebサイトをよ …

ボタニカル!なデザインの植物販売サイト5選

最近CMなどで「ボタニカル」というキーワードをよく耳にするようになりました。 「 …

動きや写真で伝統や歴史の重さを表現する

開創から1200年を迎えた高野山の公式ホームページです。トップにあるそれぞれの写 …

左側にスライダー、右側にコンテンツのレイアウトでデザインされた花火大会のサイト2選!

あっという間に6月も中旬ですねー! 今回は、少し先ですが8月に開催される花火大会 …

商品のイメージカラーを使い、統一感を出す

  森永乳業の「ピノフォンデュカフェ」の特設サイトです。ピノのパッケー …

黒背景に写真のコントラストが美しいレストラン

2016年4月北海道札幌市にオープンした「北海道料理 海籠」のホームページです。 …

シンプルなレイアウトで、モデルの写真を際立たせた美容院

東京都福生市と昭島市の駅前にある美容室「vivarc」のホームページです。 ファ …