- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- Jonas Reymondin – UX/UI Designer + Front-end Developer
- グリッドでレイアウトする際の参考にクリップしています。
-
https://www.jonasreymondin.com/
2020-06-04 - detail
- 福岡県立バーチャル美術館
- トップだけでなく、下層もギミック満載です。
-
https://virtualmuseum.fukuoka-kenbi.jp/
2021-05-13 - detail
- 原田裕規「Unreal Ecology」京都芸術センター
- レイアウトが好みです。
-
https://haradayuki.com/unreal-ecology/?ja
2022-03-16 - detail
- toridori
- 落書きのような装飾が面白いです。
-
https://toridori.co.jp/
2021-01-06 - detail
- emilieholstkoch
- 自分にはない世界観なので参考になります
-
http://emilieholstkoch.com/
2020-05-25 - detail
- 桑名眼科脳神経クリニック
- レイアウトの仕方でデザインしているように感じます。美しいです。
-
https://kuwana-sc.com/
2020-10-16 - detail
- 建築に、温度を。｜梓設計
- KV下にある各セクションがマウスオーバーで動画に切り替わります。また実績紹介のマウスオーバーも大胆さが面白いです。
-
https://www.azusasekkei.co.jp/
2020-05-13 - detail
- Reflection – Une expérience de l’Opéra de Lyon
- 写真の切り替え方法とマウスいちに反応するアニメーションが独特です。
-
https://saison2020-21.opera-lyon.com/
2020-07-21 - detail
- Reed, une agence pour votre stratégie digitale
- 最近の流行である絵文字のようなアイコンの使い方が上手いです。特にコンタクトエリアの吸い付くアイコンが面白いです。
-
https://www.reed.be/
2020-06-26 - detail
- Sennep – Digital product studio
- 独特のイラストが好みです。
-
https://www.sennep.com/
2020-11-09 - detail
- URL
- 画像を大胆に余白をとって配置する手法が素敵です。
-
https://railroadladies.com/
2020-10-09 - detail
- Moooi
- コンセプトタイトル、BGM、アニメーションが印象的でつい見入ってしまいます。ソースコードに製作者の記載があります。
-
https://www.moooi.com/en/a-life-extraordinary
2020-05-22 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。