Difference between revisions of "Human Interface Guidelines/The Sugar Interface"

From Sugar Labs
Jump to navigation Jump to search
Line 26: Line 26:
 
{{:OLPC Human Interface Guidelines/The Sugar Interface/Controls}}
 
{{:OLPC Human Interface Guidelines/The Sugar Interface/Controls}}
  
 
 
===Rollovers===
 
 
{|border=1 cellpadding=3 cellspacing=0 style="margin: 1em auto 1em auto; border: 1px #666666 solid; border-collapse: collapse; background: #f9f9f9;"
 
|+Rollover Animation Phases By Time
 
!style="background:#cccccc;"|Animation Phase!!style="background:#cccccc;"|Time Offset<br>(seconds)!!style="background:#cccccc;"|Duration <br>(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
 
|style="background: #e9e9e9;"| ----
 
|}
 
 
====Primary Rollover====
 
====Secondary Rollover====
 
====Rollovers as Contextual Menus====
 
====Rollovers as Popups====
 
====Rollovers as Pallettes====
 
====Rollovers as Contextual Controls====
 
  
 
===Cursor===
 
===Cursor===

Revision as of 14:47, 29 November 2006

Security [[Human Interface Guidelines/{{{curr}}}|{{{curr}}}]] The Sugar Interface

The Sugar Interface

OLPC Human Interface Guidelines/The Sugar Interface/Input Systems


OLPC Human Interface Guidelines/The Sugar Interface/Layout Guidelines


OLPC Human Interface Guidelines/The Sugar Interface/Icons


OLPC Human Interface Guidelines/The Sugar Interface/Colors


OLPC Human Interface Guidelines/The Sugar Interface/Fonts


OLPC Human Interface Guidelines/The Sugar Interface/Rollovers


OLPC Human Interface Guidelines/The Sugar Interface/Controls


Cursor

Controls

Buttons

Selection controls

Checkboxes
Segmented Controls
Lists
Combination Lists
Color Swatches
Drop Targets

Adjustment Controls

Steppers
Sliders

Indicator Controls

Determinate Progress Indicator
Indeterminate Progress Indicator
Level Indicators

Text Controls

Static Text Fields
Input Field
Search Fields

Separator Controls

Horizontal Rule
Vertical Rule
Logical Grouping

Custom Controls

When to Use Custom Controls
Custom Control Guidelines
Security [[Human Interface Guidelines/{{{curr}}}|{{{curr}}}]] The Sugar Interface