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 virtualmuseum.fukuoka-kenbi.jp
福岡県立バーチャル美術館
トップだけでなく、下層もギミック満載です。
https://virtualmuseum.fukuoka-kenbi.jp/
2021-05-13
detail
Screenshot of pieni.co.jp
PIENI
写真が素敵すぎます。
https://pieni.co.jp/
2020-11-13
detail
Screenshot of nara-iff.jp
なら国際映画祭2020
最近、ナビゲーションに記事数を表示するサイトが増えているように感じます。
https://nara-iff.jp/2020/
2020-10-09
detail
Screenshot of materials.8card.net
Eight 8/8/8th Anniversary
オープニングの数字のスクロールが素敵です。
https://materials.8card.net/product/888/
2020-09-17
detail
Screenshot of www.artidaoud.com
ARTIDA OUD（アルティーダ ウード）
読み込み時のポップアップに絵文字が表示されています。絵文字を使ったメッセージをよく見るようになりました。
https://www.artidaoud.com/
2020-06-08
detail
Screenshot of vooban.com
Accueil — Vooban
メニュー内にある＋アイコンから−になるアニメーションが良いです。
https://vooban.com/
2020-11-30
detail
Screenshot of peakzone.jp
PEAKZONE
「もしかしてピークゾーン？」部分のSVGアニメーションの使い方が良いです。
https://peakzone.jp/
2020-06-09
detail
Screenshot of f-font.com
デザイナーのフォント見本帳「F」
便利です。
https://f-font.com/
2022-08-04
detail
Screenshot of lamalama.nl
Lama Lama
マウスに反応する仕掛けが面白いです。
https://lamalama.nl/
2021-12-06
detail
Screenshot of a-dot.co.jp
adot｜プロデュースカンパニー・エードット
綺麗なクリエイティブが目をひきます。
https://a-dot.co.jp/
2020-05-12
detail
Screenshot of store.tsigs.com
ゴルフウェア&ゴルフグッズ【ピージージー】
KVの写真の見せ方が面白いです。紙のルックブックを見ているようです。
https://store.tsigs.com/pgg/
2020-05-15
detail
Screenshot of www.sbs.com.au
Story Line: Six Months of COVID-19 – The Feed – SBS
ドラッグでの操作感が素敵です。
https://www.sbs.com.au/storyline/
2020-09-07
detail

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