WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 色で表現 ,

Message

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

  関連記事

500色の色鉛筆

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

建物の外観を連想させる背景のアニメーション

東京都千代田区にある「有楽町マリオン」のホームページです。 背景のアニメーション …

文字の内側に白い線を入れることでへこんだような加工に

東京都渋谷区にある「セルリアンタワー東急ホテル」のバレンタイン特集ページです。 …

白黒で配色されたスタイリッシュな住宅建設会社

札幌市にある住宅建設業者「フォレスタの家」のホームページです。 白黒で構成された …

企業サイトのデザインが、赤と黒の配色でカッコいい!

愛知県名古屋市にある「Y.W.C株式会社」のホームページです。 ファーストビュー …

豊富な情報量を、シンプルなレイアウトですっきりまとめているパン屋さんのサイトがオシャレ!

長野県東御市にあるパン屋さん「パンと日用品の店 わざわざ」のホームページです。 …

会場ごとに色を分けて、情報を見やすく分類したライブハウスがシンプルだけどカッコいい!

渋谷・名古屋・梅田・広島にスタジオをかまえる「CLUB QUATTRO(クラブク …

岐阜県にある法律事務所のサイトがイラストを使ったデザインで可愛い!

岐阜県関市にある法律事務所「関あさくら法律事務所」のホームページです。 ファース …

アメコミ風のデザインで見た目を工夫し、ユーザーの好奇心を刺激する

試作部分開発・レーザ加工・治具設計制作を行っている「タイメック株式会社」のホーム …

天然の木の暖かさを出すために、木の表面の写真をたくさん使って紹介している「TAICHIRO」のサイト

国産の天然木を使って一枚板のテーブルを販売している「TAICHIRO」のホームペ …