ファーストビューの縦方向に大きく表示されたキャラクター画像がインパクトを与えます。下層ページは背景色を黒で統一し、漫画やキャラクターのイラストを引き立てています。TOPへ戻るボタンをクリックするとキャラクターのイラストが大きく飛び出し、にぎやかさを与えます。
執筆者
カテゴリ
基本情報
ゲーム・漫画・映画・アニメに関連するデザイン
-
「なら国際映画祭2020」のホームページデザイン解説鮮やかなオレンジをメインカラーに使って、派手でインパクトのある演出が特徴的なサイトデザインに仕上げられています。ファーストビューの画像領域では画像が切り替わる際のモーションに面白い効果が加えられていて、目を引く演出となっています。ヘッダーに...
-
「YouTube」のホームページデザイン解説画面左側にサイドメニューを配置し、メインエリアを広くとったレイアウトです。サイドメニューは画面幅によってメニューの表示量が切り替わり、画面の広さを無駄にしない工夫が見られます。ファーストビューで大量に動画サムネイルが並ぶため、ロゴのレッド以...
-
「ニコニコ動画」のホームページデザイン解説淡いグレーの幾何学模様の背景に、カード状の動画サムネイルを隙間なく並べたファーストビューで、コンテンツの豊富さを一目で感じさせます。カテゴリー別の動画一覧はサムネイルとテキストのみでシンプルに構成されており、個別の動画ページは動画の再生に合...
LPに関連するデザイン
-
「仏壇ナビ」のホームページデザイン解説グレーをベースにブラウンをアクセントにしたサイトです。グローバルナビにて宗派や仏事の解説、仏壇や仏具などを案内しています。トップページの中央に、当サイトを訪れる初めての方に読んでほしい記事を掲載しています。仏壇業界の傾向、仏壇・仏具を購入す...
-
「HiGash.Net」のホームページデザイン解説グレーをベースにブラックをアクセントにした、シンプルな1ページで構成されたサイトです。テキストにはブラックの明朝体のフォント、見出しには白抜き文字を使っています。見出しの文字にカーソルをあてると、背景色がブラックからレッドに変化します。トッ...
-
「disBlog」のホームページデザイン解説ホワイトをベースに、ブルーやグレーをアクセントにしたサイトです。ホームページ制作会社ドアズのスタッフブログです。グレー地にブルーの文字で書かれた見出しに、子犬が日付をつぶやいています。メガネのイラストに「もりちーのWEBもりもり」と表示され...
ホワイトを使ったデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
イラスト・手書き感なホームページのデザイン
-
「紬かけつぎ店」のホームページデザイン解説全体に柔らかなタッチのイラストを配置して、温かみを感じるデザインにまとめられています。ファーストビューにも画面右側に大きくイラストを表示して、サイトを開いた際にゆっくりと浮かび上がってくるようなモーションが見られることでサイトの雰囲気を演出...
-
「住宅情報ナビ」のホームページデザイン解説グレーをベースに、グリーンやブルーをアクセントにしたサイトです。ファーストビューには、楽しいキャラクターのイラストが描かれています。2カラム構成のトップページで、左サイドではSUUMOジャーナルの新着記事を掲載しています。右サイドには、SU...
-
「マピオン」のホームページデザイン解説画面幅いっぱいに敷かれた水彩風の波のテクスチャと、和紙のようなテクスチャと地方別の色分けを施した日本地図、手書きイラスト風のコンテンツのアイコンが合わさってメインビジュアルのような役目を果たしています。ブルーのヘッダーの下にはクレヨン風のイ...