No.062 QuizKnock【クイズノック】 No.062 QuizKnock【クイズノック】 QuizKnock クイズ王の伊沢拓司が率いる、東大発の知識集団QuizKnockのWebサイト。 ファーストビューの印象 コンテンツをビルの1室に見立てて上下に配置されている。スクロールの一番上からページが始まらないところが非常に斬新で面白い。 レイアウト グリッド レスポンシブ対応 あり ブレイクポイント：48em,62em,96em フォント 見出し：poppins 本文：apple-system メニュー PC：ハンバーガーメニュー SP：ハンバーガーメニュー カラー ベースカラー：#F8F8F7 オフホワイト メインカラー：#CD4747 レッド アクセントカラー：#A72525 レッド(濃) サブカラー1：#BAAEB0 グレー 感想、参考になった部分 楽しみながら学べるコンテンツを様々な媒体から提供しており、そのハブとなるようなサイトとなっている。プロモーションサイトとしての役割を持つ。 ポップで賑やか、動きも多く、対象者としては学生を中心とした比較的若めの世代であろう。 自分なら「知」のイメージであるブルーを主体に作りたくなってしまうが、このサイトではクイズの○×をイメージしたレッドをメインカラーとし、カラフルなオブジェクトをちりばめ、楽しさを表現している。 画面にひと部屋が収まるように配置され、B1Fから5Fまで、上下にスクロールすることができる。 上から5番目の1Fからスタートし、スクロールすると一番近い階が自動で中央に収まる。 左上のエレベーターマークをクリックすると、これがナビゲーションになっており、全フロアを一望できる。 いろいろなギミックが仕込まれていて、非常に楽しいサイト。直感的に何が配置されているかわかりやすい、というよりも、触ってみて楽しむサイトなのかなと思った。 No.062QuizKnock |Webサイト100選 投稿ナビゲーション No.061食べるバラの専門店・KUSHIMA ROSENo.063 ヤマハ コメントを残す コメントをキャンセルメールアドレスが公開されることはありません。 ※ が付いている欄は必須項目ですコメント ※ 名前 ※ メール ※ サイト 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。