今週の気になるUI/UX(WEBサイト・アプリ&デジタル広告) 10.5〜10.11

Paulig Presidentti 3D(WEBサイト)

Paulig Presidentti 3D

http://presidentti3d.paulig.fi/?lang=en

質感、取っ手等のデコレーション、レリーフの刻印が可能。
完成したものをアップロードして申し込みすれば3Dプリントして配送してくれる。
webGLを使ったOnline to Offlineの仕掛け。

aquatilis.tv(WEBサイト)

AQUATILIS EXPEDITION

http://aquatilis.tv/

海の背景動画から海底に沈むがごとくパララックス。からのSVGアニメ。

reembed(WEBサービス)

reEmbed – Custom YouTube Video Player

https://www.reembed.com/

youtubeのスタイルをカスタマイズでき、ロゴ等も入れられる。

ANIMATED BACKGROUND HEADERS(チュートリアル・デモ)

Animated Background Headers   Demo 1

http://tympanus.net/codrops/2014/09/23/animated-background-headers/

メイン画像の背景にGreenSock GSAPのライブラリを使ったアニメーション。デモは4つ用意されている。

Art Exchange by Absolut

スクリーンショット(2014-10-10 21.25.01)

http://www.absolut.com/jp/artexchange/

アンディー・ウォーホールのアブソルートのボトルを題材にした作品が制作されて30周年。特集サイト

Sound City Project/Sounds of Street View by Amplifon(WEBアプリ)

Sound City Project

Sounds of Street View by Amplifon

http://soundcityproject.com/

http://www.amplifon.co.uk/sounds-of-street-view/index.html

google mapと連携してその場所の音が聞けるWEBアプリ2サイト。どちらもUIアニメーションが気持ちいい。

WEB PROJECT GALLERY(チュートリアル・デモ)

Alessio B   Virtual B   Web Project Gallery

http://www.webprojectgallery.it/it/

自分が博物館に居るように作品が閲覧できる。自分の居所もマッピングされている。

ツールチップアニメーション(チュートリアル・デモ)

スクリーンショット(2014-10-10 21.15.00)

http://tympanus.net/Development/TooltipStylesInspiration/

上部にメニューがあり、色々な種類がありますが、個人的に「comic」が好きです。レスポンシブ対応

チラシミュージアム(スマホアプリ)

スクリーンショット(2014-10-10 21.15.19)

http://eplus.jp/sys/web/museum/index.html

紙媒体である「チラシ」をアプリで探せる

人口減少地図(WEBアプリ)

スクリーンショット(2014-10-10 21.16.10)

http://www.nikkei.com/edit/interactive/population2014/map.html

田舎者出身の自分としては人ごとではなく…右上のプルダウンで地図の種類選べます。

Share

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

Follow(SNSで定期購読)

コメントをどうぞ

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

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