
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title></title><style type="text/css">.felamimail-body-blockquote {margin: 5px 10px 0 3px;padding-left: 10px;border-left: 2px solid #000088;} </style></head><body>* Choose icons from the Oxygen icon set and follow guidelines on [[Projects/Usability/HIG/IconDesign| icon design]].<br><br>http://techbase.kde.org/Projects/Usability/HIG/IconDesign<br><br>==Purpose==<br>Icons are pictorial representations of functions and objects, important not only for aesthetic reasons as part of the visual identity of a program, but also for utilitarian reasons as shorthand for conveying meaning that users perceive almost instantaneously. Well-designed icons improve the visual communication and strongly impact users' overall impression of visual design. Last but not least, icons are space-saving and improve usability by making programs, objects, and actions easier to identify, learn.<br><br>== Guidelines ==<br>* As a developer use an icon from the predefined set. KDE uses the [http://websvn.kde.org/trunk/kdesupport/oxygen-icons/ Oxygen icon set]. Ask at the [https://mail.kde.org/mailman/listinfo/kde-artists kde-artists mailing list] if the set lacks on a specific item.<br>* As a designer create icons with varying sizes in respect to the level of design. Simply scaling down (or up) does not work.<br>* Design icons with a small number of metaphors [1]. <br>** Apply metaphors only once (e.g. do not use a brush twice for different options).<br>** Rethink conventionally used metaphors (e.g. the clipboard icon of paste).<br>** Antiquated metaphors might work well (e.g. a floppy is not necessarily outdated to represent save).<br>** Adjust the degree of abstractness according to familiarity of the metaphor.<br>** Avoid using arrows, they are unspecific.<br>** Define metaphors independent from language and culture.<br>** Make icons simple.<br>* Colorize icons according to the meaning but in respect to application’s colors.<br>* Don’t use animated icons.<br>* Test your icon set on strength of association, discriminatory power, conspicuousness, and, if applicable, on accessibility.<br>==Implementation==<br>http://websvn.kde.org/trunk/kdesupport/oxygen-icons/<br>https://mail.kde.org/mailman/listinfo/kde-artists<br>==References==<br>[1] http://user-prompt.com/semiotics-in-usability-guidelines-for-the-development-of-icon-metaphors/<br><br></body></html>