参考サイトのトップページ画像が大きめのサイズで並べられており、とにかく画像が際立つデザインに仕上げられています。それぞれの画像はブラックの角丸四角形の囲みでまとめられていて、統一感を感じる構成によって気持ちよく閲覧できます。上部にはロゴマークとドロアーで隠されたナビゲーションメニューがスクロール追従型の固定表示されていて、他の要素に干渉しないデザインが美しくスムーズな閲覧を可能にしています。また、画面右下に固定表示されたスイッチをクリックすると表示が切り替わり、大きく画像が見られる表示になります。全体を通してしっかりとユーザ視点が考えられたサイトに仕上がっています。
執筆者
カテゴリ
基本情報
Webメディアに関連するデザイン
-
「madameFIGARO.jp」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、ファッション情報を掲載しています。グローバルナビにてビューティ、トラベルやカルチャーなどを案内しています。トップページの中央に、madameFIGARO.jpの週間...
-
「VOGUE JAPAN」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、VOGUE JAPANのファッションブランドを紹介しています。グローバルナビにてビューティ、ライフスタイルなどを案内しています。トップページの中央に、VOGUE J...
-
「TOKYO VOICE WEB」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、TOKYO VOICEのオリジナル記事を紹介しています。3本ラインのメニューボタンにて話題のニュース、オンラインショップなどを案内しています。トップページは2カラム...
グレーを使ったデザイン
-
「卒業袴レンタル きもの鈴乃屋」のホームページデザイン解説サイトにアクセスすると店舗ロゴのアニメーションから画面が切り替わり、キャッチコピーと大小２枚の写真がふわりと浮かび上がる、優しいイメージを感じさせるファーストビューです。淡いグレーの和紙風と、オレンジの伝統模様のテクスチャが和服のしっとりし...
-
「THIS」のホームページデザイン解説ロンドンのデザインスタジオのコーポレートサイトです。ファーストビューではグレー1色の画面にブラックのベタを斜めに配置し、無造作に付箋を張り付けたようなラフな画面になっています。制作実績一覧では画面スクロールで写真が左下から回転しながらフェー...
-
「ILOLI HAIR」のホームページデザイン解説ページ全体としてはグレーと白を用いることでスタイリッシュで落ち着いた印象を与えます。ファーストビューは店内の様子を撮影した写真が定期的にスライドしていくデザインです。スマートフォンの画面の場合グローバルナビゲーションおよび予約用のボタンを常...
かっこいいなホームページのデザイン
-
「Официальный сайт Группы ЧТПЗ」のホームページデザイン解説ロシアの大口径パイプ製造メーカーのコーポレートサイトです。ファーストビューは製図を思わせるグレーの細いラインで書かれたグリッドと、製造現場のムービーが流れて迫力を感じさせます。コンテンツのタイトル、グラフィックの差し色にバーミリオンレッドを...
-
「stimmt」のホームページデザイン解説オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
-
「Men’s Hair SPICE｜佐賀市高木瀬・夢咲にある男性専用の…」のホームページデザイン解説男性専用の店舗として黒と白のモノトーンカラーを基調としたスタイリッシュでカッコいい印象のホームページです。上部には注目させたい3つのカテゴリーをバナーにて表示させています。バナーには関連するお洒落な画像を用いることで理解が進みます。 ニュー...
