参考サイトのトップページ画像が大きめのサイズで並べられており、とにかく画像が際立つデザインに仕上げられています。それぞれの画像はブラックの角丸四角形の囲みでまとめられていて、統一感を感じる構成によって気持ちよく閲覧できます。上部にはロゴマークとドロアーで隠されたナビゲーションメニューがスクロール追従型の固定表示されていて、他の要素に干渉しないデザインが美しくスムーズな閲覧を可能にしています。また、画面右下に固定表示されたスイッチをクリックすると表示が切り替わり、大きく画像が見られる表示になります。全体を通してしっかりとユーザ視点が考えられたサイトに仕上がっています。
執筆者
カテゴリ
基本情報
Webメディアに関連するデザイン
-
「さぬきうどん未来遺産プロジェクト」のホームページデザイン解説うどんチェーン店の運営するオウンドメディアで、うどんの歴史やトリビアを未来に伝えるプロジェクトのページです。コンテンツの見出しは新聞のレイアウトを想定させるレイアウトで配置され、フォントも新聞の見出しに近いものが使われています。下層ページで...
-
「Good life with Kinokawa」のホームページデザイン解説画面右にナビゲーションメニューを配置し、メインエリアにムービーを大きく配置した迫力のあるファーストビューです。モノトーンのシンプルな色使いですが、丸みを帯びたフォントで書かれたタイトルと、アクセントに配置された小さく揺れる果物のイラストで親...
-
「WA・TO・BI – 和食の扉 -」のホームページデザイン解説サイトにアクセスするとまず画面中央にサイトロゴが浮かび上がり、画面が切り替わると記事のキャプションと見出しを組み合わせたスライドショーが大きく流れる、迫力のあるファーストビューです。明朝体のフォントと、画面左に固定されたナビゲーションメニュ...
グレーを使ったデザイン
-
「有限会社関根鉄工所」のホームページデザイン解説サイトを開くと画面幅いっぱいにスライドショーが表示され、製品の製造の様子と完成品を大きく映した写真の組み合わせで品質の高さを感じさせます。モノトーンをベースにしたフラットなデザインで、お問い合わせフォームのリンクボタンのみゴールドに色を変え...
-
「日本料理 温石（おんせき）」のホームページデザイン解説サイトを開くと画面中央に鮮やかな料理の写真がスライドショーで表示され、背後に敷いたスミ色のベタと、サイドメニューの毛筆風のロゴ周辺に大きくとった余白で、凛としたイメージと高級感を演出しています。背景はホワイトと淡いベージュのみ、テキストもス...
-
「立命館先進研究アカデミー」のホームページデザイン解説サイトにアクセスすると画面を赤いラインが斜めに走り、画面が入れ替わるとモノクロ写真のモチーフと赤いドットが画面いっぱいに散りばめられる、インパクトのあるファーストビューです。メインビジュアルはマウスカーソルの動きに追従して上下左右にわずかに...
かっこいいなホームページのデザイン
-
「NTTデータ ルウィーブ株式会社_ネットワークコンシェルジュ」のホームページデザイン解説メインビジュアルは主要なサービスの紹介を5枚のスライドショーで紹介しており、写真は明度をやや下げて上に配置したキャッチコピーが読みやすくなるよう配慮されています。ブルー系を中心にしたビジネス色の強いビジネス色の強い色使いですが、テキストボッ...
-
「株式会社 中央製版」のホームページデザイン解説サイトを開くとまず、鮮やかなブルーのグラデーションの上に重ねられたキャッチコピーが目に入ります。メインビジュアルの上には4枚の写真がそれぞれ別の色のグラデーションを重ねた状態で配置されており、それぞれがコンテンツのアンカーリンクとなっていま...
-
「JEJアステージ株式会社_outre」のホームページデザイン解説スケートボードやサーフィンなどのアウトドアスポーツのアイテムを取り扱う企業のサイトで、サイトを開くと画面幅いっぱいにムービーが再生され、スケートボードの制作シーンや各スポーツのデモンストレーションが紹介されています。企業ロゴにも使われている...
