2024.07.23
AIにワイヤーフレームをつくってもらった！
- その他
WEB制作のあれこれがわかる！
WEB制作のあれこれがわかる！
こんにちは！
Webデザインアワードで入賞しているWebサイトのご紹介第25回です。
今回も引き続き「CSS Design Awards」または「Awwwards」の中から特に目に留まったWebサイトをご紹介していきます！
目次
今回ご紹介するのは、PantoneのColor of the Year2019の発表ページです。
CSS Design Awards、Awwwardsのどちらも入賞しています。
▼CSS Design Awards掲載ページ
https://www.cssdesignawards.com/sites/pantone-color-of-the-year-2019/35224/
▼Awwwards掲載ページ
https://www.awwwards.com/sites/pantone-color-of-the-year-2019
ページ全体は縦にスクロールするページとなっていますが、スクロールの動きに合わせて横からコンテンツが出てくる部分があります。
そこを通り過ぎ、スクロールを進めると下から縦方向にコンテンツが表示されるため、様々な方向からコンテンツが出てきているように感じます。
色々な動きがあるだけではなく、表示のタイミングや位置が絶妙なバランスになっているためとても面白いです！
左下のメニューをクリックすると、パズルが組み立てられるようにメニューが表示されます。
そして、メニューのリンククリック時や閉じた時にも同じようにバラバラと閉じていく動きが入っています。
メニューの表示方法にもひと工夫を入れているのがすごいと思いました！
メニューの中身は同じ大きさでテキストを並べるサイトをよく見かけますが、こちらのページではコンテンツごとに大きさ、背景色が違っています。
バラバラなサイズになっているのではなく、半分ずつの大きさとなっているためバランスも良くなっているためすごい！と思いました。
動きや見せ方に工夫があり、隅々までみたくなるページでした！
ぜひ見てみてください！
前回のレビューはこちら
株式会社スピカデザイン
渋谷のWEB制作会社「スピカデザイン」の現役コーダー達が、WEB制作のヒントになるような情報をお届けします。
© 2020 spiqa design
https://spiqa.design/