Screenshot of sketchbook.kr

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

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

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

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

back

Screenshot of storywriter.tokyo

StoryWriter | ストリートを愛するカルチャー・マガジン: SPでのKVがPCでは、左カラムの位置にあります。両デバイスのアスペクト比を考えると理にかなっているかもしれないです。; https://storywriter.tokyo/
2020-06-24; detail

Screenshot of a-dot.co.jp

adot｜プロデュースカンパニー・エードット: 綺麗なクリエイティブが目をひきます。; https://a-dot.co.jp/
2020-05-12; detail

Screenshot of visualize60.ndc.co.jp

VISUALIZE 60: 日本語サイトとは思えないほど美しいです。; https://visualize60.ndc.co.jp/
2021-03-12; detail

Screenshot of mitobedesign.co.jp

MITOBE DESIGN CORPORATION: FVでの「SCROLL」が良いアイデアです。; https://mitobedesign.co.jp/
2021-01-25; detail

Screenshot of nesting.me

NESTING: PCのメニューがスクロールで横積みに変わるのが面白いです。; https://nesting.me/
2022-10-07; detail

Screenshot of umami-ware.com

Umami Ware: MENUという文字だけのナビゲーションなのですが、CLOSEはCLSEと略すのが一般的なのでしょうか？; https://umami-ware.com/
2020-06-29; detail

Screenshot of www.yokohama-stadium.co.jp

横浜スタジアム: リンクマークのマウスオーバーアニメーションが素敵です。; https://www.yokohama-stadium.co.jp/
2020-11-11; detail

Screenshot of sumi.fillinglife.co

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

Screenshot of idea.sportsmanship-heros.jp

HERO’s IDEA: トップページでのページ内での移動の挙動が面白いです。; https://idea.sportsmanship-heros.jp/
2020-11-25; detail

Screenshot of sisi.tokyo

SISI: メニューのフォントサイズやアイコンなどの大きさの変化に慣れてきた気がします。; https://sisi.tokyo/
2021-01-21; detail

Screenshot of tokoshie-bullet.com

永久×バレット公式サイト | TOKOSHIE×BULLET Official Site: 様々な技術が上手く纏まっています。; https://tokoshie-bullet.com/
2020-09-08; detail

Screenshot of otonamuse.jp

オトナミューズウェブ: カラーリングと写真のレイアウトが素敵です。; https://otonamuse.jp/
2021-11-18; detail

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