OLPC Human Interface Guidelines/The Sugar Interface/Rollovers: Difference between revisions

From OLPC
Jump to navigation Jump to search
No edit summary
 
(Undo revision 187581 by Joachimp (Talk))
 
(9 intermediate revisions by 5 users not shown)
Line 1: Line 1:
<div style="background-color: #FFF; margin-left:auto; margin-right: auto; width: 95%;">
<div style="background-color: #FFF; margin-left:auto; margin-right: auto; width: 95%;">
<noinclude>{{Translations}}</noinclude>
{{hig-subnav|prev_link=The Sugar Interface/Text and Fonts|prev=Text and Fonts|next_link=The Sugar Interface/Controls|next=Controls}}
{{hig-subnav-intra|p_page=Toolbars|c_section=The Sugar Interface|c_page=Rollovers|n_page=Controls}}



===Rollovers===
===Rollovers===
Line 30: Line 30:
|}
|}


====Primary Rollover====
=====Primary Rollover=====
====Secondary Rollover====
=====Secondary Rollover=====

====Rollovers as Menus====

====Rollovers as Contextual Menus====
====Rollovers as Contextual Menus====
====Rollovers as Popups====
====Rollovers as Dialogs====
====Rollovers as Pallettes====
====Rollovers as Contextual Controls====




{{hig-subnav|prev_link=The Sugar Interface/Text and Fonts|prev=Text and Fonts|next_link=The Sugar Interface/Controls|next=Controls}}
{{hig-subnav-intra|p_page=Toolbars|c_section=The Sugar Interface|c_page=Rollovers|n_page=Controls}}
</div>

Latest revision as of 07:25, 17 December 2008

  english | español | 한국어 HowTo [ID# 187607]  +/-  

Rollovers

Rollover Animation Phases By Time
Animation Phase Time Offset
(seconds)
Duration
(seconds)
Immediate Background Change 0.0 0.1
Primary Rollover Begins Expanding 0.1 0.2
Primary Rollover Displayed 0.3 0.4
Secondary Rollover Begins Expanding 0.7 0.3
Secondary Rollover Displayed 1.0 ----
Primary Rollover
Secondary Rollover

Rollovers as Menus

Rollovers as Contextual Menus

Rollovers as Dialogs