今週の気になるWEBサイト・アプリUI/UX&デジタル広告・サービス 2016/4.10~4.16

Bolden(WEBサイト)

160517_01

http://bolden.nl/

これは面白い!トップのコピーとメニュー部でSVGを背景にして重なった部分をmix-blend-modeをつかって色を重ねています。オランダの制作会社WEBサイト。

Diadora(WEBサイト)

160517_02

http://makeitbright.diadora.com/

スニーカーブランド「Diadora」のスニーカーを履いた70ランナーで10カ国横断キャンペーン。ドラッグでリレーのタイムラインを操作するUIに注目しました。

Involve Digital(WEBサイト)

160517_03

http://www.involvedigital.com/

意味深なコピーとミニマルでcoolなデザインが素敵。インタラクションが映える。

timedropper(プラグイン)

160517_04

http://felicegattuso.com/projects/timedropper/

時間選択などの要素をドラッグで円をなぞる様に選択できるUIが実現出来ます。オプションもautoswitch、meridians、format、mousewheel、init_animation、setCurrentTimeなどがあります。

Trama Studio(WEBサイト)

160517_05

http://tramastudio.net/

チリの制作会社WEBサイト。斜めに入るラインが気持ちいい。見出し、ボタン、背景、ハンバーガーメニューまで統一されていますね。

Pixels by Tomer Lerner(WEBサイト)

160517_06

http://tomerlerner.com/

イスラエルのフロントエンドエンジニアのポートフォリオサイト。トップの3DやフラットなUIのリッチなインタラクションが気持ちいいです。

Agency Forty(WEBサイト)

160517_07

http://www.agencyforty.com/

イギリスの代理店WEBサイト。注目したのはコンテンツのソート機能。iTuneの好みのアーティストを選択するようなUIで右上のメニューと組み合わせて最短でコンテンツに遷移出来ます。

360 Degrees Product Viewer(サンプルソース)

160517_08

https://codyhouse.co/gem/360-degrees-product-viewer/

ドラッグで360度プロダクトを見れるUIを作成したサンプルコード。スプライトシートに360度の写真を並べておき、ドラッグイベントと紐づける。

Now You See Me 2(WEBサイト)

160517_09

http://www.nowyouseeme.movie/

映画「グランドイリュージョン2」のWEBサイト。トリッキーで表現豊なスクロールインタラクション。映画の世界が味わえます。

Cavalier(WEBサイト)

160517_10

https://cavalierchallenge.com/

3Dゲームが遊べるWEBサイトですが、注目下のはオープニングのモーショングラフィクスの様なアニメーション。

Share

  • このエントリーをはてなブックマークに追加
  • 28

Follow(SNSで定期購読)

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>