Difference between revisions of "User:Garycmartin/Maliit"

From Sugar Labs
Jump to navigation Jump to search
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
=== Maliit OSK style and layout design ===
 
=== Maliit OSK style and layout design ===
  
Oldest designs are at the bottom, most recent work at the top. Read from bottom to top if you are interested in the design progression.
+
Oldest mockup designs are at the bottom, most recent work at the top. Read from bottom to top if you are interested in the design progression. Styles (colour/shading) are much more easy to change than key layout, as layout changes need to be applied to 40+ xml files for each supported language. See the [[User:Garycmartin/Maliit_Layouts|screen shots]] of each language layouts for the currently implemented state.
  
 
<gallery widths="430" heights="130" perrow="2">
 
<gallery widths="430" heights="130" perrow="2">
 +
File:Maliit Sugar theme work 15.png|Mockup dropping esc, tab, ctrl, and alt. Added a slight contrast edge pop, outline style keyboard close icon.
 
File:Maliit Sugar theme work 13.png|Version with grey keys and white letters, this is lower contrast but may provide less 'visual strobing' of rows of high contrast keys
 
File:Maliit Sugar theme work 13.png|Version with grey keys and white letters, this is lower contrast but may provide less 'visual strobing' of rows of high contrast keys
 
File:Maliit Sugar theme work 12.png|Experiment in adding an extra row of more conventional keys used by Sugar, note that this keyboard in portrait orientation is borderline at ~9.5mm per key width, landscape is fine at ~12.6mm.
 
File:Maliit Sugar theme work 12.png|Experiment in adding an extra row of more conventional keys used by Sugar, note that this keyboard in portrait orientation is borderline at ~9.5mm per key width, landscape is fine at ~12.6mm.
Line 17: Line 18:
 
File:Maliit Sugar theme work 2.png|Exploring variations of modifier styles...
 
File:Maliit Sugar theme work 2.png|Exploring variations of modifier styles...
 
File:Maliit Sugar theme work 1.png|Moving return and backspace key to more conventional keyboard locations (maliit layouts target phone sized devices). Added language switch key and hide OSK key, added extra right side shift and ?123 keys. The asdf row needs to allow for the extra Ñ key as found on Spanish keyboards.
 
File:Maliit Sugar theme work 1.png|Moving return and backspace key to more conventional keyboard locations (maliit layouts target phone sized devices). Added language switch key and hide OSK key, added extra right side shift and ?123 keys. The asdf row needs to allow for the extra Ñ key as found on Spanish keyboards.
File:Current_maliit_layout_with_neutral_theme.png|Simple clean up of the style removing gradients and colours.
+
File:Current_maliit_layout_with_neutral_theme.png|Simple clean up of the style removing gradients, colours, and the unused keyboard ribbon to maximise space.
 
File:current maliit theme and layout.png|Original olpc-xo style and layout provided by the maliit developers.
 
File:current maliit theme and layout.png|Original olpc-xo style and layout provided by the maliit developers.
 
</gallery>
 
</gallery>

Latest revision as of 21:06, 6 September 2012

Maliit OSK style and layout design

Oldest mockup designs are at the bottom, most recent work at the top. Read from bottom to top if you are interested in the design progression. Styles (colour/shading) are much more easy to change than key layout, as layout changes need to be applied to 40+ xml files for each supported language. See the screen shots of each language layouts for the currently implemented state.