WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 写真で表現 ,

Message

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

  関連記事

サイトの世界観を大切にした不動産会社のサイトが可愛くて素敵!

大分県大分市にある不動産会社「三越商事大分」のホームページです。 トップページの …

写真を用いて地元の魅力を最大限に出す

新潟県長岡市の「川口」を観光地として川口観光協会が紹介している「えちご川口」のホ …

フラットデザインを使った倉庫会社のサイトがシンプルでキレイ!

千葉県柏市にある常温・定温倉庫会社「新柏倉庫」のホームページです。 ロゴカラーを …

路地裏で楽しむ大人の隠れ家ステーキハウス

京都市にある大和牛・山形牛やオマール海老・京野菜などを目の前で調理してくれる創作 …

商品の紹介を最小限に抑え、写真を大きく見せることでスマートフォンからでも見やすくする

コーヒー機器製造メーカー「Kalita」のホームページです。 上部に固定されてい …

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

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

家族写真を撮ってくれるスタジオのサイトが透明感があってキレイ!

東京都渋谷区にあるスタジオ「Holidays PhotoService」のホーム …

装飾を使わずレスポンシブしやすいデザインに

建築会社「TASSAY」のホームページです。 写真などでブロック化されたコンテン …

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

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

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

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