WebGallery

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

*

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

   

名称未設定 1

愛知県名古屋市にある「名古屋外国語大学」の受験生サイトです。

写真を多様に使い、その写真がボタンになっているデザインです。写真でどんな内容かの情報が一目で分かるようシンプルだけど分かりやすい構成ですね。右側には写真に負けないよう緑・赤・青の色で重要なボタンが配置されてます。

大学の強みやカリキュラムの紹介部分では文章が多いのですが、行間や文字間を空けることで余白ができ全体的にすっきりとした印象になります。また、5つの強みの部分では「留学」や「キャンパス」など5つのボタンが図ではなくボタンとして機能しており、その先のコンテンツにスクロールする仕組みになっています。図解として解説するのではなく、ボタンとして機能させるのは良いなと感じました。

さらに、そのコンテンツのタイトル部分の右側には、さらに詳しく紹介しているページに移動できるように右側にボタンが配置されています。見る人がどんどん情報を知れるよう誘導していてすごく参考になります。

 - 写真で表現 ,

Message

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

  関連記事

キャッチコピーで興味を持たせ、写真でイメージを補完しているホテル

神奈川県鎌倉市にあるホテル「鎌倉パークホテル」のホームページです。 ファーストビ …

豊富なメニューを横と縦の2つに分けて、すっきりとしたレイアウトにしたホテル

大分県別府市にあるホテル「城島高原ホテル」のホームページです。 ファーストビュー …

情報量を抑え、写真で見せるレストランのサイトが大人の雰囲気でとても綺麗!

神奈川県鎌倉市にあるフレンチレストラン「古我邸」のホームページです。 ファースト …

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

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

ジャンプ率の差を大きくしてタイトルを目立たせたツアーサイト

「UNISON SQUARE GARDEN」の6thアルバムツアー「Dr.Izz …

綺麗な写真が購買意欲をそそる和菓子屋さん

石川県金沢市に本社を構える「株式会社 柴舟小出」のホームページです。 全体的に色 …

写真を使って奥行き感のあるデザインにした料理店のサイトがおしゃれ!

長野県上田市にあるビストロ料理店「Fika」のホームページです。 ファーストビュ …

落ち着いたデザインで、写真の色を際立たせる

福岡県福岡市にあるケーキショップ「Jacques」のホームページです。 なんと今 …

綺麗になれそうな美容外科

東京都豊島区にある美容・形成外科「エルテ大塚クリニック」のホームページです。 フ …

夕日をイメージさせるメニューバーが綺麗な観光ホテル

福井県坂井市にあるホテル「東尋坊温泉 三国観光ホテル」のホームページです。 ファ …