- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- Snazzy Maps – Free Styles for Google Maps
- googlemapのカスタマイズが一覧で表示されていて便利です。
-
https://snazzymaps.com/
2020-06-16 - detail
- クリエーティブ・ディレクター・コレクティブ (つづく)
- レイアウトや質感が素敵です。
-
https://tsuzuku.tokyo/
2022-02-25 - detail
- Niklas Rosén
- テキストだけの構成が今の気分です。
-
https://www.niklasrosen.se/
2022-06-06 - detail
- STUDIO HAS – スタジオ・ハス
- 余白やレイアウトがとても綺麗です。
-
https://studio-has.jp/
2020-07-03 - detail
- カワスイ 川崎水族館 – 2020年7月グランドオープン
- KVのイラストがイラレの画像トレースのようなイラストですが、このように使用すると良い感じです。
-
https://kawa-sui.com/
2020-07-01 - detail
- Superfluid | Products are tools, we are beauty
- 詳細ページのアイコンやマーキーなどがサイト全体にあっています。
-
https://getsuperfluid.com/
2020-07-22 - detail
- Jonas Reymondin – UX/UI Designer + Front-end Developer
- グリッドでレイアウトする際の参考にクリップしています。
-
https://www.jonasreymondin.com/
2020-06-04 - detail
- StoryWriter | ストリートを愛するカルチャー・マガジン
- SPでのKVがPCでは、左カラムの位置にあります。両デバイスのアスペクト比を考えると理にかなっているかもしれないです。
-
https://storywriter.tokyo/
2020-06-24 - detail
- Umami Ware
- MENUという文字だけのナビゲーションなのですが、CLOSEはCLSEと略すのが一般的なのでしょうか？
-
https://umami-ware.com/
2020-06-29 - detail
- TeTuhi
- 大胆な配色とレイアウトが参考になります。
-
https://tetuhi.art/
2020-05-11 - detail
- Fleava | Bali, Jakarta and Singapore Web Design, Mobile App, Branding, Digital Advertising Agency
- ハンバーガーメニューのデザインがお洒落です。
-
https://fleava.com/
2020-09-04 - detail
- 互助交通
- テキストの上にのったマテリアルで雰囲気が出ています。
-
https://ninjo.gojyo-taxi.com/
2020-05-09 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。