| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
| <html> |
| <head> |
| <meta http-equiv="Content-Type" |
| content="text/html; charset=ISO-8859-1"> |
| <title>Visual Design :: Galaxy Icons</title> |
| <link href="sts.css" rel="stylesheet" type="text/css" media="screen"> |
| <style type="text/css"> |
| <!-- |
| .Stil4 {font-size: 10pt} |
| .Stil7 {font-size: 12px} |
| .Stil17 {color: #3262a6} |
| .Stil18 {color: #3262a6; font-size: 12pt; } |
| .Stil19 {font-size: 12pt} |
| --> |
| </style> |
| </head> |
| <body> |
| <table width="65%" border="0" cellspacing="2" cellpadding="5"> |
| <tr> |
| <td colspan="2"><a href="http://ui.openoffice.org/VisualDesign/"><img src="gifs/visualdesign.png" width="753" height="49" border="0"></a><a name="top"></a></td> |
| <td width="37%"><div align="right"></div></td> |
| </tr> |
| <tr> |
| <td colspan="3"><table width="100%" border="0" cellspacing="2" cellpadding="5"> |
| <tr> |
| <td colspan="5"><div align="right" class="Stil17"><span class="Stil7"><a href="index.html">Visual |
| Design</a> | |
| <a href="OOo_ui.html">UI</a> | |
| Icons </span></div></td> |
| </tr> |
| <tr> |
| <td colspan="5"><img src="gifs/nada.gif" width="50" height="30"></td> |
| </tr> |
| <tr> |
| <td colspan="5"><span class="head1_black Stil17">The Galaxy Icons </span></td> |
| </tr> |
| <tr> |
| <td colspan="5"><p class="Stil18"><img src="gifs/blue_new_next.png" width="18" height="19" border="0" align="absmiddle"> The |
| new style:: <a href="#style">Characteristic</a> | <a href="#design">Design</a> | <a href="#colors">Colors</a><span class="Stil19"> | </span><a href="OOo_icon_evolution.html">Evolution</a> |
| | <a href="OOo_galaxy_mimetype.html">MimeType</a> </p> </td> |
| </tr> |
| <tr> |
| <td colspan="5"><span class="Stil18"><img src="gifs/blue_new_next.png" width="18" height="19" border="0" align="absmiddle"> Behavior: <a href="OOo_galaxy_disabled.html">Disabled |
| icons</a> | Selected icons </span></td> |
| </tr> |
| <tr> |
| <td colspan="5"><img src="gifs/nada.gif" width="50" height="50"></td> |
| </tr> |
| <tr> |
| <td colspan="5"><strong><a name="style" id="style"></a>Characteristic |
| of the Galaxy Style</strong></td> |
| </tr> |
| <tr> |
| <td valign="top"><img src="gifs/nada.gif" width="30" height="8"></td> |
| <td colspan="4" valign="top"> </td> |
| </tr> |
| <tr> |
| <td valign="top"><span class="Stil18">Color</span></td> |
| <td colspan="4" valign="top">New, clear, fresh and harmonic <a href="#colors">color |
| palette</a></td> |
| </tr> |
| <tr> |
| <td valign="top"> </td> |
| <td colspan="4" valign="top">Be careful with saturation, avoiding extremes </td> |
| </tr> |
| <tr> |
| <td valign="top"> </td> |
| <td colspan="4" valign="top"><p>Color language - same symbolism like |
| Andromeda style (see <a href="http://specs.openoffice.org/ui_in_general/icons/IconDesignGuide.pdf">IconDesignGuide</a>, |
| Page 26) <br> |
| </p></td> |
| </tr> |
| <tr> |
| <td valign="top"><img src="gifs/nada.gif" width="30" height="8"></td> |
| <td colspan="4" valign="top"> </td> |
| </tr> |
| <tr> |
| <td valign="top"><span class="Stil18">Form</span></td> |
| <td colspan="4" valign="top"><p>Simple - reduce to basic elements and |
| characterisics </p></td> |
| </tr> |
| <tr> |
| <td valign="top"><span class="Stil17"></span></td> |
| <td colspan="4" valign="top">Smooth look (round corners) </td> |
| </tr> |
| <tr> |
| <td valign="top"><img src="gifs/nada.gif" width="30" height="8"></td> |
| <td colspan="4" valign="top"> </td> |
| </tr> |
| |
| <tr> |
| <td valign="top"><span class="Stil18">Perspective</span></td> |
| <td colspan="4" valign="top"><p>Straight-on perspective <br> |
| </p></td> |
| </tr> |
| <tr> |
| <td valign="top"><span class="Stil17"></span></td> |
| <td colspan="4" valign="top">rotating objects when to make |
| exceptions </td> |
| </tr> |
| <tr> |
| <td valign="top"><img src="gifs/nada.gif" width="30" height="8"></td> |
| <td colspan="4" valign="top"> </td> |
| </tr> |
| |
| <tr> |
| <td valign="top"><span class="Stil18">Lighting</span></td> |
| <td colspan="4" valign="top"><p>Two-part system (top-down light, buttom-up |
| light) </p></td> |
| </tr> |
| <tr> |
| <td valign="top"><span class="Stil17"></span></td> |
| <td colspan="4" valign="top">Low sheen, diffuse reflection materials </td> |
| </tr> |
| <tr> |
| <td valign="top"><span class="Stil17"></span></td> |
| <td colspan="4" valign="top">Realistic effects (glassy, metallic) </td> |
| </tr> |
| <tr> |
| <td valign="top"><img src="gifs/nada.gif" width="30" height="8"></td> |
| <td colspan="4" valign="top"> </td> |
| </tr> |
| <tr> |
| <td valign="top"><span class="Stil18">Technical</span></td> |
| <td colspan="4" valign="top"><p>24bit with alpha channel <br> |
| </p></td> |
| </tr> |
| <tr> |
| <td valign="top"><span class="Stil17"></span></td> |
| <td colspan="4" valign="top"><p>small size (16 x 16 pixel), lagre size |
| (26 x 26 pixel) <br> |
| </p></td> |
| </tr> |
| <tr> |
| <td valign="top"> </td> |
| <td colspan="4" valign="top">High contrast version of all icons </td> |
| </tr> |
| <tr> |
| <td colspan="5"><img src="gifs/nada.gif" width="50" height="40"></td> |
| </tr> |
| <tr> |
| <td colspan="5"><strong><a name="design" id="design"></a>The Galaxy Design </strong></td> |
| </tr> |
| <tr> |
| <td valign="top"><img src="gifs/nada.gif" width="30" height="8"></td> |
| <td colspan="4" valign="top"> </td> |
| </tr> |
| |
| <tr> |
| <td rowspan="2" valign="top"><span class="Stil18">Please, <br> |
| keep in mind: </span></td> |
| <td colspan="4" valign="top">Look good on different platforms</td> |
| </tr> |
| <tr> |
| <td colspan="4" valign="top">Make sure that Windows users feel at home</td> |
| </tr> |
| <tr> |
| <td colspan="5"> </td> |
| </tr> |
| <tr> |
| <td colspan="5"><img src="gifs/nada.gif" width="50" height="40"></td> |
| </tr> |
| <tr> |
| <td colspan="5"><span class="Stil18">Examples of the new Galaxy Style </span></td> |
| </tr> |
| <tr> |
| <td colspan="5"><p><img src="gifs/Icons/example_galaxy_icons.png" width="735" height="313" border="0"></p> </td> |
| </tr> |
| <tr> |
| <td colspan="5"><img src="gifs/nada.gif" width="50" height="40"></td> |
| </tr> |
| <tr> |
| <td colspan="5"><span class="Stil18">The Galaxy Icons in Context </span></td> |
| </tr> |
| |
| <tr> |
| <td colspan="5">See Writer icons in context: Windows | Linux | Mac </td> |
| </tr> |
| <tr> |
| <td colspan="5">See Calc icons in context: Windows | Linux | Mac </td> |
| </tr> |
| <tr> |
| <td colspan="5">See Impress icons in context: Windows | Linux | Mac </td> |
| </tr> |
| <tr> |
| <td colspan="5"><div align="right"><a href="#top"><img src="gifs/green_top.png" width="18" height="19" border="0"></a></div></td> |
| </tr> |
| <tr> |
| <td width="14%"><img src="gifs/nada.gif" width="60" height="39"></td> |
| <td width="46%"> </td> |
| <td width="14%"> </td> |
| <td width="6%"> </td> |
| <td width="20%"> </td> |
| </tr> |
| <tr> |
| <td colspan="5"><p><strong><a name="colors" id="colors"></a>The Galaxy Color |
| Palette</strong></p></td> |
| </tr> |
| <tr> |
| <td colspan="5"><div align="left"><img src="gifs/Icons/galaxy_icon_colors.png" width="551" height="731" border="0"></div></td> |
| </tr> |
| <tr> |
| <td colspan="5"><img src="gifs/nada.gif" width="166" height="48"></td> |
| </tr> |
| <tr> </tr> |
| <tr> |
| <td colspan="5"><a href="gifs/color/OpenOffice.org-Galaxy.gpl">Here</a> you |
| could find the Galaxy <a href="gifs/color/OpenOffice.org-Galaxy.gpl">color |
| palette for GIMP</a>. |
| Thank you to Christoph Noack for creating this |
| .gpl file :-) </td> |
| </tr> |
| <tr> |
| <td colspan="5"><img src="gifs/nada.gif" width="166" height="48"></td> |
| </tr> |
| <tr> |
| <td colspan="5">Now, you |
| could find the Galaxy colors for OpenOffice.org, too. Please find |
| the Galaxy colors as <a href="docs/colors/The Galaxy Color Palette.odg">Draw</a> document |
| (<a href="docs/colors/The Galaxy Color Palette.odg">.odg file</a>) |
| or as <a href="docs/colors/galaxy.soc">OOo color palette</a> (<a href="docs/colors/galaxy.soc">.soc |
| file</a>). Thank you to the |
| creater :-) </td> |
| </tr> |
| <tr> |
| <td colspan="5"><div align="right"><a href="#top"><img src="gifs/green_top.png" width="18" height="19" border="0"></a></div></td> |
| </tr> |
| |
| <tr> |
| <td> </td> |
| <td><img src="gifs/nada.gif" width="166" height="30"></td> |
| <td> </td> |
| <td> </td> |
| <td> </td> |
| </tr> |
| </table></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td width="32%"> </td> |
| <td><div align="right" class="body_black"> |
| <div align="right" class="body_black"><span class="Stil4"><font face="Arial, Helvetica, sans-serif" color="#666699"><font color="#000000">Last |
| change: |
| <!-- #BeginDate format:Am3 -->11/18/2008<!-- #EndDate --> |
| by</font> </font></span><font face="Arial, Helvetica, sans-serif"><a href="mailto:stella.schulze@sun.com?subject=VisualDesign">sts</a></font></div> |
| </div></td> |
| </tr> |
| </table> |
| <p align="right" class="Stil3"> </p> |
| </body> |
| </html> |