背景を白とグレーでまとめてアクセントにワインレッドを使った落ち着いたイメージのサイトですが、画面両サイドにロゴと同じワインレッドの太いラインを引くことで大学のカラーを強く表現しています。トップページにはアイコンも彩度の高い色を使ってコントラストを高めていますが、下層ページにはトップページで使用していない淡いレッドをページタイトルの背景やボックスの飾り罫線に使って、女性らしい優しいイメージを表現しています。
カテゴリ
基本情報
学校・大学に関連するデザイン
- 「新潟県立三条東高等学校同窓会」のホームページデザイン解説
メインビジュアルは高校の外観写真を使ったスライドショーで、左下に配置した高校名はシャドウを薄く敷いて読みやすくなっています。パープルをメインにした色使いで背景に淡いベタを敷き、お問い合わせのリンクボタンのみやや色を濃くした落ち着きのある色使...
- 「埼玉東萌短期大学」のホームページデザイン解説
サイトを開くと明るいイエローの背景がまず目に入ります。メインビジュアルは5枚の画像で構成されたスライドショーで、大学の魅力やオープンキャンパスの案内を伝えています。カラフルな色使いでポップな印象を与え、ナビゲーションメニューにイラストアイコ...
- 「桃山学院大学 ビジネスデザイン学部」のホームページデザイン解説
サイトにアクセスすると、ハーフトーン加工された学校紹介のムービーが画面幅いっぱいに表示され、その上にナビゲーションメニューが重ねられていますが、画面をスクロールするとナビゲーションメニューが自然に変化してヘッダーとして画面上部に固定されます...
コーポレートサイトに関連するデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
- 「健康コミュニケーションズ株式会社」のホームページデザイン解説
メインビジュアルはインカムをつけて話す女性の写真にキャッチコピーを重ねたシンプルな構図です。オレンジをアクセントカラーにした色使いが白い背景に映え、健康的なイメージを感じさせるさわやかな色使いです。シンプルな1カラムのレイアウトで、左右にマ...
レッドを使ったデザイン
- 「FabCafe」のホームページデザイン解説
世界中に拠点を持つクリエイティブコミュニティのサイトで、ヘッダーにはタイトルロゴの横に拠点の地名が書かれ、言語切り替えのボタンから5か国語の表記へ切り替えることができます。メインビジュアルは写真とテキストを組み合わせたスライドショーになって...
- 「BFT」のホームページデザイン解説
四則演算の記号をタイル状に配置した背景の上に、鮮やかなレッドのドットの背景がうごめく様子が古いゲームを見ているような、大きなインパクトを生み出すファーストビューです。画面はページ全体は常に横方向にスクロールする構成で、レッドにミントグリーン...
- 「ごち会」のホームページデザイン解説
メインビジュアルの中に大きく表示された「ごちそう会」のタイトルが、これは何のサイトだろう?と興味を惹きつけます。太目のフォントとはっきりとしたラインで描かれたリボンや、同様にシンプルなラインで描かれたイラストがモノトーンのシンプルな色使いの...
フラットなホームページのデザイン
- 「FabCafe」のホームページデザイン解説
世界中に拠点を持つクリエイティブコミュニティのサイトで、ヘッダーにはタイトルロゴの横に拠点の地名が書かれ、言語切り替えのボタンから5か国語の表記へ切り替えることができます。メインビジュアルは写真とテキストを組み合わせたスライドショーになって...
- 「近江ちゃんぽん亭」のホームページデザイン解説
ページのタイトル部分にはYoutubeの動画が埋め込まれており、サイトにアクセスすると同時に再生されます。コンテンツはタイル状のレイアウトで配置されており、メニュー情報と店舗情報のタイトルには背後に画像を配置して視差効果も取り入れています。...
- 「salon de You_vary clue」のホームページデザイン解説
メインビジュアルはサロンの外装・内装・施術のシーンの3枚の画像で構成されたスライドショーで、重ねて配置したキャッチコピーは下に帯を敷いて目立たせています。下層ページも同様のレイアウトで、背後は横長にトリミングした1枚の写真をページの内容に合...