You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository has been archived by the owner on May 10, 2024. It is now read-only.
Loading --> Search engine screen
higher res video version: loading.mp4.zip
General transitions between screens
When the white panel changes heights between screens, the height change and content should be animated for a smooth transition, for example (this is on Android):
Animation breakdown: the content in the white panel fades out: start Opacity: 1, end Opacity: 1, duration 0.2s. The white bg resizes starting at T=0.1s to the appropriate height for the next screen, duration 0.3s. The illustration and new text content fades in starting at T=0.3s: start Opacity: 0, end Opacity: 1, duration: 0.4s.
Assets
Grab the assets:
Search engine screen PNGs png assets.zip
Description
Make a new onboarding experience for iOS.
Product spec: https://docs.google.com/document/d/1osrM-ljPmGtuV0igBcbtrG1GVXthBs1AnVNODFFv9rQ/edit?ts=5cfed804&pli=1
Designs
iPhone
iPad
Animated transitions between screens
Loading --> Search engine screen
higher res video version: loading.mp4.zip
General transitions between screens
When the white panel changes heights between screens, the height change and content should be animated for a smooth transition, for example (this is on Android):
Animation breakdown: the content in the white panel fades out: start Opacity: 1, end Opacity: 1, duration 0.2s. The white bg resizes starting at T=0.1s to the appropriate height for the next screen, duration 0.3s. The illustration and new text content fades in starting at T=0.3s: start Opacity: 0, end Opacity: 1, duration: 0.4s.
Assets
Grab the assets:
Search engine screen PNGs
png assets.zip
Shields screen motion graphic
shields.zip
Abstract link for more CSS and plain text: https://share.goabstract.com/bdad6a90-59ac-4735-ba48-673024c9c22e?sha=7f7b11dedded4529e4ce533acba202c280094a17
The text was updated successfully, but these errors were encountered: