| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
| <html> |
| <head> |
| <meta http-equiv="Content-Type" |
| content="text/html; charset=ISO-8859-1"> |
| <meta name="keywords" content="OpenOffice.org, Open Office, OpenOffice, openoffice, StarOffice, Star Office, OOo, ooo, xml, open source, ui, user interface, design,designs, artwork, visualdesign, visual design, icons, icon design, galaxy" /> |
| <meta name="description" content="OpenOffice.org: The Free, Open Source Office Suite" /> |
| <title>Visual Design :: UI</title> |
| <link href="sts.css" rel="stylesheet" type="text/css" media="screen"> |
| <style type="text/css"> |
| <!-- |
| .Stil4 {font-size: 10pt} |
| .Stil7 {font-size: 12px} |
| .Stil10 {color: #5382A1; font-size: 12pt; } |
| .Stil15 {font-size: 10px; } |
| .Stil16 {font-size: 2px} |
| .Stil18 {font-size: 12px; font-weight: bold; } |
| a:link { |
| color: #2E71CB; |
| } |
| a:visited { |
| color: CBDEFA; |
| } |
| a:hover { |
| color: #F26A00; |
| } |
| a:active { |
| color: ##faa217; |
| } |
| --> |
| </style> |
| </head> |
| <body> |
| <table width="76%" 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></td> |
| <td width="37%"><div align="right"></div></td> |
| </tr> |
| <tr> |
| <td colspan="3"><img src="gifs/nada.gif" width="50" height="50"></td> |
| </tr> |
| <tr> |
| <td colspan="3" align="center"><table width="599" border="0" cellspacing="2" cellpadding="5"> |
| <tr> |
| <td width="80"> </td> |
| <td width="401"><img src="gifs/OOo_navi_01_top1.png" width="370" height="36" border="0" usemap="#Map2"></td> |
| <td width="80"> </td> |
| </tr> |
| |
| <tr> |
| <td><img src="gifs/nada.gif" width="80" height="50"></td> |
| <td><table width="367" border="0" align="center" cellpadding="0" cellspacing="0"> |
| <tr> |
| <td width="20"> </td> |
| <td width="13"> </td> |
| <td width="314"><img src="gifs/nada.gif" width="100" height="30"></td> |
| </tr> |
| <tr> |
| <td><img src="gifs/green_next.png" width="18" height="19"></td> |
| <td colspan="2"><span class="Stil18">Icon Design </span></td> |
| </tr> |
| <tr> |
| <td height="22"> </td> |
| <td><img src="gifs/green_dot.png" width="6" height="7"></td> |
| <td><span class="Stil7">Icon Design Guide Line </span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/green_dot.png" width="6" height="7"></td> |
| <td><span class="Stil7"><a href="OOo_icon_evolution.html">Evolution</a> of OOo icons </span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/green_dot.png" width="6" height="7"></td> |
| <td><span class="Stil7">The <a href="OOo_galaxy.html">Galaxy</a> style </span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/green_dot.png" width="6" height="7"></td> |
| <td><span class="Stil7"> <a href="OOo_galaxy_disabled.html">Disabled</a> icons </span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/green_dot.png" width="6" height="7"></td> |
| <td><span class="Stil7"> Statusbar icons: <a href="OOo_icons_zoomslider.html">zoom slider</a> </span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/green_dot.png" width="6" height="7"></td> |
| <td><span class="Stil7"> Galaxy icons for <a href="OOo_Web_icons.html">OOo website</a> </span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/orange_dot.png" alt=" " width="6" height="7"></td> |
| <td><span class="Stil7">New icons for Impress: <a href="OOo_icons_slides.html">Slide |
| Layout and sorting</a></span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td colspan="2"> </td> |
| </tr> |
| <tr> |
| <td><img src="gifs/green_next.png" width="18" height="19"></td> |
| <td colspan="2"><span class="Stil18"><a href="OOo_splash.html">Splash |
| Screen</a> & <a href="OOo_splash.html#about">Aboutbox</a> </span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/orange_dot.png" alt=" " width="6" height="7"></td> |
| <td><span class="Stil7">The <a href="gifs/refresh/splashabout/splash_OOo3_progressbar.png">Progress |
| bar</a></span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td colspan="2"> </td> |
| </tr> |
| <tr> |
| <td><img src="gifs/green_next.png" width="18" height="19"></td> |
| <td colspan="2"><span class="Stil18"><a href="OOo3_refresh.html#Installation">Installation</a></span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/green_dot.png" width="6" height="7"></td> |
| <td><span class="Stil7">Bitmaps for <a href="OOo3_refresh.html#installmac">MacOS |
| X</a> (<a href="OOo_install_mac.html">history)</a></span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/orange_dot.png" alt="" width="6" height="7"></td> |
| <td><span class="Stil7"><a href="OOo_install_languagepack_mac.html">Installer |
| Icon</a> for MacOS X (<a href="OOo_install_languagepack_mac.html">history</a>)</span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/green_dot.png" width="6" height="7"></td> |
| <td><span class="Stil7">New <a href="http://ui.openoffice.org/nonav/VisualDesign/OOo30MimeType.html#other">Installer |
| icons</a> for Windows (<a href="http://ui.openoffice.org/nonav/VisualDesign/OOo30MimeType.html#other">history</a>)</span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td colspan="2"> </td> |
| </tr> |
| <tr> |
| <td><img src="gifs/green_next.png" width="18" height="19"></td> |
| <td colspan="2"><span class="Stil18">Other Bitmaps </span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/green_dot.png" width="6" height="7"></td> |
| <td><span class="Stil7"><a href="OOo20savedoc_preview.html">Thumbnails</a> for |
| Preview </span></td> |
| </tr> |
| <tr> |
| <td height="20"> </td> |
| <td><img src="gifs/green_dot.png" width="6" height="7"></td> |
| <td><span class="Stil7"><a href="presibuttons.html">Buttons</a> for |
| Impress </span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/green_dot.png" width="6" height="7"></td> |
| <td><span class="Stil7"><a href="OOo3_refresh.html#startcenter">Start |
| Center</a> Design (<a href="OOo_startup_dialog.html">history</a>)</span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/green_dot.png" width="6" height="7"></td> |
| <td><span class="Stil7">Professional <a href="OOo_AnalysisWizard.html">Analysis |
| Wizard</a> </span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td colspan="2"> </td> |
| </tr> |
| <tr> |
| <td><img src="gifs/green_next.png" width="18" height="19"></td> |
| <td colspan="2"><span class="Stil18">Accessibility</span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/green_dot.png" width="6" height="7"></td> |
| <td><span class="Stil7"> <a href="OOo_LowContrast_icons.html">LowContrast</a> icons for StarCenter </span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td colspan="2"> </td> |
| </tr> |
| <tr> |
| <td><img src="gifs/orange_next.png" width="18" height="19"></td> |
| <td colspan="2"><span class="Stil7"><strong>Proposals</strong> (current & dismiss) </span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/green_dot.png" width="6" height="7"></td> |
| <td><span class="Stil7">New <a href="http://ui.openoffice.org/VisualDesign/OOoChart_colors_drafts.html">default |
| colors</a> for Chart </span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/green_dot.png" width="6" height="7"></td> |
| <td><span class="Stil7">New <a href="http://ui.openoffice.org/VisualDesign/OOoBase_colors.html"> colors</a> for |
| ReportDesigner </span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/green_dot.png" width="6" height="7"></td> |
| <td><span class="Stil7"><a href="http://ui.openoffice.org/VisualDesign/OOo_ExtensionsSite.html">Extensions |
| site</a> design </span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/green_dot.png" alt=" " width="6" height="7"></td> |
| <td><span class="Stil7"><a href="http://ui.openoffice.org/VisualDesign/OOo_ExtensionsSite3.html">Extensions |
| site</a> re-design </span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/green_dot.png" width="6" height="7"></td> |
| <td><span class="Stil7"><a href="OOo_TemplateSite.html">Template |
| site</a> design </span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/orange_dot.png" width="6" height="7"></td> |
| <td><span class="Stil7">Proposal <a href="OOo_aboutbox_with_extension.html">aboutbox</a> with |
| Extension remark </span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td><img src="gifs/orange_dot.png" alt=" " width="6" height="7"></td> |
| <td><span class="Stil7"><a href="OOo_slide_selection.html">Slide |
| Selection</a> design proposal</span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td colspan="2"> </td> |
| </tr> |
| <tr> |
| <td><img src="gifs/green_next.png" width="18" height="19"></td> |
| <td colspan="2"><span class="Stil18">How Do... </span></td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td> </td> |
| <td> </td> |
| </tr> |
| </table></td> |
| <td><img src="gifs/nada.gif" width="80" height="50"></td> |
| </tr> |
| </table></td> |
| </tr> |
| <tr> |
| <td colspan="3"><img src="gifs/nada.gif" width="50" height="77"></td> |
| </tr> |
| <tr> |
| <td valign="bottom"><div align="left"> |
| <map name="MapMap"> |
| <area shape="rect" coords="-2,15,164,44" href="http://ui.openoffice.org/VisualDesign/"> |
| </map> |
| <map name="MapMap2"> |
| <area shape="rect" coords="-2,15,164,44" href="http://ui.openoffice.org/VisualDesign/"> |
| </map> |
| <map name="MapMap3"> |
| <area shape="rect" coords="-2,15,164,44" href="http://ui.openoffice.org/VisualDesign/"> |
| </map> |
| <map name="MapMap5"> |
| <area shape="rect" coords="-2,15,164,44" href="http://ui.openoffice.org/VisualDesign/"> |
| </map> |
| <table width="183" height="93" border="0" align="center" cellpadding="0" cellspacing="0"> |
| <tr> |
| <td height="11" colspan="2" class="Stil7"><p class="Stil15">Legend</p></td> |
| </tr> |
| <tr> |
| <td height="18" class="Stil7"><img src="gifs/nada.gif" width="10" height="2"></td> |
| <td><span class="Stil16"></span></td> |
| </tr> |
| <tr> |
| <td width="19" class="Stil7"><img src="gifs/green_dot.png" width="6" height="7"></td> |
| <td width="164" class="Stil7"><span class="Stil15">Graphics for OpenOffice.org </span></td> |
| </tr> |
| <tr> |
| <td class="Stil7"><img src="gifs/orange_dot.png" width="6" height="7"></td> |
| <td class="Stil7"><span class="Stil15">Something is new... </span></td> |
| </tr> |
| <tr> |
| <td><img src="gifs/nada.gif" width="10" height="30"></td> |
| <td><img src="gifs/nada.gif" width="138" height="42"></td> |
| </tr> |
| </table> |
| </div> </td> |
| <td width="32%"> </td> |
| <td> </td> |
| </tr> |
| <tr> |
| <td> </td> |
| <td> </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 -->01/04/2011<!-- #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> |
| |
| <map name="Map"><area shape="rect" coords="188,11,284,27" href="OOo_brand.html"> |
| <area shape="rect" coords="16,9,117,30" href="OOo_ui.html"> |
| </map> |
| <map name="Map2"><area shape="rect" coords="15,7,111,32" href="OOo_ui.html" alt="User Interface Design"> |
| <area shape="rect" coords="198,4,367,32" href="OOo_brand.html" alt="Branding"> |
| </map></body> |
| </html> |
