- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- AYOND
- 作品も含めて好みです。
-
https://ayond.jp/
2022-04-13 - detail
- BnA_WALL
- アイフレーム風デザインが斬新でおしゃれです。
-
https://bnawall.com/
2021-07-26 - detail
- Jonas Reymondin – UX/UI Designer + Front-end Developer
- グリッドでレイアウトする際の参考にクリップしています。
-
https://www.jonasreymondin.com/
2020-06-04 - detail
- Hyper Tria
- 動かない動画が面白いです。
-
https://hypertria.com/
2021-11-04 - detail
- Virgin Hyperloop
- 1080kmも出るらしいです。
-
https://virginhyperloop.com/
2020-09-23 - detail
- Boldare Boards — the online collaboration app
- あえて懐かしいデザインを取り入れているがギミックは新しいものばかりでギャップが面白いです。
-
https://boards.boldare.com/
2020-10-27 - detail
- and株式会社
- お洒落なオリジナル作業着に心を掴まれました。
-
https://www.and-love.com/
2020-08-06 - detail
- Yourra! – Happy agency
- ページの最下層にある、次ページへ誘導するリンクのマウスオーバー時の表現が面白いです。
-
https://yourra.fr/
2020-08-11 - detail
- ChungiYoo
- 最近はこういったフォントを探しています。
-
https://www.chungiyoo.com/
2021-01-08 - detail
- Draw all roads in a city at once
- 出力される地図がお洒落に見えます。
-
https://anvaka.github.io/city-roads/
2020-09-30 - detail
- VJ Type Typefaces
- フォントもサイトも美しすぎます。
-
https://vj-type.com/
2021-03-05 - detail
- sketchbook
- グリッドで制作するときの参考にクリップしています。
-
http://sketchbook.kr/
2020-05-25 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。