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 ana-chro.setagaya-ldc.net
世田谷クロニクル 1936-83
動画などのタイトル表記に使われているシールの飾りが、時代を感じさせる面白いアクセントになっています。
https://ana-chro.setagaya-ldc.net/
2020-05-11
detail
Screenshot of the-campus.net
THE CAMPUS
PC版で左右についたメニューが特徴的です。
https://the-campus.net/
2021-04-19
detail
Screenshot of gooone.help
gooone(ゴーン) | 三浦・三崎の観光情報マガジン
地元のメディアサイトにしては、盛り沢山なギミックで完成度が高く感じました。
https://gooone.help/
2020-09-24
detail
Screenshot of studiomaertens.com
Studio Mærtens
ローディングがお洒落です。マウスカーソルがそのままロードアニメーションになっているのも良いです。
https://studiomaertens.com/
2020-06-08
detail
Screenshot of therestaurant-hiroo.com
THE RESTAURANT | 広尾
全店舗の統一感が良いです。
https://therestaurant-hiroo.com/
2020-08-14
detail
Screenshot of vooban.com
Accueil — Vooban
メニュー内にある+アイコンから−になるアニメーションが良いです。
https://vooban.com/
2020-11-30
detail
Screenshot of newview.design
NEWVIEW
この騒がしさが今の気分です。
https://newview.design/
2020-08-21
detail
Screenshot of sisi.tokyo
SISI
メニューのフォントサイズやアイコンなどの大きさの変化に慣れてきた気がします。
https://sisi.tokyo/
2021-01-21
detail
Screenshot of www.nara-u.ac.jp
https://www.nara-u.ac.jp/buddience/
自分と似ている仏様がわかります。
https://www.nara-u.ac.jp/buddience/
2020-09-04
detail
Screenshot of lessnoros.com
Les Snorôs
表の見せ方がパッケージのような印象が出ていて好みです
https://lessnoros.com/
2020-10-28
detail
Screenshot of voiceofracism.co.nz
Voice of Racism
参考にするタイミングは不明ですが、とにかく初めての経験です。メッセージ性は高く感じました。
https://voiceofracism.co.nz/
2020-08-25
detail
Screenshot of ellissitzky.tilda.ws
Эль Лисицкий
大胆なレイアウトが素敵です。
http://ellissitzky.tilda.ws/
2022-02-22
detail

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