UPDATE:2019.5.21
- CATEGORY
目を引くサイトの動き・アニメーション〜その1〜
どうも、すけさんです。おしゃれなサイトには、動きやアニメーションが付いているものが多く見受けられます。
よく見る一般的な動きのモノから、「なんだこりゃ!」と思わせる様な目を引くものなど様々です。
星の数ほどあるサイトの中でも、
ちょっと目を引くサイトをご紹介していきたいと思います。
Kazuki
http://kazuki-art.com/ アートディレクター、シンガーソングライター、スタイリストなど、多くの肩書きで活動をされているKazukiさんのサイトです。
目を引く部分はなんと言っても、
ページをスクロールして行った時に流れてくるギャラリーの数々。
ギャラリーの配置がレイヤー構造になっており、
真ん中の「works」という文字の上下にギャラリーが流れます。
単純に並べて見せるギャラリーに比べ、
一枚一枚の画像が引き立って見えますね。
PLAY/UP
https://playup.jp/ 一瞬、アーティストのサイト??、と思いましたが、なんと「コンタクトレンズ」のサイトです。
それもそのはず、BTS(防弾少年団)イメージモデルのカラーコンタクトレンズで、
BTSの曲が流れます。(音量注意!)
マウスカーソルと曲のリズムに合わせて、
背景の球体が動くのがとても面白いです。
すごく意表を付いたサイトだなと感じます。。
やざわ虎クリニック
https://yazawa-tora-clinic.com/ パッと見、普通の診療所のサイトかなと思いましたが、いろんな所にマウスカーソルを持っていくと、
マスコットキャラターのトラがちらほらと現れます。
わたくし男ながら、「かわいいな〜」とほっこり致しました。
注目してもらいたいのは、一番最後までスクロールして
トラが隠れている雲をクリックしてみてください。。。
すごく遊び心が溢れるサイトだな〜と思います。