WebGallery

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

*

タイトルと本文のフォントを使い分けることで、強調したい部分をはっきりさせる

   

名称未設定 1

東京都にある「国立大学法人 電気通信大学」のホームページです。

清涼感のあるキャッチ画像と明朝で書かれたキャッチコピーが印象的なサイトです。スライダーは2つのみですが、スライダーを切り替える部分のボタンが正方形や丸ではなく、長方形でデザインするだけで全く違う印象になります。

全体的にフォントは小さめで、中央に配置し左右に大きく余白を取ることで洗練された感じになっています。タイトルや見出しは明朝体、本文はゴシック体と分けることで強調される部分がさらにはっきりとしたデザインになるので、参考になります。

また、サブページのタイトル部分の写真も、ロゴの色の青を使って薄くしているので統一感がでて素晴らしいと感じました。

 - 色で表現 ,

Message

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

  関連記事

白黒の配色と扇形の写真の切り取り方を使った重厚感ある香料メーカー

200年あまりの歴史を持つ香料メーカー「塩野香料株式会社」のホームページです。 …

ウミゴミラを助けるべく、海ゴミを拾おう!

香川県海ごみ対策推進協議会が行っている瀬戸内海を汚すゴミをみんなで楽しく探して意 …

青をメインに、女性にも親しみやすいようにデザインされたサイト

長崎県長崎市に本社をかまえ、長崎から食材をホテルやレストランに届ける「株式会社イ …

500色の色鉛筆

  500色という文字よりもズラーッと背景に並んだ色とりどりの色鉛筆た …

画面全体に表示され、スマートフォンからでも操作しやすく

2015年11月にグランドオープンしたばかりの、静岡県の伊豆高原・大室山の麓にあ …

写真や色を使って華やかな雰囲気を表現した生花店

東京都府中市にある生花店「花智」のホームページです。 トップページの綺麗な花の写 …

重要な情報は配色を逆にして目立たせているレストラン

大阪市にあるフレンチレストラン「convivialite」のホームページです。 …

広島にある整体専門店のサイトが動きがあって面白い!

広島県広島市にある整体専門店「ストレッチ整体専門店  HIROSHIMAストレッ …

文字の色を少し薄めのグレーにすることで全体的に優しい色合いに

沖縄県の春・夏・秋・冬の季節ごとの魅力を紹介するキャンペーン「しゅんおき!旬香周 …

日本の伝統文様を使い、和風をアピールする

  祗園祭の新しい魅力をアピールしているWebサイトです。ターゲット層 …