WebGallery

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

*

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

   

名称未設定 1

 

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

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

 - 写真で表現 ,

Message

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

  関連記事

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

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

文字の太さで強調する部分をはっきりさせる

  千葉県の海浜幕張公園で行われる花火フェスタのホームページです。背景 …

1画面に表示してインパクトを出す

  北海道にある物産協会のホームページです。トップページはスクロールせ …

雑誌のようなレイアウトのスライダーを使った美容室のサイトがカッコいい!

愛知県名古屋市と豊明市にある美容室「BUSH」のホームページです。 ファーストビ …

文字間や行間をあけて見た目をすっきりさせることで、文章を読みやすくする

愛知県名古屋市にある「名古屋外国語大学」の受験生サイトです。 写真を多様に使い、 …

画面いっぱいに画像を配置して文章のインパクトを強くする建築士事務所

愛知県松山市と神奈川県にオフィスを構える建築士事務所「i Landscape」の …

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

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

視線誘導がとても上手い「STRIA CLINIC」

福岡県福岡市にある医療レーザー脱毛専用医院「STRIA CLINIC(ストリア …

ワンちゃん・ネコちゃんをメインに作られたサイトが、どれもオシャレで可愛い!

今年でうちの愛猫も2歳になるのですが、大きくなるのは早いですね… 大きくなっても …

思わず観光に行きたくなる!帝釈峡観光協会のサイトがキレイ!

広島県北東部の庄原市東城町と神石高原町にまたがる、全長18キロメートルの峡谷「帝 …