画面を横に大きく使ったニュースサイトで、ベタと線のみのフラットなデザインです。ナビゲーションバーは鮮やかなブルーの帯に白のテキストで項目を並べ、タブを切り替えるとタブの色に合わせて帯の色が変化します。主要ニュースはトップ項目の写真にテキストを乗せ、下側に黒から透明のグラデーションをかけてテキストを読みやすくしています。またニュース一覧は1件ごとに背景を淡いグレーに変え、区切りをわかりやすくしています。リンクテキストやアイコンはブルーで統一し、カテゴリー別のボックスのみレッド・スカイブルー・グリーンのボックスにリストを表示して目立たせています。
執筆者
カテゴリ
基本情報
ポータルサイトに関連するデザイン
-
「MUSABI WEB OPEN CAMPUS 2020」のホームページデザイン解説ポップなイメージの図形や装飾がサイト全体に散りばめられていて、全体の雰囲気を作り上げる要素になっています。上部にはナビゲーションメニューが固定表示されていて見やすく、スムーズな閲覧が可能な設計です。メニューは色分けされていて、サイト内の要素...
-
「OROMO」のホームページデザイン解説一点が角丸になった四角の形状がサイト内のキーオブジェクトとなっていて、ファーストビューの画像領域も角丸部分が強調された形状になっています。画面右上に大きく設置された画像領域はインパクトがあり、その横にナビゲーションメニューが縦に並んでいるこ...
-
「熊本電子ビジネス専門学校」のホームページデザイン解説サイト全体に大きく画像が使われていて、インパクトのある演出が施されています。ファーストビューでは全画面表示の写真がスライドショーで切り替わる仕組みで、ゆっくりとしたオーバーラップの効果が加えられていることでサイトの雰囲気を演出する要素になっ...
ブルーを使ったデザイン
-
「新川電機株式会社」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、新川電機の社員が働く製造の現場を写しています。グローバルナビにて新川電機の企業情報、事業内容などを案内しています。トップページの中央に、新川電機の得意分野を掲載してい...
-
「ACSL」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、様々なケースで活躍するドローンを紹介しています。グローバルナビにて自律制御システム研究所の会社概要、仕事内容やソリューションなどを案内しています。ACSLのソリューシ...
-
「フォーサイト総合法律事務所」のホームページデザイン解説絵画調に加工された写真をファーストビュー全面に用いていて、目を引く演出が施されています。ページ上では常時動き続ける細い糸のようなオブジェクトが最下部まで一貫して表示されており、サイトの雰囲気を演出する要素になっています。「選ばれる理由」を説...
かっこいいなホームページのデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「FIL – SUMI LIMITED」のホームページデザイン解説ブラックをベースに白抜き文字を使ったサイトです。ファーストビューでは、スタイリッシュなFIL（フィル）のインテリアを紹介しています。全体的に製品はモノクロ画像、阿蘇の自然を写した景色はカラーで写っています。グローバルナビにて、フィルのコンセ...
-
「Shibuya Media Pedia」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、「OOH360°View&Generator」を使って渋谷を写した高速の動画をあげています。OOH360°View&Generatorはメディアの周辺環境を閲覧した...