WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 写真で表現 ,

Message

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

  関連記事

ヘッダーに固定された屋根と黒い背景で奥行きを出す

群馬県前橋市にある料理店「登利平」のホームページです。 ヘッダー上部にある屋根が …

軽井沢にあるリゾートホテルのサイトが使いやすくて便利!

群馬県吾妻郡長野原町にあるリゾートホテル「プレジデントリゾート軽井沢」のホームペ …

写真のサムネイルが本の見開きのようになっている

長野県上田市に拠点を持ち、北欧のヴィンテージ家具や雑貨など生活に関わるものを取り …

ファーストビューのインパクトのある重機の動画がカッコいい!

農業の機械を世界中に生産している「株式会社クボタ」の「壁がある。だから、行く。」 …

くるくると回るキャッチ画像

株式会社エーペック貿易のホームページです。 くるくると回るキャッチ画像がとても綺 …

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

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

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

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

短冊のような縦長のコンテンツと背景の竹のイラストで和風な雰囲気を出している温泉旅館

2016年12月に千葉県佐倉市にオープンした「佐倉天然温泉 澄流 -SUMIRE …

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

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

写真を使ってコンテンツを際立たせた旅館サイト

北海道の阿寒湖温泉街にある温泉宿「あかん鶴雅別荘 鄙の座」のホームページです。 …