WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 写真で表現 ,

Message

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

  関連記事

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

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

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

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

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

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

手描きのようなアイコンで視認性だけでなく、見た目にも可愛らしさを

東京都中央区新川にある和菓子屋「翠江堂(すいこうどう)」のホームページです。 左 …

写真を最大限に利用して、雰囲気を味わえる教会

長野県軽井沢にある、「軽井沢高原教会」のホームページです。 三角の形をした特徴的 …

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

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

情報の内容ごとに、デザインを変えてそれぞれの印象を持たせる

JR西日本の「あしたセレンディピティ」の特設サイトです。 女性らしく可愛らしいデ …

群馬県にある眼科のサイトが、様々なレイアウトでデザインされててカッコいい!

群馬県高崎市にある眼科「だるま眼科」のホームページです。 トップページのレイアウ …

森の中をイメージさせるサイトのデザインが可愛い!茨城県つくば市にある結婚式場「バウム」

茨城県つくば市二ノ宮の少人数結婚式の結婚式場「レストランウエディング バウム」の …

上空から撮影したリゾート地の写真がカッコいい!サイト

三重県志摩市にあるリゾート施設「NEMU HOTEL & RESORT( …