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 konpeidou.jp

金平堂(KONPEIDOU)−おしゃれな金平糖。プチギフトや引出物、粗品に。香料不使用。: とにかくロゴが好みです。; http://konpeidou.jp/
2020-05-09; detail

Screenshot of www.moooi.com

Moooi: コンセプトタイトル、BGM、アニメーションが印象的でつい見入ってしまいます。ソースコードに製作者の記載があります。; https://www.moooi.com/en/a-life-extraordinary
2020-05-22; detail

Screenshot of www.baumjapan.com

BAUM（バウム）: レイアウトが美しいです。またメンバーシップのアニメーションなど細かい部分が繊細です。; https://www.baumjapan.com/baum/index.html
2020-05-15; detail

Screenshot of sumi.fillinglife.co

FIL – SUMI LIMITED: 細かいところまでアニメーションが計算されているように感じます。; https://sumi.fillinglife.co/
2020-07-29; detail

Screenshot of isai-inc.co.jp

isai Inc.: NEW WORKSを90度回転させて並べているところに新しさを感じました。; https://isai-inc.co.jp/
2020-05-13; detail

Screenshot of hypertria.com

Hyper Tria: 動かない動画が面白いです。; https://hypertria.com/
2021-11-04; detail

Screenshot of www.igaming.studio

iGS · iGaming Studio · The Design and UX Agency for iGaming Brands: 水平スクロールのサイトでコンテンツ最後に次ページへの誘導がついているのは珍しいかもしれないです。; https://www.igaming.studio/
2020-08-31; detail

Screenshot of www.point.app

Point — The do it all debit card.: カードがかっこいいです。; https://www.point.app/
2020-08-05; detail

Screenshot of railroadladies.com

URL: 画像を大胆に余白をとって配置する手法が素敵です。; https://railroadladies.com/
2020-10-09; detail

Screenshot of www.and-love.com

and株式会社: お洒落なオリジナル作業着に心を掴まれました。; https://www.and-love.com/
2020-08-06; detail

Screenshot of botanistofficial.com

植物の生命力を肌へ｜BOTANIST SKINCARE EVER: 背景と画像のシャドーの関係性が良いです。; https://botanistofficial.com/special/skincare_ever/
2020-08-11; detail

Screenshot of kieranbaybutt.com

Kieran Baybutt: トップページのPROJECTの見せ方が凝っています。; https://kieranbaybutt.com/
2020-08-24; detail

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