[sugar] icon assistance/validation

Paul Fox pgf at foxharp.boston.ma.us
Tue Mar 11 22:55:20 EDT 2008


i'm trying to design an icon for a new activity, and i'm having a
heck of a time coming up with something appropriate.  part of the
problem is my inexperience with inkscape (the only svg tool that
i think i have access to), but part of it's that i can't easily
tell what the result will look like under sugar.  (for instance,
is there a way to turn the inkscape drawing background to black?)

to really see the icon requires getting it onto my (emulated) XO,
making it part of an activity, and restarting sugar.  in other
words, it's incredibly cumbersome.  and then, i find that i did
something new wrong for the Nth time, and have to repeat the
process.  (and in a "scaled" emulation, which i usually run
because it's faster and usually more convenient, the icons don't
throb or sometimes even display.)

so, in no particular order, are there any linux tools to:
    - "sugar validate" an icon?  i'm thinking of things like
	making sure all strokes are the same, all fills are the
	same (or unset), making sure that non-closed objects
	don't have a fill set, etc.
    - display sugary previews of the icon, in its various colored
	and b/w renditions, and various sizes?
    - automatically do the variable substitution required to make
	fill_color and stroke_color "animatable"?

figuring out how to structure the icon "by documentation" isn't
all that easy, either -- even though there are no fewer than 5
pages which describe parts of the process and guidelines.

[ the rest of this message is a mild whine about the state of
wiki with regard to icons.  i know, i know -- i should spend my
typing efforts fixing the problem, instead.  but i had all this
written before i realized that!  ]

http://wiki.laptop.org/go/Sugar_Activity_Tutorial
    this page includes some SVG header text, but doesn't say what
    one should do with it.  the header text clearly assumes the
    rest of the icon has been written in a specific way.

http://wiki.laptop.org/go/Sugar_Icon_Format
    this page repeats the header code snippets, but they're surrounded
    by in-line comments that question their accuracy.

http://wiki.laptop.org/go/Making_SVG_Icons_for_Sugar
    has instructions on how to edit an existing SVG file to make
    it sugar-compatible.  basically, it tells you how to make
    your SVG header look a little bit like the ones referred to
    by the above pages.  but it assumes your icon already matches
    the guidelines.

http://wiki.laptop.org/go/OLPC_Human_Interface_Guidelines/The_Sugar_Interface/Icons
    this is the meatiest of the pages, and talks about colors,
    and also a lot about sizes.  however, it refers to "S", "M",
    "L", "XL" as SVG icon sizes ("Icons should be developed and
    saved at Standard (S) size"), but in playing with inkscape
    i've seen no reference to these sizes, making the little
    chart in the middle of the page kind of useless.  is everyone
    else using a different creation tool?

http://wiki.laptop.org/go/Icon_Creation
    and finally, though it has the most promising name, this stub
    page contains absolutely nothing at all!  i laughed when i
    found it.  :-)

failing to find any sort of real tutorial, or even a "tips and
tricks" page, i went looking for a sample icon.  other than a
page offering to download over 800 non-sugar icons (no thanks --
i've already created a whole bunch of those ;-), i only found one
sugar icon on the wiki.  and it's unlabeled, and was apparently
only uploaded as a wiki test:
    http://wiki.laptop.org/go/Image:IconRuler.svg
(it's linked at the bottom of the "Making" page.)

so.  what have i missed?  how is everyone else doing this icon creation
thing?

paul
=---------------------
 paul fox, pgf at foxharp.boston.ma.us (arlington, ma, where it's 30.4 degrees)


More information about the Sugar mailing list