Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New icon animation: Saving #245

Open
kristastarr opened this issue Apr 25, 2023 · 5 comments
Open

New icon animation: Saving #245

kristastarr opened this issue Apr 25, 2023 · 5 comments
Assignees

Comments

@kristastarr
Copy link
Collaborator

Name of icon to be animated as shown in Carbon Icon Library:
Saving

@watsondesign
Copy link

Current state:
saving 2

Feedback from Mike on this:

Transition looks good. I think general speed of the loader feels right, might try a little slower (in case the context needs it to be less obtrusive)

I'd play with modifying the floppy disk path so it maintains consistent buffer between the circle and checkmark (animating the lines closer/farther away as you transition)

@kristastarr
Copy link
Collaborator Author

@watsondesign This is looking awesome! Once you are done refining, lmk and I'll add it to the library and the demo page! 😄

@watsondesign
Copy link

save_icon.zip
@kristastarr Here is the after effects file and the illustrator file for you to begin working

@kristastarr
Copy link
Collaborator Author

kristastarr commented Jun 1, 2023

#247 adds an icon with three states (in progress/success/failure) and buttons on the demo page to simulate a change in status, so you can see how each state looks. @watsondesign we can update this with your version once it's finished 😄

See the demo here: https://carbon-design-system.github.io/icons-motion

@watsondesign
Copy link

I think we can go ahead and close this one! Thank you @kristastarr

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants