- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- Chilly Source
- Muliというフォントがとてもシンプルで細めのnoto sansと相性が良いように感じます。
-
https://chillysourcetokyo.com/
2020-05-11 - detail
- NIPPON DESIGN CENTER ON SCREEN CREATIVE DIVISION
- noteと合わせて見ると学ぶべき箇所が多いです。
-
https://ndcosd.jp/
2020-07-29 - detail
- ANDMADE Inc. / アンドメイド
- クセのあるフォント(Voyage)を上手くまとめていて参考になります。
-
https://andmade.jp/
2020-07-29 - detail
- The Badass Project
- ダイナミックな配色とレイアウト、メニューがマウスを追いかける動作などが印象的です。
-
https://www.badass35.com/en/home
2020-05-28 - detail
- JOHNNIE WALKER x HOUYHNHNM | WALKER’S club H
- 流れる文字が直線ではないところが技術的に面白いです。
-
https://www.houyhnhnm.jp/walkers_club_h/
2020-06-08 - detail
- ACSL | 株式会社自律制御システム研究所
- KVが1スクロールでopacity:0;になるところが気持ち良いです。
-
https://www.acsl.co.jp/
2020-07-29 - detail
- Bien Joué – Studio de production vidéo
- スクロールすると画面に奥行きを感じるデザインです。
-
https://bien-joue.ca/
2020-08-27 - detail
- デザイナーのフォント見本帳「F」
- 便利です。
-
https://f-font.com/
2022-08-04 - detail
- Extraset | Independent Swiss Type Foundry
- 大胆すぎるタイポグラフィーです。
-
https://extraset.ch/
2020-08-03 - detail
- 横浜スタジアム
- リンクマークのマウスオーバーアニメーションが素敵です。
-
https://www.yokohama-stadium.co.jp/
2020-11-11 - detail
- 広告だからこそ、できることがきっとある。｜2020 60th ACC TOKYO CREATIVITY AWARDS ブランデッド・コミュニケーション部門
- 表示の際のアニメーションが面白いです。
-
http://www.acc-awards.com/2020fes/bc/thoughts/
2020-07-20 - detail
- BOLD
- Webらしくない表現と「なるほど」と思うWebへの展開が面白いです。
-
https://b-o-l-d.jp/
2021-11-04 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。