今週の気になるWEBサイト・アプリUI/UX＆デジタル広告・サービス 2016/6.26～7.2
LOVE FILA | A 2016 LIMITED EDITION(WEBサイト)
2016Filaのカラフルなウェアをキュートでビビッドなモーショングラフィクスでお届け。スペースバー押しっぱなしで動画再生のきっかけにするUIは最近ちょくちょく見ますね。
Setting the Pace(WEBサイト)
http://www.wsj.com/ad/pimco-rateandreaction.html
連邦準備制度理事会 (Federal Reserve Board of Governors)の100年の歩み的なWEBサイト。ユニークなレイアウトとその要素が画面遷移時にアニメーションする。タイムライン的なインタラクティブなデータビジュアライズにも注目しました。
Item Reveal Animations with SVG(ソースサンプル)
http://tympanus.net/codrops/2016/06/29/item-reveal-animations-with-svg/
タイル型レイアウトでカーテンを閉める様にSVG要素で覆うアニメーション。画面遷移時などに最近増えて来た手法。
Bellagicons(WEBサイト)
http://www.market-me.fr/bellagicons
有料のアイコンを配布するサイト。アイコンも注目ですが、背景のSVGアニメーションとUIインタラクションが秀逸。
Somlo Antiques(WEBサイト)
オメガのビンテージ・アンティーク時計を特集したWEBサイト。独特の世界観を持ったデザインとナビの時計の秒針が滑らか。
barba.js(プラグイン)
ページがサクサク遷移できるPJAXを簡単に実装出来るプラグイン。遷移時のアニメーションなどは自力で実装が必要ですが、アプリ的なモダンなWEBサイトが作れます。
Telenor(WEBサイト)
映画のオープニングを見ている様にスクロールでどんどんMovieが切り替わって行きます。重なるコピーやテキストを見ながらどちらもストレス無く閲覧出来る。
Yul Moreau(WEBサイト)
パリを拠点として活動しているアートディレクターのWEBサイト。ミニマルなポートフォリオサイトですが、デジタルなフォントと世界観がCool
Related posts
