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 anvaka.github.io
Draw all roads in a city at once
出力される地図がお洒落に見えます。
https://anvaka.github.io/city-roads/
2020-09-30
detail
Screenshot of matter-of-mind.fr
MØM
最近、背景のノイズ感が目につくようになりました。
https://matter-of-mind.fr/en/
2020-10-06
detail
Screenshot of www.acsl.co.jp
ACSL | 株式会社自律制御システム研究所
KVが1スクロールでopacity:0;になるところが気持ち良いです。
https://www.acsl.co.jp/
2020-07-29
detail
Screenshot of nanameinc.jp
株式会社ナナメ – CREATIVE MOVIE MAKER
WORKSの見せ方が参考になります。
https://nanameinc.jp/
2020-08-24
detail
Screenshot of boards.boldare.com
Boldare Boards — the online collaboration app
あえて懐かしいデザインを取り入れているがギミックは新しいものばかりでギャップが面白いです。
https://boards.boldare.com/
2020-10-27
detail
Screenshot of extraset.ch
Extraset | Independent Swiss Type Foundry
大胆すぎるタイポグラフィーです。
https://extraset.ch/
2020-08-03
detail
Screenshot of isai-inc.co.jp
isai Inc.
NEW WORKSを90度回転させて並べているところに新しさを感じました。
https://isai-inc.co.jp/
2020-05-13
detail
Screenshot of tyrus.design
Tyrus
しっかり区切ったレイアウトが好みです。
https://tyrus.design/
2020-11-27
detail
Screenshot of www.museum-kawakyu.jp
川久ミュージアム | 和歌山県南紀白浜に浮かぶ美術館
日本とは思えない外観と、サイトの見せ方が良い組み合わせです。最後に現れる「宿泊」に非常に興味を持ちました。
https://www.museum-kawakyu.jp/
2020-07-03
detail
Screenshot of www.baumjapan.com
BAUM（バウム）
レイアウトが美しいです。またメンバーシップのアニメーションなど細かい部分が繊細です。
https://www.baumjapan.com/baum/index.html
2020-05-15
detail
Screenshot of homesociete.ca
Home Société | Contemporary Home & Outdoor Furniture
トレンドのビッグタイポと横スクロールをうまく合わせています。
https://homesociete.ca/
2020-05-19
detail
Screenshot of hitotomori.net
ひとともり
ラインを使用した細かいデザインがシンプルで、とても素敵です。
https://hitotomori.net/
2020-06-26
detail

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