×
Namespaces

Variants
Actions
(Difference between revisions)

Mobile Design Patterns: Screen Transitions

From Nokia Developer Wiki
Jump to: navigation, search
prakash.raman (Talk | contribs)
(New page: Category:Mobile_Design Category:Mobile_Design_Patterns This design pattern is part of the Mobile Design Patterns series. ===Description=== T...)
 
prakash.raman (Talk | contribs)
Line 8: Line 8:
 
Transition means, "The act of passing from one state to the next". This section describe different type of  
 
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 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.
+
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 Horizontal Transition===  
+
=== Screen Slide Away Transition===  
 
+
  
 
[[Image:Horizontal_transition.gif]]
 
[[Image:Horizontal_transition.gif]]
Line 17: Line 16:
  
  
=== Screen Vertical Transition===
+
----
 
+
[[Image:Vertical_screen_transition.gif]]
+
 
+
  
  
Line 27: Line 23:
  
 
[[Image:Zoom_in_and_out.gif]]
 
[[Image:Zoom_in_and_out.gif]]
 +
 +
 +
 +
----
  
  
Line 33: Line 33:
  
 
[[Image:Fade_in_and_out.gif]]
 
[[Image:Fade_in_and_out.gif]]
 +
 +
 +
 +
----
  
  

Revision as of 21:49, 11 May 2009


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

Horizontal transition.gif




Screen Zoom in and out Transition

Zoom in and out.gif




Screen Fade in and out Transition

Fade in and out.gif




Screen Push in and out Transition

Push in and out.gif

88 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×