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.ditjapan.com
Do it Theater 新しいシーンは、THEATERからはじまる。
ボタンアニメーションや罫線の使い方が独特で参考になります。
https://www.ditjapan.com/
2020-06-17
detail
Screenshot of kodomonooka-nursery.jp
社会福祉法人小浜会 こどもの丘ナーサリー | 長崎県雲仙市の企業主導型保育園
イラストが良いです。
http://kodomonooka-nursery.jp/
2020-09-23
detail
Screenshot of pieni.co.jp
PIENI
写真が素敵すぎます。
https://pieni.co.jp/
2020-11-13
detail
Screenshot of www.theclimatepledge.com
The Climate Pledge
全体の質感が素敵です。
https://www.theclimatepledge.com/
2021-02-16
detail
Screenshot of at-home.club
At Home
全てのページを開閉式のようにみせるレイアウトが流行っているのかもしれないです。
https://at-home.club/
2020-08-11
detail
Screenshot of goodroute.jp
GOOD ROUTE
スクロールと合わせたこのレイアウトは珍しいです。
https://goodroute.jp/
2020-11-16
detail
Screenshot of www.moooi.com
Moooi
コンセプトタイトル、BGM、アニメーションが印象的でつい見入ってしまいます。ソースコードに製作者の記載があります。
https://www.moooi.com/en/a-life-extraordinary
2020-05-22
detail
Screenshot of kaleidozdesign.com
Kaleidoz – Value Through Design
HOMEのキューブ型ナビゲーションが面白いです。
https://kaleidozdesign.com/
2020-09-11
detail
Screenshot of www.obunsha.co.jp
旺文社 ブランドサイト
ヒストリーのデザインがシンプルで良いです。
https://www.obunsha.co.jp/pr/change/
2021-11-04
detail
Screenshot of lamalama.nl
Lama Lama
マウスに反応する仕掛けが面白いです。
https://lamalama.nl/
2021-12-06
detail
Screenshot of www.otsuka.co.jp
CalorieMate to Programmer | 大塚製薬
デザインも素晴らしいですが、企画自体に色々なことを考えさせられます。CUIモードあり。
https://www.otsuka.co.jp/cmt/to_programmer/
2020-08-04
detail
Screenshot of extraset.ch
Extraset | Independent Swiss Type Foundry
大胆すぎるタイポグラフィーです。
https://extraset.ch/
2020-08-03
detail

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