太いスカイブルーとグレーのラインで画面全体を囲み、四隅に花のようなモチーフを散らした鮮やかな色彩が目をひくレイアウトです。画面中央に紙芝居のようにくり抜かれたボックスがあり、右上に添えられた矢印をクリックすると中身がスライドして切り替わります。各コンテンツはまず、キャラクターのシルエットと台詞が画面中央に表示され、台詞が画面外に散っていくアニメーションの後に極太の丸ゴシック体でキャラクターの名前が転がり込んできます。その後にキャラクターのイラストとページのサンプルがスライドしてくる動きのある構成です。キャラクターの表情をボックス内で大胆にトリミングして魅力を引き出しています。
執筆者
カテゴリ
基本情報
ゲーム・漫画・映画・アニメに関連するデザイン
-
「株式会社 潮出版社_潮WEB」のホームページデザイン解説サイトを開くとナビゲーションメニューの下にカルーセルメニューが表示され、新刊やおすすめ情報を紹介するビジュアルが次々と表示されます。メインエリアは右側にナビゲーションメニューを配置し、ランキングやリンクを配置しています。ブラウンとイエローを...
-
「有限会社feel.」のホームページデザイン解説縦方向のナビゲーションメニューと、横方向のタイトル・新着情報エリアがコンパクトにまとまったファーストビューです。トピックスのエリアにはスタジオが手掛けた作品のキャプションとサムネイルが一堂に並び、華やかさと技術力の高さをうかがわせます。下層...
-
「株式会社 ピー・アール・エー」のホームページデザイン解説アニメーションスタジオのコーポレートサイトで、メインビジュアルでは手掛けた主要な作品をスライドショーで紹介しています。モノトーンにブルーをアクセントにしたフラットなデザインで、制作実績・撮影実績は年度ごとにテーブルでまとめられています。下層...
LPに関連するデザイン
-
「ドコドアWP」のホームページデザイン解説サイトを開くとワードプレスのコーディング実績をラベルやリボンで協調した、鮮やかなビジュアルがまず目に入ります。ワードプレスのロゴに近いくすんだブルーに、補色のピンクを組み合わせた鮮やかな色使いが目を引く色使いです。ユーザーの悩みをテキストと...
-
「株式会社山王プロダクション_無料オーディションLP」のホームページデザイン解説メインビジュアルは女性モデルを右側に、キャッチコピーを左側に配置した構成で、背景を斜めにカットしてキャッチコピーを右上がりにすることで躍動感を演出しています。シンプルな1カラムのレイアウトに鮮やかなグリーンをメインカラーにしたさわやかな色使...
-
「リンナイ株式会社_ドリームキャンペーン」のホームページデザイン解説画面いっぱいに広がったパープルのグラデーションの上に、花火のイラストと立体感のあるキャンペーンタイトルが目を引きます。その下には金色の放射状の背景を敷いたバナーを設置し、当選人数と当選率の高さをアピールしてキャンペーンへの応募を促しています...
ホワイトを使ったデザイン
-
「株式会社内山産業」のホームページデザイン解説サイトを開くと4枚の画像で構成された横長のスライドショーが表示され、中央に重ねられたキャッチコピーはアンダーラインとチェックボックスを併用することでより説得力を増しています。企業ロゴのロゴをアクセントカラーにして、縦長の英語フォントでスタイ...
-
「株式会社フラワーホーム」のホームページデザイン解説メインビジュアルは数枚の写真が次々入れ替わるスライドショーで、中央に太目のフォントで縦書きで配置されたキャッチコピーは素朴さを感じさせる味わいがあります。導入部分はメインビジュアルにずらして重ねて画面に奥行きを出しています。淡いグレーを背景...
-
「株式会社 S.U建築設計」のホームページデザイン解説メインビジュアルは3枚の画像で構成されたコンパクトなスライドショーで、ずらして重ねた英語のキャッチコピーは写真にマスクをかけたようなあしらいとなっていて、写真が切り替わるとともに色が変化します。モノトーンの色使いでまとめられたシンプルな1カ...
ポップなホームページのデザイン
-
「マクドナルドフランチャイジー 株式会社豊昇」のホームページデザイン解説サイトを開くと角を丸くトリミングしたスライドショーが表示され、中央に力強いブロック体と、手書き風のフォントでそれぞれキャチコピーが重ねられています。スライドショーの下には鮮やかなイエローの帯が重ねられ、新着情報が表示されています。鮮やかなイ...
-
「新潟陸運株式会社」のホームページデザイン解説サイトを開くと鮮やかなブルーのベタが一面に広がり、中央に企業ロゴがアニメーションで描かれた後、画面が切り替わってメインページに移動する演出が施されています。メインページを開くとスライドショーが画面右に寄せて表示され、下に帯を敷いたキャッチ来...
-
「社会福祉法人恵心福祉会 めばえのにわ保育園」のホームページデザイン解説サイトを開くとまず画面中央に小さな双葉のイラストが現れ、画面が切り替わると画面上部に敷かれた鮮やかな水彩風のテクスチャと、流体シェイプの形にトリミングされたスライドショーで園児たちの楽しそうな様子が目に入ります。くすんだオレンジとグレーを中...
