Mobile Design Patterns: Screen Transitions
Article Metadata
This design pattern is part of the Mobile Design Patterns series.
Contents |
Description
Transition means, "The act of passing from one state to the next". This section describe different type of transitions you can provide on phones. An interesting transition gives that extra touch to your device. Transitions mainly occur as effect of events, which can be key events or touch. You can choose your screen transition on basis of how you want your next data to be presented, and how the transition adds effect to your application.
Screen Slide Away Transition
As 'Applications' folder is selected the screen transition happen by screen moving out horizontal left. And then on selection of 'Back' it slides in from Left. Direction of screen out can be different.
Screen Zoom in and out Transition
As 'Application' folder is selected the screen transition happen by screen zooms out. And then on selection of 'Back' it zooms in.
Screen Fade in and out Transition
As 'Application' folder is selected the screen transition happen by screen fades out. And then on selection of 'Back' it fades in.
Screen Push in and out Transition
As 'Application' folder is selected the screen transition happen by second screen pushing first one out. And then on selection of 'Back' first screen pushes second one out.
This article provides breif introduction to Screen transition and represents some ideas for designing them. Different ways are described with image-implementations. The possible ways illustrated here are also interesting. This article can be useful to develoeprs who are designing screen transitions.
--deepikagohil 14:42, 28 September 2009 (UTC)