Changes

{| cellpadding="5px"

{| cellpadding="5px"

|<span class="plainlinks">[{{fullurle:olpc:Image:xo_s.png}} http://wiki.laptop.org/images/b/ba/Xo_s.png]</span>

|<span class="plainlinks linkgroup">[{{fullurle:olpc:Image:xo_s.png}} http://wiki.laptop.org/images/b/ba/Xo_s.png]</span>

|

|

The icons which represent People have special status on the laptops.  Referred to generally as the XOs, they represent the children and their laptops on the mesh Neighborhood, and furthermore represent the OLPC project and its goals to place a laptop in the hands of every child.  Each child will select a stroke and fill color for their XO, and their chosen colors will then apply to the icons of any Activities or Objects they create.

The icons which represent People have special status on the laptops.  Referred to generally as the XOs, they represent the children and their laptops on the mesh Neighborhood, and furthermore represent the OLPC project and its goals to place a laptop in the hands of every child.  Each child will select a stroke and fill color for their XO, and their chosen colors will then apply to the icons of any Activities or Objects they create.

|<span class="plainlinks">[{{fullurle:olpc:Image:Standard_icon_size.png}} http://wiki.laptop.org/images/thumb/d/d9/Standard_icon_size.png/105px-Standard_icon_size.png]</span>

|<span class="plainlinks">[{{fullurle:olpc:Image:Standard_icon_size.png}} http://wiki.laptop.org/images/thumb/d/d9/Standard_icon_size.png/105px-Standard_icon_size.png]</span>

|

|

Icons should be developed and saved at Standard (S) size, though their actual size and appearance in the interface may change dynamically.  When developed at standard size, icons should fit loosely within the 3 x 3 icon-safe subcell of a standard 75px grid cell, as specified in the [[Design Team/Human Interface Guidelines/The Sugar Interface/Layout Guidelines|layout section]].

Icons should be developed and saved at Standard (S) size, though their actual size and appearance in the interface may change dynamically.  When developed at standard size, icons should fit loosely within the 3 x 3 icon-safe subcell of a standard 75px grid cell, as specified in the [[Human Interface Guidelines/The Sugar Interface/Layout Guidelines|layout section]].

Notice that when the interface scales your icons, strokes do not necessarily scale proportionally to the overall icon size.  This ensures that the stroke weight remains visible enough at all sizes to convey its weight and color, but it may also limit the granularity with which you use strokes, which could begin to blend together at smaller sizes.  The following chart relates the various icon sizes to their corresponding scale factors and stroke weights.  We strongly suggest that you try rendering your icons at XS, S, and M sizes in order to tweak their appearance for optimal legibility.

Notice that when the interface scales your icons, strokes do not necessarily scale proportionally to the overall icon size.  This ensures that the stroke weight remains visible enough at all sizes to convey its weight and color, but it may also limit the granularity with which you use strokes, which could begin to blend together at smaller sizes.  The following chart relates the various icon sizes to their corresponding scale factors and stroke weights.  We strongly suggest that you try rendering your icons at XS, S, and M sizes in order to tweak their appearance for optimal legibility.

All strokes within an "S" activity icon must have a line weight of 3.5px. All icons should have a primary fill which represents its overall shape.  In addition, any number of supplemental strokes and fills may be used; not all strokes within an icon must have fills, and not all fills must have strokes.

All strokes within an "S" activity icon must have a line weight of 3.5px. All icons should have a primary fill which represents its overall shape.  In addition, any number of supplemental strokes and fills may be used; not all strokes within an icon must have fills, and not all fills must have strokes.

More detailed instructions for making icons can be found [[olpc:Making SVG Icons for Sugar|here]].

See these '''[[Development_Team/Almanac/Making_Icons|detailed instructions for making icons]]'''.

{{hig-subnav-intra|p_page=Layout Guidelines|c_section=The Sugar Interface|c_page=Icons|n_page=Colors}}

{{hig-subnav-intra|p_page=Layout Guidelines|c_section=The Sugar Interface|c_page=Icons|n_page=Colors}}

</div>

</div>