Screenshot of sketchbook.kr

sketchbook: グリッドで制作するときの参考にクリップしています。; http://sketchbook.kr/
2020-05-25

広告・制作会社・クリエイター 海外のデザイン参考サイト
「 sketchbook 」

sketchbook: グリッドで制作するときの参考にクリップしています。; http://sketchbook.kr/
2020-05-25

グリッドレイアウトの参考としてあげられているサイトの多くは英語表記のものです。
こちらのサイトは２つの言語が混ざっているという点でレイアウトの参考にしやすいのではないかと思いクリップしています。

back

Screenshot of hitotomori.net

ひとともり: ラインを使用した細かいデザインがシンプルで、とても素敵です。; https://hitotomori.net/
2020-06-26; detail

Screenshot of partners.cpeople.ru

CreativeCrew: スプレーの表現とボタンホバー時の音が良いです。テキスト量の多い横スクロール時の参考にも良いかも。; https://partners.cpeople.ru/en/
2020-07-08; detail

Screenshot of www.broom-studio.com

broom inc.: ProjectsやAboutのアニGIFが効いていて良いです。; https://www.broom-studio.com/
2020-08-04; detail

Screenshot of suppose.jp

SUPPOSE DESIGN OFFICE: 建築物とサイトのデザインがマッチしています。; https://suppose.jp/
2020-12-04; detail

Screenshot of snd.dev

SND: サイトも音も素敵です。; https://snd.dev/
2022-03-15; detail

Screenshot of ferrumpipe.com

Ferrumpipe — Fences and security gates manufacture: この商材で、このクオリティを実現させるのは凄いです。; https://ferrumpipe.com/
2020-09-10; detail

Screenshot of www.cupnoodle.jp

カップヌードルの裏側: みんなのギモンページにあるアコーディオンのマウスオーバー表現が良いです。; https://www.cupnoodle.jp/uragawa/
2021-07-28; detail

Screenshot of ndcosd.jp

NIPPON DESIGN CENTER ON SCREEN CREATIVE DIVISION: noteと合わせて見ると学ぶべき箇所が多いです。; https://ndcosd.jp/
2020-07-29; detail

Screenshot of peakzone.jp

PEAKZONE: 「もしかしてピークゾーン？」部分のSVGアニメーションの使い方が良いです。; https://peakzone.jp/
2020-06-09; detail

Screenshot of geekpictures.co.jp

GEEK PICTURES: FVからスクロールした際の、ヘッダー周りのレイアウト変化が素敵です。; https://geekpictures.co.jp/
2020-11-25; detail

Screenshot of kovalweb.com

Koval Web: ホバーアニメーションなどの細かい部分が、見たことのないアニメーションをたくさん使用しています。; https://kovalweb.com/
2020-11-16; detail

Screenshot of hiro.london

田邑嘉浩｜HIRO.LONDON｜GARDEN ARTIST — HIRO.LONDON: WORKS詳細ページのUIが新しいです。; https://hiro.london/jp/
2020-07-29; detail

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