今週の気になるWEBサイト・アプリUI/UX&デジタル広告・サービス 11.9〜11.15
Drag and Drop Interaction Ideas | Bottom Area(ソースサンプル)
http://tympanus.net/Development/DragDropInteractions/index.html
ページ内のリストをドラッグ&ドロップで選択、ストックするインタラクションUI。
Bottom Area、Sidebar、Page Scale、Modal、Icons、Bottom Slide、Reveal7つの種類のパターンが用意されている
Barlas Apaydın – Web Developer(WEBサイト)
グラフィックからアニメーション等のインタラクションまで遊び心たっぷりのポートフォリオサイト
astronomyy.fm | Listen to the ‘There For U’ EP(WEBサイト)
音楽を再生する宇宙系ビジュアライザー。万華鏡のような効果を演出。
Quay Restaurant(WEBサイト)
オーストラリアのレストラン「quay」のサイト。芸術的な料理、店内の画像が異世界を演出する。
ISSEY MIYAKE INC.(WEBサイト)
http://www.isseymiyake.com/message/
イッセイミヤケの限定商品で作られたフォント。サイトではその欧文フォントを使ってメッセージを送る事ができる。
※2015年1月15日まで
12 Fun Sharing Button Effects(ソースサンプル)
http://demo.tutorialzine.com/2014/11/12-fun-sharing-button-effects/
ホバーエフェクトのサンプルコードサイト。3D系の動きなど派手な動き12種類。
Mario Bruschi | Clothing, shoes, accessories and bags(WEBサイト)
http://www.mariobruschi.com/ent
アパレルブランド「mariobruschi」のサイト。Mens、Womensの縦に分割されたコンテンツが左右にドロワーメニューのようにスライドする。
Agence de Communication Toulouse – MASHVP(WEBサイト)
上下逆方向へスクロールするリスト。worksをみるとブランディングをお得意としている制作会社のようです。
Green Chameleo(WEBサイト)
このサイトはとにかくロゴのcanvasで作られたパーティクルでしょう。グリグリしてやってください。
Nightcrawler(WEBサイト)
ジェイク・ギレンホール主演のスリラー「Nightcrawler」のサイト
映画の緊迫感を演出する動画の数々がページ内に存在するが、物語の重要な音声と組み合わせローディングを飽きさせない。