openoffice-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From conflue...@apache.org
Subject [CONF] Apache OpenOffice Community > AOO4 - Desktop Icons
Date Fri, 08 Feb 2013 14:40:00 GMT
Space: Apache OpenOffice Community (https://cwiki.apache.org/confluence/display/OOOUSERS)
Page: AOO4 - Desktop Icons (https://cwiki.apache.org/confluence/display/OOOUSERS/AOO4+-+Desktop+Icons)


Edited by Samer Mansour:
---------------------------------------------------------------------
I am proposing a new icon set for AOO 4.0 that will make them more usable and recognizable
to users.

Our focus should be to be the best user experience, anywhere we can make an improvement is
important.
To do this, you need to step out of your shoes and think "if I were a user would I care about
X in this context?"
|| || 3.4.1 \\ || 4.0 Proposed \\ ||
| Shape \\
256px \\ | !MIME-Icon-Current-Shape.png|border=1!  !3.4.1-ods-256px.png|border=1!\\
This is for documents. \\
\\
The Templates are similarly designed \\
Rather than the page corner in the top right, its in the bottom right. \\
As well the top of the page has a solid color designating it as a template.  \\ |
!MIME-Icon-Proposed-Shape.png|border=1! \\
More Usable? Yes. \\
\- Primary Context (Application Designation - Red). Secondary Context (Application Brand -
Green) \\
\- Corner And Designator Color (keep from old design), user can identify the file type quickly
by color and designator. \\
\- Enlarged Designation, helps color blind and hard of seeing individuals. \\
\- Mime designation, helps users differentiate file type when the above two fail to help,
include when screen space permits. \\
   - Additionally, the color of the MIME type could be different for further
differentiation of template files. \\
\- Single gull, or maybe O or circle can satisfy secondary element, less busy yet gets the
brand across. \\ |
| 64px | !MIME-Icon-Current-Shape.png|thumbnail,border=1,width=64!  !MIME-Icon-Current-Example-64px.png|border=1!\\
Optimal size, great for showing how fabulous and sophisticated our product is. \\ | !MIME-Icon-Proposed-Shape.png|thumbnail,border=1,width=64!\\
At this level we keep the MIME designation but the three characters at a little larger. \\
|
| 32px \\ | !MIME-Icon-Current-Shape-32px.png|border=1! !MIME-Icon-Current-Example-32px.png|border=1!\\
At this level we should still be able to see the branding well as well as identifying the
file type quickly \\ | !MIME-Icon-Proposed-Shape-32px.png|border=1!\\
At this level we drop the MIME designation, space is limited and mime type becomes less likely
to help identify or connect with the user. \\ |
| 16px \\ | !MIME-Icon-Current-Shape-16px.png|border=1! !MIME-Icon-Current-Example-16px.png|border=1!\\
At 16px, space is limited, we want to be the lease busiest. \\ | !MIME-Icon-Proposed-Shape-16px.png|border=1!\\
Might need to drop the branding to make less busy. (Green) \\
 Our focus should be to be the best user experience, and that might mean dropping the branding
to be much more helpful to the user. \\ |
| Legend \\ | Green - Branding (Twin Gulls) \\
Red - Application Designation \\
Orange - Page Corner (Colored) \\ | Green - Branding (Approx 1/8 icon) \\
Red - Application Designation (Approx 1/2 icon) \\
Orange - Colored Page Corner (Approx 1/8 icon) \\
Blue - MIME Designation (Approx 1/8 icon) \\ |

h2. Tools To Complete Task

GIMP - Free - Can exports icon files with varying sizes. Tutorial on layer sizing and exporting:
[http://www.gimp-tutorials.net/How-to-make-an-icon-from-a-picture]



|| Description || Current 3.4.1 \\
256px (click to enlarge) \\ ||
| Base - .odb Database Document | !3.4.1-odb-256px.png|thumbnail,border=1,width=100!\\ |
| Calc - .ods Spreadsheet | !3.4.1-ods-256px.png|thumbnail,border=1,width=100!\\ |
| Calc - .ots Spreadsheet Template | !3.4.1-ots-256px.png|thumbnail,border=1,width=100!\\
|
| Draw - .odg Drawing | !3.4.1-odg-256px.png|thumbnail,border=1,width=100!\\ |
| Draw - .otg Drawing Template | !3.4.1-otg-256px.png|thumbnail,border=1,width=100!\\ |
| Impress - .odp Presentation | !3.4.1-odp-256px.png|thumbnail,border=1,width=100!\\ |
| Impress - .otp Presentation Template | !3.4.1-otp-256px.png|thumbnail,border=1,width=100!\\
|
| Math - .odf Formula Document | !3.4.1-odf-266px.png|thumbnail,border=1,width=100!\\ |
| Writer - .odm Master Document | !3.4.1-odm-256px.png|thumbnail,border=1,width=100!\\ |
| Writer - .odt Text Document | !3.4.1-odt-256px.png|thumbnail,border=1,width=100!\\ |
| Writer - .ott Text Template | !3.4.1-ott-256px.png|thumbnail,border=1,width=100!\\ |
| Writer - .oth Web Template | !3.4.1-oth-256px.png|thumbnail,border=1,width=100!\\ |
Existing references and resources for icons:

[http://www.openoffice.org/ui/VisualDesign/ODF_icons4print.html]



[http://www.openoffice.org/ui/VisualDesign/OOo30MimeType4print.html]



[http://www.openoffice.org/ui/VisualDesign/OOo_galaxy_mimetype.html]

Change your notification preferences: https://cwiki.apache.org/confluence/users/viewnotifications.action
   

Mime
View raw message