Screenshot of setouchi-architourism.com
SETOUCHI ARCHI-TOURISM
2カラム構成を詳細ページのレイアウトが参考になります。
https://setouchi-architourism.com/
2020-08-03

デザイン・アート 不動産・建築 のデザイン参考サイト
「 SETOUCHI ARCHI-TOURISM 」

SETOUCHI ARCHI-TOURISM
2カラム構成を詳細ページのレイアウトが参考になります。
https://setouchi-architourism.com/
2020-08-03

全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。

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

サイトのキャプチャは、自動で撮影されているため、意図していないデザインが表示されている可能性があります。