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 b-o-l-d.jp
BOLD
Webらしくない表現と「なるほど」と思うWebへの展開が面白いです。
https://b-o-l-d.jp/
2021-11-04
detail
Screenshot of factfashion.jp
FACT FASHION
キャッチコピーの使用方法が面白いです。
https://factfashion.jp/
2020-11-27
detail
Screenshot of www.crazy.co.jp
株式会社CRAZY(株式会社クレイジー) | CRAZY,Inc.
フッター付近での背景のアニメーションが素敵です。
https://www.crazy.co.jp/
2020-09-08
detail
Screenshot of homesociete.ca
Home Société | Contemporary Home & Outdoor Furniture
トレンドのビッグタイポと横スクロールをうまく合わせています。
https://homesociete.ca/
2020-05-19
detail
Screenshot of www.simplex.ca
Tools and equipment rental | Simplex
検索窓のデザインが面白いです。
https://www.simplex.ca/en-ca/
2020-09-28
detail
Screenshot of goodroute.jp
GOOD ROUTE
スクロールと合わせたこのレイアウトは珍しいです。
https://goodroute.jp/
2020-11-16
detail
Screenshot of www.jonasreymondin.com
Jonas Reymondin – UX/UI Designer + Front-end Developer
グリッドでレイアウトする際の参考にクリップしています。
https://www.jonasreymondin.com/
2020-06-04
detail
Screenshot of haradayuki.com
原田裕規「Unreal Ecology」京都芸術センター
レイアウトが好みです。
https://haradayuki.com/unreal-ecology/?ja
2022-03-16
detail
Screenshot of www.moooi.com
Moooi
コンセプトタイトル、BGM、アニメーションが印象的でつい見入ってしまいます。ソースコードに製作者の記載があります。
https://www.moooi.com/en/a-life-extraordinary
2020-05-22
detail
Screenshot of www.thequeenandthecrown.com
The Queen and The Crown
奥行きが面白いサイトです。
https://www.thequeenandthecrown.com/
2020-12-04
detail
Screenshot of memu.earthhotel.jp
MEMU EARTH HOTEL
テキストのないトップページが印象的です。
http://memu.earthhotel.jp/
2020-05-18
detail
Screenshot of tote.design
tote inc.
音楽も含めて世界観が好みです。
https://tote.design/
2022-02-25
detail

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