今週の気になるWEBサイト・アプリUI/UX&デジタル広告・サービス 2016/4.10~4.16
Bolden(WEBサイト)
これは面白い!トップのコピーとメニュー部でSVGを背景にして重なった部分をmix-blend-modeをつかって色を重ねています。オランダの制作会社WEBサイト。
Diadora(WEBサイト)
http://makeitbright.diadora.com/
スニーカーブランド「Diadora」のスニーカーを履いた70ランナーで10カ国横断キャンペーン。ドラッグでリレーのタイムラインを操作するUIに注目しました。
Involve Digital(WEBサイト)
http://www.involvedigital.com/
意味深なコピーとミニマルでcoolなデザインが素敵。インタラクションが映える。
timedropper(プラグイン)
http://felicegattuso.com/projects/timedropper/
時間選択などの要素をドラッグで円をなぞる様に選択できるUIが実現出来ます。オプションもautoswitch、meridians、format、mousewheel、init_animation、setCurrentTimeなどがあります。
Trama Studio(WEBサイト)
チリの制作会社WEBサイト。斜めに入るラインが気持ちいい。見出し、ボタン、背景、ハンバーガーメニューまで統一されていますね。
Pixels by Tomer Lerner(WEBサイト)
イスラエルのフロントエンドエンジニアのポートフォリオサイト。トップの3DやフラットなUIのリッチなインタラクションが気持ちいいです。
Agency Forty(WEBサイト)
イギリスの代理店WEBサイト。注目したのはコンテンツのソート機能。iTuneの好みのアーティストを選択するようなUIで右上のメニューと組み合わせて最短でコンテンツに遷移出来ます。
360 Degrees Product Viewer(サンプルソース)
https://codyhouse.co/gem/360-degrees-product-viewer/
ドラッグで360度プロダクトを見れるUIを作成したサンプルコード。スプライトシートに360度の写真を並べておき、ドラッグイベントと紐づける。
Now You See Me 2(WEBサイト)
映画「グランドイリュージョン2」のWEBサイト。トリッキーで表現豊なスクロールインタラクション。映画の世界が味わえます。
Cavalier(WEBサイト)
https://cavalierchallenge.com/
3Dゲームが遊べるWEBサイトですが、注目下のはオープニングのモーショングラフィクスの様なアニメーション。