【Webデザイン】今週の「良きウェブ」(5月26日〜6月1日)
どうもです。なんとなく梅雨っぽい感じがしてきてしまいましたね。
今週も良きWebまとめです。 申し訳ないことにこの週は確か引越しやらでドタバタしていた週でしたのでサイト少なめです。。。 その代わりこの週はスクロールアニメーションが特徴的なサイトが多かったです。
それでは今週もどうぞ。
デザインが「良きウェブ」
Studio Björk - A digital production studio in Stockholm
http://www.studiobjork.com/ モノクロベースの横向き展開スクロールデザイン。めちゃくちゃかっこいいです。
#TweenMax #Three.js #キレイめ #花柄 #紺色 #奥行き #3D #音声あり
Glimmerings Gallery presented by Ari Weinkle & Semplice
http://glimmerings.gallery/ 個性的なフォントが存在感放つサイト。ページ下部にあるフォントアニメーションも良き。
#シングルページ #ホバーアニメーション #黒色 #フォントアニメーション
World Champion Amsterdam
http://www.worldchampionamsterdam.nl/
数字のインパクトに注目。雑誌のレイアウトのようなオブジェクトの組み方が良き。
#TweenMax #Hammer.js #スタイリッシュ系 #全ページスクロール #ホバーアニメーション #ボックススライドイン #ローディングアニメーション
ギミックや発想が「良きウェブ」
The Five Seasons
https://www.alessi.com/thefiveseasons
圧倒的世界観。奥行き豊かなおかげでVRっぽい。
#TweenMax #Three.js #スタイリッシュ系 #モノクロ #シームレス遷移 #パララックス
アニメーションが「良きウェブ」
株式会社ハッシャダイ | HASSYADAI Inc.
ちょっとユニークな制度がありますがサイトのかっこよさはピカイチ。
#Three.js #pjax #スタイリッシュ系 #クール系 #紺色#シームレス遷移 #scroll manager #パララックス
FontFace Dojo
スクロールアニメーションに目が惹かれる。スライダーの移動演出が実は面白い。
#Three.js #スタイリッシュ系 #かわいい系 #ミントグリーン #シングルページ #パララックス
Phive — Health & Fitness Centers
スクロールアニメーションでよく見られる演出をうまく色々盛り込んでいるサイト。ページ間遷移のローディングアニメーションが可愛らしいです。
#Three.js #スタイリッシュ系 #黄色 #スクロールアニメーション #フォントアニメーション #ローディングアニメーション #シームレス遷移 #インライン再生動画 #SVGアニメーション #ホバーアニメーション
真似したくなるようなテクニックがある「良きウェブ」
In August Company
水彩風テクスチャがいい感じにゆらゆらと揺れてるのが良い。
#シングルページ #水彩風 #マウスムーブイベント #パステルカラー
Tío Luchín - Cocina en vivo
美味しそうなパララックススクロール。スクロールがどれくらい進んでるのがわかるようになってる。
#シングルページ #黒 #パララックス #SVGアニメーション #スクロール再生動画