WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 色で表現 ,

Message

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

  関連記事

「あしあと」の部分で過去に閲覧したページを掲載する

新潟県にある「山波農場」のホームページです。 大きな麦の写真や綺麗な風景の写真は …

自然豊かな環境で、こだわり卵を生産している養鶏場

佐賀県武雄市にある養鶏場「いとう養鶏場」のホームページです。 全体的に装飾を抑え …

背景のテクスチャや全体の色合いで、心地よい空間を作ってくれそうなリフォーム会社

大阪府大阪市にあるリフォーム・リノベーションを行う会社「ゆいまーるClub(大栄 …

大人の女性をメインターゲットにした「マイトリ」のサイトが、遊び心をくすぐるような配色で可愛い!

JTBが運営する女子旅情報サイト「女子旅COLLECTION マイトリ」の特設サ …

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

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

スライダーとメニューが歯の形になっている特徴的なデザイン

石川県金沢市にある歯科医院「ハッピー歯科医院」のホームページです。 トップのスラ …

背景は繊細な雰囲気だけどメニューやフレーズは力強い筆文字にすることで【どん兵衛×ラッセン】の異色のコラボを表現!

どん兵衛とクリスチャン・ラッセンがデビュー40周年を記念したコラボ企画「【どん兵 …

賑やかな店内の様子と、美味しそうな料理の写真で素敵なディナーが味わえる雰囲気を見せたイタリアンレストラン

埼玉県新座市にあるイタリア料理店「トラットリア&ピッツェリア Legio …

シックな空間を撮った写真に合わせたサイトが、高級感があってカッコいい!

北海道札幌市にあるリノベーション会社「PLUS ALPHA.」のホームページです …

観光スポットの動画を最初に配置することで、イメージが伝わりやすい

AB-ROADが運営する「思い立ったら、旅日」の特設サイトです。現地の見どころや …