Quantcast
Channel: Dribbble / animation
Viewing all 166620 articles
Browse latest View live

DUDEO live app


Love snow

brokeLads

$
0
0
brokeLads

Just a playful idea inspired by the Black Mirror credits.

102_amount

Dribbble Invite

$
0
0
Dribbble Invite

To win an invitation:
1. Like my Dribbble shots and/or Instagram posts;
2. Subscribe to my Dribbble and/or Instagram;
3. Comment this (https://www.instagram.com/p/BvjGuP8ARiO/) post with a link to your Dribbble profile.
Good luke!

Transactions Interaction

$
0
0
Transactions Interaction

Searching and filtering through banking transactions.

Hotel4box Logo

$
0
0
Hotel4box Logo

Hey there! This is a new logotype for an international shipping and courier delivery service. What do you think?

Behance | Website

Papara Landing Page


Shopping Cart Interaction

Catch me emoji 🙂

$
0
0
Catch me emoji 🙂

Testing Framer and its animation panel.

Code below
----------------

Framer.Device.deviceType = "iphone-6-silver-hand"

background = new Layer
width: Screen.width
height: Screen.height

background.backgroundColor = "#79A2FE"

smile = new Layer
width: Screen.width/10
height: Screen.width/10
image: "images/upside-down-face_1f643.png"

smile.centerX()
smile.centerY()

smile.on Events.MouseOver, ->
smile.animate
properties:
y: Utils.randomNumber(Screen.width/10,Screen.height-Screen.width/10)
x: Utils.randomNumber(Screen.width/10,Screen.width-Screen.width/10)
rotation: Utils.randomNumber(0,360)
scale: Utils.randomNumber(1,6)
time: 0.5
curve: "ease-in-out"

Travel Exploration App Design Made with Studio

$
0
0
Travel Exploration App Design Made with Studio

Hello Dribbblers!

I'm happy to share the very first shot of the travel app I‘m currently working on. This travel app is fully designed in @[50942:InVision] Studio which btw is a great tool for designers. Thanks to the implementation of Design tools & Motion interactions, Studio is very easy to use. Honestly, the tool is not perfect right now (as it crashes sometimes) but with every update on the app it is getting better. Till now I've designed about 10 screens and everything is supercool in Studio.

App Design

This time I was inspired from Instagram's stories layout and implemented it in popular destinations slider. You can swipe left and right to explore popular destinations and swipe up to get the details about that destination. You will get all the info About the place, Top experiences, Image Gallery, Ratings and Reviews by people around the world, Plan a trip, Themes like (Honeymoon, Nature, Adventure, Family, Friends etc).

I hope you like it!

Interaction Video and more screens coming soon :)

------------------
Show us love! Press "L"
Let me know your thoughts in the comments

------------------
You're always welcome to visit our amazing Blog
------------------

Want to see our design portfolio? Visit our Profile and remember to follow us :)

------------------
Credits
Content is not ready yet so i've used it from Lonely planet just to show.
Images from Unsplash and Pexels

Cosmogonia Styleframe

$
0
0
Cosmogonia Styleframe

One of the designs for short movie in development.
More info here: https://www.behance.net/gallery/44821827/Cosmogonia-Short-Movie-Under-Development

Daily UI Challenge #010 Share wheel fun!

$
0
0
Daily UI Challenge #010 Share wheel fun!

Daily UI Challenge #010, fun share wheel interaction animation.

I'm trying to document my daily process on twitter, check it out @datguyale!

The Cheetah strikes back !!

$
0
0
The Cheetah strikes back !!

Don't think we can ever get bored of him. So agile and lean !!

Hit that L button ;) and see more of our stuff at: www.patanimation.com

Motion messages - A case study

$
0
0
Motion messages - A case study

Read the post here:
www.hannaedghill.com/motionmessage

This is the first case study in a series Im doing about motion graphics+user experience design. It's a boiling field at the moment, but so few that dive into it. Is there anyone else out there that calls themselves a MXD? (motion experience designer) Would love to chat :)


Immersive approach

$
0
0
Immersive approach

Hey Dribbblers,

I am proud to present you my new opener concept.
For this animation, I try to make the most immersive experience possible by playing on impact and elegance. I hope you will like it !

See you soon

Alien cell growth

$
0
0
Alien cell growth

See the attachment for more details.

Animated social media brand content

$
0
0
Animated social media brand content

PRO TIP - Identify what content is your ’Hero’ in the post. Is it the photo? Is it an informative text? Is it a call to action pay-off? Make sure your hero is displayed alone and centered without distractions.

Read the post here:
www.hannaedghill.com/motionmessage

Personalisation Animation

$
0
0
Personalisation Animation

Another unused animation I designed for @[3294667:Ve Global] about personalised ecommerce experiences.

Animation done in collaboration with the super-skilled @[1699441:Alex Ross]

A hint to swipe

$
0
0
A hint to swipe

PRO TIP - If you want to entice the user to interact, match the movement to the desired action: If you want the user to swipe horizontally in a regular post on instagram, make the content move in that direction. If you want the user to swipe up in your stories, well then, let the animations have an upward movement.

Read the post here:
www.hannaedghill.com/motionmessage

Viewing all 166620 articles
Browse latest View live




Latest Images