Screenshot of www.jonasreymondin.com

Jonas Reymondin – UX/UI Designer + Front-end Developer: グリッドでレイアウトする際の参考にクリップしています。; https://www.jonasreymondin.com/
2020-06-04

広告・制作会社・クリエイター 海外のデザイン参考サイト
「 Jonas Reymondin – UX/UI Designer + Front-end Developer 」

Jonas Reymondin – UX/UI Designer + Front-end Developer: グリッドでレイアウトする際の参考にクリップしています。; https://www.jonasreymondin.com/
2020-06-04

ただラインに合わせているだけでなく、実は余白を持たせて配置しています。
また右側は右寄せで合わせているとことが通常のグリッドとは異なった配置となっています。
グリッドは実際にレイアウトしてみると、ラインに縛られてしまうことが多いので、その際の参考なりそうです。

back

Screenshot of www.cupnoodle.jp

カップヌードルの裏側: みんなのギモンページにあるアコーディオンのマウスオーバー表現が良いです。; https://www.cupnoodle.jp/uragawa/
2021-07-28; detail

Screenshot of unit-studio.ru

Производство модульных павильонов из морских контейнеров: 建物のデザインとサイトデザインがマッチしているように感じます。; https://unit-studio.ru/
2020-09-08; detail

Screenshot of ashleyandco.co

Ashley & Co: プロダクトが美しいです。; https://ashleyandco.co/
2020-11-30; detail

Screenshot of www.yokohama-stadium.co.jp

横浜スタジアム: リンクマークのマウスオーバーアニメーションが素敵です。; https://www.yokohama-stadium.co.jp/
2020-11-11; detail

Screenshot of www.obunsha.co.jp

旺文社ブランドサイト: ヒストリーのデザインがシンプルで良いです。; https://www.obunsha.co.jp/pr/change/
2021-11-04; detail

Screenshot of batou.jp

BATOU: 写真とタイポグラフィーの組み合わせ方が面白いです。; https://batou.jp/
2021-11-04; detail

Screenshot of lessnoros.com

Les Snorôs: 表の見せ方がパッケージのような印象が出ていて好みです; https://lessnoros.com/
2020-10-28; detail

Screenshot of snazzymaps.com

Snazzy Maps – Free Styles for Google Maps: googlemapのカスタマイズが一覧で表示されていて便利です。; https://snazzymaps.com/
2020-06-16; detail

Screenshot of studiopresto.com

Studio Presto: レイアウトが素敵です。; https://studiopresto.com/
2021-03-01; detail

Screenshot of www.pics.tokyo

P.I.C.S.: WORKSが面白いです。; https://www.pics.tokyo/
2020-09-29; detail

Screenshot of town.odakyu-chukai.com

town | 小田急の仲介: スクロールでボケていくKVの写真が面白いです。; https://town.odakyu-chukai.com/
2021-05-21; detail

Screenshot of saison2020-21.opera-lyon.com

Reflection – Une expérience de l’Opéra de Lyon: 写真の切り替え方法とマウスいちに反応するアニメーションが独特です。; https://saison2020-21.opera-lyon.com/
2020-07-21; detail

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