- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- なら国際映画祭2020
- 最近、ナビゲーションに記事数を表示するサイトが増えているように感じます。
-
https://nara-iff.jp/2020/
2020-10-09 - detail
- Virgin Hyperloop
- 1080kmも出るらしいです。
-
https://virginhyperloop.com/
2020-09-23 - detail
- URL
- 画像を大胆に余白をとって配置する手法が素敵です。
-
https://railroadladies.com/
2020-10-09 - detail
- アルパカ as こだわり綿棒
- FVのインパクトが素敵です。
-
https://www.sa-n-yo.co.jp/kodawari/
2020-11-24 - detail
- Jacob McKee
- レイアウトが好みです。
-
https://jacobmckee.com/
2020-07-15 - detail
- ACTION！
- 全方向スクロールで作るデザインが面白いです。
-
https://www.toei.co.jp/company/recruit/fresh/
2022-01-04 - detail
- Patrick Heng – Creative Developer Portfolio
- マウスがオブジェクトにあたった際のモーションが気持ち良いです。
-
https://patrickheng.com/
2020-07-17 - detail
- アニメ「BURN THE WITCH」公式サイト
- アニメのLPサイトなどの参考になりそうです。
-
https://burn-the-witch-anime.com/
2020-07-22 - detail
- Fuoripista
- メニューの形が良いです。
-
https://www.fuoripista.it/en/
2020-09-08 - detail
- NIPPON DESIGN CENTER ON SCREEN CREATIVE DIVISION
- noteと合わせて見ると学ぶべき箇所が多いです。
-
https://ndcosd.jp/
2020-07-29 - detail
- Neru inc | Brand & Service Design Studio
- ロゴが常に動いているところが可愛いです。商標登録についても考える必要がありそうです。
-
https://ne-ru.com/
2020-06-10 - detail
- Yourra! – Happy agency
- ページの最下層にある、次ページへ誘導するリンクのマウスオーバー時の表現が面白いです。
-
https://yourra.fr/
2020-08-11 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。