鮮やかなブルーをメインカラーにしており、クールでスタイリッシュな雰囲気にまとめられています。ファーストビューで使われている写真にもブルーフィルターを使用して青味がかった色合いとなるよう調整されていて統一された雰囲気の演出に一役買っています。研究レポートやイベントレポートが閲覧できるコンテンツの表示にはサムネイル写真が用いられていて見やすい表示が考えられています。教授へのインタビュー形式の記事やOPEN HOUSEレポートのページでは写真をメインにまとめられた記事になっていて、内容もボリュームがあって読み応えのあるコンテンツです。興味のあるユーザが閲覧しやすいデザインを考えたサイトに仕上がっています。
執筆者
カテゴリ
基本情報
学校・大学に関連するデザイン
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
-
「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
-
「MUSABI WEB OPEN CAMPUS 2020」のホームページデザイン解説ポップなイメージの図形や装飾がサイト全体に散りばめられていて、全体の雰囲気を作り上げる要素になっています。上部にはナビゲーションメニューが固定表示されていて見やすく、スムーズな閲覧が可能な設計です。メニューは色分けされていて、サイト内の要素...
ポータルサイトに関連するデザイン
- 「MUSABI WEB OPEN CAMPUS 2020」のホームページデザイン解説
ポップなイメージの図形や装飾がサイト全体に散りばめられていて、全体の雰囲気を作り上げる要素になっています。上部にはナビゲーションメニューが固定表示されていて見やすく、スムーズな閲覧が可能な設計です。メニューは色分けされていて、サイト内の要素...
-
「OROMO」のホームページデザイン解説一点が角丸になった四角の形状がサイト内のキーオブジェクトとなっていて、ファーストビューの画像領域も角丸部分が強調された形状になっています。画面右上に大きく設置された画像領域はインパクトがあり、その横にナビゲーションメニューが縦に並んでいるこ...
-
「熊本電子ビジネス専門学校」のホームページデザイン解説サイト全体に大きく画像が使われていて、インパクトのある演出が施されています。ファーストビューでは全画面表示の写真がスライドショーで切り替わる仕組みで、ゆっくりとしたオーバーラップの効果が加えられていることでサイトの雰囲気を演出する要素になっ...
ホワイトを使ったデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
かっこいいなホームページのデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「FIL – SUMI LIMITED」のホームページデザイン解説ブラックをベースに白抜き文字を使ったサイトです。ファーストビューでは、スタイリッシュなFIL（フィル）のインテリアを紹介しています。全体的に製品はモノクロ画像、阿蘇の自然を写した景色はカラーで写っています。グローバルナビにて、フィルのコンセ...
-
「Shibuya Media Pedia」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、「OOH360°View&Generator」を使って渋谷を写した高速の動画をあげています。OOH360°View&Generatorはメディアの周辺環境を閲覧した...