Screenshot of peakzone.jp

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

エンターテイメント・イベント・メッセージのデザイン参考サイト
「 PEAKZONE 」

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

少し前までは一部コンテンツに動画を使用することで、目に止まるというサイトが多かったと思います。
最近ではこういったイラストをアニメーションとしてコンテンツに入れるというサイトも増えてきたように思えます。
イラスト全体を動かすのではなく、シネマグラフのように部分的に動かすことで、自然と目をひくデザインになっているように感じます。

back

Screenshot of andmade.jp

ANDMADE Inc. / アンドメイド: クセのあるフォント(Voyage)を上手くまとめていて参考になります。; https://andmade.jp/
2020-07-29; detail

Screenshot of kovalweb.com

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

Screenshot of www.nara-u.ac.jp

https://www.nara-u.ac.jp/buddience/: 自分と似ている仏様がわかります。; https://www.nara-u.ac.jp/buddience/
2020-09-04; detail

Screenshot of www.sennep.com

Sennep – Digital product studio: 独特のイラストが好みです。; https://www.sennep.com/
2020-11-09; detail

Screenshot of 100daysofpoetry.gallery

100 DAYS OF POETRY: 横スクロールとクリック時のアニメーションが綺麗です。; https://100daysofpoetry.gallery/
2020-05-10; detail

Screenshot of factfashion.jp

FACT FASHION: キャッチコピーの使用方法が面白いです。; https://factfashion.jp/
2020-11-27; detail

Screenshot of sketchbook.kr

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

Screenshot of magazine.cainz.com

となりのカインズさん | ホームセンターを遊び倒すメディア: ホームセンターのマガジンです。; https://magazine.cainz.com/
2020-07-21; detail

Screenshot of katiforner.com

Kati Forner – Welcome: 丸いメニューと写真のレイアウトがおしゃれです。; https://katiforner.com/
2020-05-10; detail

Screenshot of sep.co.jp

SEP,inc.: ハンバーガーメニューに対するカーソルの動きが面白いです。; https://sep.co.jp/
2021-12-15; detail

Screenshot of agreen.tokyo

A Green｜Greenery Scent Architecture & Design: レイアウトとコーディングの関係が美しいです。; https://agreen.tokyo/
2020-05-09; detail

Screenshot of extraset.ch

Extraset | Independent Swiss Type Foundry: 大胆すぎるタイポグラフィーです。; https://extraset.ch/
2020-08-03; detail

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