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

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

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

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

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

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