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 grids.obys.agency
Grids
通常でも素敵ですが、GridとCrazy Modeがすごいです。
https://grids.obys.agency/
2021-08-31
detail
Screenshot of fremtidensuddannelser.dk
SDU – Future Education
アニメーションがと操作感が面白く見てしまいます。
https://fremtidensuddannelser.dk/en
2020-09-04
detail
Screenshot of www.artidaoud.com
ARTIDA OUD（アルティーダ ウード）
読み込み時のポップアップに絵文字が表示されています。絵文字を使ったメッセージをよく見るようになりました。
https://www.artidaoud.com/
2020-06-08
detail
Screenshot of www.moooi.com
Moooi
コンセプトタイトル、BGM、アニメーションが印象的でつい見入ってしまいます。ソースコードに製作者の記載があります。
https://www.moooi.com/en/a-life-extraordinary
2020-05-22
detail
Screenshot of agneslloydplatt.com
Agnes Lloyd-Platt
ファビコンにアニgifを設定できるなんて知りませんでした。
https://agneslloydplatt.com/
2020-07-01
detail
Screenshot of toridori.co.jp
toridori
落書きのような装飾が面白いです。
https://toridori.co.jp/
2021-01-06
detail
Screenshot of goodroute.jp
GOOD ROUTE
スクロールと合わせたこのレイアウトは珍しいです。
https://goodroute.jp/
2020-11-16
detail
Screenshot of rinnai.jp
Micro Bubble Bath Unit by Rinnai ｜ 公式サイト
高級感のあるLPです。
https://rinnai.jp/microbubble/
2020-08-20
detail
Screenshot of wearetopsecret.com
Super Top Secret // Branding & Digital Agency
テキストのレイアウトが美しいです。
https://wearetopsecret.com/
2020-05-20
detail
Screenshot of therestaurant-hiroo.com
THE RESTAURANT | 広尾
全店舗の統一感が良いです。
https://therestaurant-hiroo.com/
2020-08-14
detail
Screenshot of sep.co.jp
SEP,inc.
ハンバーガーメニューに対するカーソルの動きが面白いです。
https://sep.co.jp/
2021-12-15
detail
Screenshot of www.theclimatepledge.com
The Climate Pledge
全体の質感が素敵です。
https://www.theclimatepledge.com/
2021-02-16
detail

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