Pinterest
Today
Explore
When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.
Log in
Sign up
baigie - モーションデザイン（PC）
27 Pins
3y
3
Collection by
Tomoyuki Arasuna
,
Tsutomu Sogitani
and
4 others
Share
テキスト表示
4 Pins
パネル表示
7 Pins
ローディング
3 Pins
画面遷移
1 Pin
ホバー
5 Pins
写真
5 Pins
図版
1 Pin
Similar ideas popular now
Web Design
Ios Design
GIF
Web Design Tips
Ui Ux Design
Interface Design
Logo Guidelines
Still Life Photography
Creative Decor
Business Design
Decorating Tips
Floating Nightstand
写真が出る前にサイトに合う薄いグレーのボックスが出てからスライド形式ではなくふわっと登場する感じがすき。あとスクロール時じゃなくて、画面上部に戻るときも写真にフェードアウトみたいな動きが付いててきもちいい。
GIF
Design Logo
App Ui Design
User Interface Design
Graphic Design
Mobile App Design
Mobile Ui
Site Web Design
Ui Animation
Identity
UI Interactions of the week #43
GIF
Website Layout
Web Layout
Layout Design
App Design
Website Designs
Mobile Design
Website Design Inspiration
Creative Inspiration
Shared offices by Halo Lab
Daily Day
Coding
Pattern
Design
Patterns
Model
Programming
Swatch
「What's this ?」にホバーした際の線の現れ方が面白い。
Tomoyuki Arasuna
baigie - モーションデザイン（PC）
GIF
Graph Design
Icon Design
Web Design
Zone Animation
1 Gif
Geometric Logo
Ui Inspiration
Interactive Design
nntuyen/mkloader: Beautiful and smooth custom loading views loading 加载 等待图标
Tapestry
Green
Home Decor
Hanging Tapestry
Tapestries
Decoration Home
Room Decor
Home Interior Design
Needlepoint
FROM_SOMEWHEREは、「旅を飾る」をテーマにした写真のオンラインストアです。扱うのは世界のどこかの景色や街並み。旅を想うこと、それはきっと日々のエネルギーになる。だから旅を飾る。きっといつもの暮らしにに特別な時間が生まれるはずです。FROM SOMEWHERE 旅と暮らしをつなぐ一枚を。
T 84
Messages
Text Posts
Text Conversations
線のモーション。表示する色が薄い場合は、濃い色で最初に表示させている。
ちゃむ
baigie - モーションデザイン（PC）
GIF
Web Design Trends
Logo Design
Design Design
Motion Design
Ui Buttons
テンポいい。
Chart
図版のモーション。登場するときに回転系の円を少し傾けたり、周囲の図の出方も綺麗。
ちゃむ
baigie - モーションデザイン（PC）
Wine Rack
Menu
Decor
Menu Board Design
Decoration
Wine Racks
Decorating
Deco
実際に入る写真をそれ以以外のサイズで見せてから、他のモジュールを出している。撮影が入った案件とか写真をきちんと見せたいときに有効。
ちゃむ
baigie - モーションデザイン（PC）
Online Marketing
Digital Marketing
Web Development
Dublin
Design Web
Site Design
透明度の異なる直角三角形を配置したホバー。あまり見たことないかも。
Yuiko Takatsuka
baigie - モーションデザイン（PC）
写真とパネルの出方で、パネルが下から伸びてくる感じがきもちいい
ちゃむ
baigie - モーションデザイン（PC）
Calm
Metal
Flasks
Metals
文字の背景に動く動画を入れている。ただ単に文字を置くだけよりも、特長的な動きがあるので印象に残る。
Tomoyuki Arasuna
baigie - モーションデザイン（PC）
Chanel
Shopping
斜めに色が切り替わり、シームレスにページ同士がつながる。各ページで白と黒、切り替わるのも面白い。
Tomoyuki Arasuna
baigie - モーションデザイン（PC）
Esquire
Innovation
Retail
Fashion
Moda
Fashion Styles
Fashion Illustrations
Siaspace.com - the fashion retail innovation
Lactose Free
Goat Milk
Sour Cream
Creme
Good Food
Butter
Ethnic Recipes
Collection
Maison Riviera Petit Pot Collection
Photo Wall
Polaroid Film
Frame
Picture Frame
Photograph
Frames
これも一つのパネルにカーソルを当てると、その写真が全体に映る、というホバー表現。これも一つのパネルにカーソルを当てると、その写真が全体に映る、というホバー表現。これも一つのパネルにカーソルを当てると、その写真が全体に映る、というホバー表現。
Tomoyuki Arasuna
baigie - モーションデザイン（PC）
パネルの外の動きと、中の写真の動きが微妙にずれていて、中の写真は小さくなった後少し大きくなっている。この動きがとても気持ち良い。
Tomoyuki Arasuna
baigie - モーションデザイン（PC）
最初に帯が左から右へ向けて広がり、それを追いかけながら被さるように写真が表示される。このエフェクトも最近の定番。テキスト表示のエフェクトと組み合わせると作りこまれてる感を出しやすい。
Tomoyuki Arasuna
baigie - モーションデザイン（PC）
Movies
Movie Posters
Films
Film Poster
Cinema
Movie
Film
Movie Quotes
Movie Theater
見出しがスルスルと表示されるのが心地良い。
Yuiko Takatsuka
baigie - モーションデザイン（PC）
Education
Onderwijs
Learning
ボタンにホバーすると矢印が右に消え、左から現れる。文字も合わせて動く。2つの動きが重なっていて作りこまれた印象がある。
Tomoyuki Arasuna
baigie - モーションデザイン（PC）
Bathroom Lighting
Mirror
Furniture
Bathroom Light Fittings
Bathroom Vanity Lighting
Mirrors
スクロールに対して写真がマスク内で微妙にパララックスしているのと、その上のテキストも微妙に動いているところ、芸が細かい。上質な動きにしたい時に参考になる。
Tomoyuki Arasuna
baigie - モーションデザイン（PC）
写真にホバーすると綺麗なグラデーションが乗る。メインカラーを画面内で印象的に使う時に利用できそうなアイデア。
Tomoyuki Arasuna
baigie - モーションデザイン（PC）
最近はホバーで背景写真が切り替わる表現をよく見かける。サイバーエージェントのコーポレートサイトでも使われていた手法。
Tomoyuki Arasuna
baigie - モーションデザイン（PC）
