Revised Splash Screen for Mobile App
The existing splash screen is a little abrupt. The attached design is smother, and should hopefully set the scene for a good user experience.
See attached animation of the proposed splash screen animation
Also, see below a Mac only app with the animation. Tap on the end screen to replay the animation.
The design assets for this screen have been added to https://design.minds.com/hosted/mobile/michael/mobile%231642-navigation/
All animations use the following easing. 0.25, 0.1, 0.25, 1.0
The splash screen animation can be broken into two phases. Intro
and Outro
.
Intro
The logo should be visible for a minimum of 1 second
Outro
- Bulb and text transition out at the same point, from 100% to 0% opacity over 500ms
- Background transitions from 100% to 0% opacity over 500ms. Transition starts 50s after the logo has fully transitioned.