見出し画像

ディスカヴァー・トゥエンティワン #1日1サイトレビュー

【概要】
・出版社のコーポレートサイト
【印象】
・すごく見せ方が上手だなという印象
・コーポーレートサイトの真面目さがありながらも遊び心がある
・いろいろなフォントが使われている
【メインビジュアル】
・出版している書籍の紹介スライド
・スライドの動きは上下の回転
・書籍の写真だけではなく、読まれているシチュエーションの写真もあり
・グローバルナビをホバーするとメニューが表示される
・ホバーした項目は本のシェイプで囲われる
・グローバルナビのロゴはスクロールに応じて歩く
【コンテンツ】
・TOPのコンテンツは少なめ
・見出しと説明文が線で区切られていて読みやすい
・斜めの帯状の背景が真面目感を払拭している
・その帯に使われているペンで書いたようなフォントもカジュアル
・リンク部分は>で統一してボタンであることを強調
・下層ページはかなりシンプルなデザイン
【カラー】
・アクセントカラーの赤味の強いオレンジは透過されているのできつくない
・バナーなど色が複数使われそうな部分は色の使用を抑えている
【フォント】
・基本のフォントはNoto Sans JP
・英語の見出しは全てimg
【レスポンシブ】
・PCでは内容が抑えられているけど、3カラムのだったものがSPでは1カラムで表示されることでSPでは内容量が普通に見える

画像1


デザインの勉強をするために活用させていただきます。