不規則に区切られた空間にランダムに配置されたテキストが目を引くファーストビューでえす。ブラックのベタと鮮やかなグラデーションのコントラストの強い色使いに、モノトーンのテキストはマージンを多めに取って配置することですっきりとしたデザインに仕上げています。グラデーション部分にわずかにノイズをかけてアナログ的なイメージも感じさせます。アニメーション効果は控えめですが、サムネイルにマウスオーバーすると画像がズームアップしたり、角丸長方形のナビゲーションメニューにマウスオーバーすると下層ページのリンクがポップアップするなど、控えめなモーションでスタイリッシュなイメージも感じさせます。
執筆者
カテゴリ
基本情報
美術館に関連するデザイン
-
「特別展アリス―へんてこりん、へんてこりんな世界―」のホームページデザイン解説ファーストビューでは画面全体にかすれたスタンプ風のグラフィックが表示され、レトロなイメージをまず与えます。ピンクとグリーンの文字が次々とスライドする上にモノトーンのテキストと写真の切り抜きが配置されたレイアウトは、展示のコンセプトの「へんて...
-
「福岡県立バーチャル美術館」のホームページデザイン解説3DCGで描かれた美術館の外観から、アニメーションで入り口から館内へと視界が移動していき、美術をモチーフとしたグラフィックが次々に現れた後、シンプルな画面のメインコンテンツが表示されるメリハリのある構成です。ホワイトにをバック淡いグレーのシ...
-
「京都国立博物館」のホームページデザイン解説メインビジュアルは美術館の外観や展示の告知が表示されるカルーセルとなっており、画面下には日付と開館時間が表示され、開館状況が一目でわかるファーストビューです。ホワイトと2色のベージュをベースにしたフラットなデザインで、フォントの大きさと太さ...
サービスサイトに関連するデザイン
-
「萬珍軒」のホームページデザイン解説画面中央に大きく表示された店舗ロゴの背景にスライドショーが表示され、明度を落とした写真を次々に映し出して重厚感と迫力を感じさせるファーストビューです。ブラックの引き締まった画面にホワイトの太いフォントが映え、ゴールドの中華風のあしらいがアク...
-
「FruOats（フルオーツ）」のホームページデザイン解説ファーストビューではまず鮮やかな赤みのかかったオレンジが画面いっぱいに広がり、画面右からクッキーの写真がスライドで流れてきて目を惹きつけます。オレンジのバックにホワイトのロゴとフォントという、シンプルながらコントラストがつけられた色使いです...
-
「恋する鳥羽ホテル」のホームページデザイン解説イエローのベタの上にスカイブルーで手書き風のロゴが表示され、画面が切り替わるとシンプルなラインで描かれたイラストが表示されるファーストビューです。イラストにはパーツごとにアニメーションが加えられ、「見て」「泊まって」「食べて」「遊んで」と重...
カラフルを使ったデザイン
-
「JHRS TOWN」のホームページデザイン解説サイトを開くとまず、画面いっぱいにアイソメトリックスで街並みが描かれ、マウスのスクロールで画面内を移動できるポップアップが表示されます。マップ内の各施設はコンテンツの入り口として機能しており、マウスオーバーするとコンテンツのタイトルが吹き出...
-
「ブックオフをたちよみ！」のホームページデザイン解説メインビジュアルは記事へのリンクを貼ったカルーセルとなっており、鮮やかなイエローのバックの上に、本の形にトリミングされた記事のサムネイルがまず目を引きます。淡いイエローをベースにネイビーをアクセントにしたカラフルな色使いですが、わずかに彩度...
-
「ドラマチックカリー ゴールデン中崎」のホームページデザイン解説画面の左右に固定されたビジュアルを大きく取り、中央の細いエリアのみがスクロールするレイアウトで、フィルムで撮ったような色使いの写真と、ざらざらとした質感のイラスト、縦書きの電話番号がレトロな雰囲気をまず感じさせます。イエローとネイビーをアク...
かっこいいなホームページのデザイン
-
「京都芸術大学 アートプロデュース学科」のホームページデザイン解説サイトにアクセスすると画面いっぱいに鮮やかな油彩のテクスチャが表示され、それが徐々にズームアウトすると1枚の絵が描かれているのがわかり、芸術大学らしい演出のファーストビューになっています。丸ゴシックの英文フォントで書かれた見出し、長体をかけ...
-
「多摩美術大学 情報デザイン学科 情報デザインコース」のホームページデザイン解説ファーストビューでは画面いっぱいにブルーのベタが表示された後画面が切り替わり、大学内の様子がスライドで紹介されます。ゴシック体のフォントのタイトルと大きめのフォントの本文が力強いイメージを感じさせるデザインです。ベタを殆ど使わないモノトーン...
-
「STOCK market」のホームページデザイン解説画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...
