- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- Draw all roads in a city at once
- 出力される地図がお洒落に見えます。
-
https://anvaka.github.io/city-roads/
2020-09-30 - detail
- SUPPOSE DESIGN OFFICE
- 建築物とサイトのデザインがマッチしています。
-
https://suppose.jp/
2020-12-04 - detail
- 横浜スタジアム
- リンクマークのマウスオーバーアニメーションが素敵です。
-
https://www.yokohama-stadium.co.jp/
2020-11-11 - detail
- SDU – Future Education
- アニメーションがと操作感が面白く見てしまいます。
-
https://fremtidensuddannelser.dk/en
2020-09-04 - detail
- 三菱一号館美術館の10年
- 「ロゴデザインのゆくえ」というコンテンツが素敵です。
-
https://10th.mimt.jp/pc.html
2020-07-22 - detail
- The Badass Project
- ダイナミックな配色とレイアウト、メニューがマウスを追いかける動作などが印象的です。
-
https://www.badass35.com/en/home
2020-05-28 - detail
- NEWVIEW
- この騒がしさが今の気分です。
-
https://newview.design/
2020-08-21 - detail
- THE FLAT HEAD
- 最近海外サイトで見かけるボタンの日本アレンジの参考になります。
-
https://www.flat-head.com/
2021-09-16 - detail
- adot｜プロデュースカンパニー・エードット
- 綺麗なクリエイティブが目をひきます。
-
https://a-dot.co.jp/
2020-05-12 - detail
- Off Season Creative
- しっかり区切られているレイアウトが、最近の個人的な好みです。
-
https://offseasoncreative.com/
2020-08-11 - detail
- The Queen and The Crown
- 奥行きが面白いサイトです。
-
https://www.thequeenandthecrown.com/
2020-12-04 - detail
- 弥生焼酎醸造所
- ヘッダー背景のぼかしが良いです。
-
https://www.kokuto-shouchu.co.jp/
2021-06-03 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。