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

Drag and Drop Interaction Ideas | Bottom Area(ソースサンプル)

drag_dorops

http://tympanus.net/Development/DragDropInteractions/index.html

ページ内のリストをドラッグ&ドロップで選択、ストックするインタラクションUI。

Bottom Area、Sidebar、Page Scale、Modal、Icons、Bottom Slide、Reveal7つの種類のパターンが用意されている

Barlas Apaydın – Web Developer(WEBサイト)

barlas

http://www.barlasapaydin.com/

グラフィックからアニメーション等のインタラクションまで遊び心たっぷりのポートフォリオサイト

astronomyy.fm | Listen to the ‘There For U’ EP(WEBサイト)

astronomy

http://www.astronomyy.fm/

音楽を再生する宇宙系ビジュアライザー。万華鏡のような効果を演出。

Quay Restaurant(WEBサイト)

quay

http://www.quay.com.au/

オーストラリアのレストラン「quay」のサイト。芸術的な料理、店内の画像が異世界を演出する。

ISSEY MIYAKE INC.(WEBサイト)

isseymiyake

http://www.isseymiyake.com/message/

イッセイミヤケの限定商品で作られたフォント。サイトではその欧文フォントを使ってメッセージを送る事ができる。
※2015年1月15日まで

12 Fun Sharing Button Effects(ソースサンプル)

hover_anime

http://demo.tutorialzine.com/2014/11/12-fun-sharing-button-effects/

ホバーエフェクトのサンプルコードサイト。3D系の動きなど派手な動き12種類。

Mario Bruschi | Clothing, shoes, accessories and bags(WEBサイト)

Mario Bruschi

http://www.mariobruschi.com/ent

アパレルブランド「mariobruschi」のサイト。Mens、Womensの縦に分割されたコンテンツが左右にドロワーメニューのようにスライドする。

Agence de Communication Toulouse – MASHVP(WEBサイト)

mashvp

http://mashvp.com/

上下逆方向へスクロールするリスト。worksをみるとブランディングをお得意としている制作会社のようです。

Green Chameleo(WEBサイト)

particles

http://www.craftedbygc.com/

このサイトはとにかくロゴのcanvasで作られたパーティクルでしょう。グリグリしてやってください。

Nightcrawler(WEBサイト)

Nightcrawler

http://nightcrawlerfilm.comt

ジェイク・ギレンホール主演のスリラー「Nightcrawler」のサイト
映画の緊迫感を演出する動画の数々がページ内に存在するが、物語の重要な音声と組み合わせローディングを飽きさせない。

Share

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

  • Fatal error: Cannot use object of type WP_Error as array in /home/users/0/lolipop.jp-57550d00a021e1c2/web/blog/wp-content/themes/simplicity/sns-buttons.php on line 35