2,751
edits
Changes
Jump to navigation
Jump to search
mLine 11:
Line 11: − + Line 58:
Line 58: − + Line 140:
Line 140: − +
Development Team/Almanac/Making Icons (view source)
Revision as of 23:00, 7 April 2009
, 23:00, 7 April 2009fix camelcase links
====Scalable Vector Graphics====
====Scalable Vector Graphics====
Icons designed for Sugar must use the [http://www.w3.org/Graphics/SVG/ SVG] file format. This Scalable Vector Graphic format allows Sugar to dynamically scale and color the icons without any degradation in quality. Thus, variably sized representations of particular icons may exist depending on their context in the interface. Additionally, this provides support for dynamic coloring of activity and object icons based upon a child's chosen XO colors, [[DesignTeam/Human_Interface_Guidelines/The_Sugar_Interface/Colors#Imbuing%20Color%20with%20Meaning|imbuing them with identity]].
Icons designed for Sugar must use the [http://www.w3.org/Graphics/SVG/ SVG] file format. This Scalable Vector Graphic format allows Sugar to dynamically scale and color the icons without any degradation in quality. Thus, variably sized representations of particular icons may exist depending on their context in the interface. Additionally, this provides support for dynamic coloring of activity and object icons based upon a child's chosen XO colors, [[Design Team/Human_Interface_Guidelines/The_Sugar_Interface/Colors#Imbuing%20Color%20with%20Meaning|imbuing them with identity]].
====Defining Entities====
====Defining Entities====
====Designing Icons====
====Designing Icons====
Sugar icons should all follow the [[DesignTeam/Human_Interface_Guidelines/The_Sugar_Interface/Icons | icon design guidelines]] set forth in the Sugar Human Interface Guidelines. For information about the various types of icons and their appearances including size, colors, and layout, please refer to the HIG.
Sugar icons should all follow the [[Design Team/Human_Interface_Guidelines/The_Sugar_Interface/Icons | icon design guidelines]] set forth in the Sugar Human Interface Guidelines. For information about the various types of icons and their appearances including size, colors, and layout, please refer to the HIG.
=====Default Colors=====
=====Default Colors=====
== See also ==
== See also ==
*[[DesignTeam/Human Interface Guidelines/The Sugar Interface/Icons]]
*[[Design Team/Human Interface Guidelines/The Sugar Interface/Icons]]
*[[OLPC:Svg-grabber.py|Download .svg collection]] (~800 non-sugar svg's)
*[[OLPC:Svg-grabber.py|Download .svg collection]] (~800 non-sugar svg's)