今週の気になる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

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

Follow(SNSで定期購読)

コメントをどうぞ

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

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