![見出し画像](https://assets.st-note.com/production/uploads/images/75696608/rectangle_large_type_2_c0563e8131b8e90b16e787819e6f7a58.png?width=800)
0から考えよう 小学館100周年特設サイト#1日1サイトレビュー
サイトの種類
・オウンドメディア
レイアウトの種類
・1カラム
フォントの種類
・Zen Kaku Gothic New
カラー
・黒
・白
感想・気付き
・背景が開くたびに違う色になる
・画像にホバーする大きくなる(マイクロ・インタラクション)
・背景は固定、要素だけ動く(パララックス)
・グローバルメニューはなくてハンバーガーメニュー
・ハンバーガーメニュー内のナビゲーションメニューは横にスライドする
・メインビジュアルのカウントアップはとても目をひき見入ってしまう
・「100」のロゴマークも本をイメージでき可愛い
・(何という表現かはわからないけど)背景がとても印象的
・セクションを開くと左のタイトル部分は固定で右側だけスクロール(スプリットスクリーン)で作られている
・レスポンシブになると縦書きで、ハンバーガーメニューも縦並びのテキストのみになっていて見やすい
・シンプルなテキストサイズの変更ボタンがおしゃれでもあり、参考にしたいと思った。
----------------------
New knowledge:
1.マイクロ・インタラクション
2.パララックス
3.スプリットスクリーン
![](https://assets.st-note.com/img/1649027118986-d7kzZYrcA0.png?width=800)
この記事が気に入ったらサポートをしてみませんか?