Date: prev next · Thread: first prev next last
2011 Archives by date, by thread · List index


Hi all,

just wanted to share my first ideas regarding the icon for the bug-report pages. It's simply a LibreOffice icon with red borders and a little warning sign containing an exclamation mark. Its not based on the tango guidelines or the LO color-palette, only a draft. SVG: http://ubuntuone.com/0E5q1IRdAY6Zox59CCZp4N

Hope this somehow helps the design process

Greetings

Alex


Am 16.09.2011 23:11, schrieb Christoph Noack:
Hi Loic, all!

Am Freitag, den 16.09.2011, 00:07 +0200 schrieb Loic Dachary:
Hi,
As an additional note - do we get the "source code" to work on further
refinements / changes after the challenge is over?

I will provide the deliverables as a layered XCF file and it will be under GPLv3+ as the code.
That's great - XCF and SVG files is something we can easily work with
(whilst SVG provides a bit more flexibility).

       * See: My favorite so far ...
Oh, See already has made an update - excellent progress and very close
of what I had in mind :-)
http://wiki.documentfoundation.org/cgi_img_auth.php/7/75/BSAsee01.jpeg

[...]

               * but:
                       * The text "BugText" does not fit into our
                         branding scheme
Has been corrected. The current font decision resides here:
http://wiki.documentfoundation.org/Marketing/Branding#Fonts

                       * Furthermore, the "textured" background for
                         Submit and the header is a bit different to what
                         we use ... if possible, a green on (different)
                         green motif should be used for large areas
Already fixed. The motif examples might have helped here...

http://wiki.documentfoundation.org/cgi_img_auth.php/7/7b/ROUGH_postcard_PRESENTED.jpg

http://wiki.documentfoundation.org/cgi_img_auth.php/b/b3/ScatterInContext_bunch.jpg

                       * the dashed lines do not fit and adds visual
                         noise
                       * the "Submit" button is something good -
                         red/orange is a warning color (in most
                         countries), e.g. blue would fit better
Also fixed, looks very nice and is far better from the usability
point-of-view; colors according:
http://wiki.documentfoundation.org/Marketing/Branding#Colors

Could you please add URLs (as precise as possible) explaining the relevant part of the branding 
scheme for the text or the required textured background ? I've noticed that they don't have time to 
research or read more than what is strictly necessary.

I don't understand what you say about the dashed lines. Do you mean they don't fit the branding 
scheme and should be removed ?
To be honest, we've never decided on the user of whatever lines ... so
there is neither a best practice nor a guidelines. But, dashed lines are
something that catch attention - good if that's required, less good if
the surrounding elements do have priority (here, the line was just a
divider).

And for the sake of completeness - the branding page also covers a
temporary description of the "intended" visual design:
       * Clean: The visual design is straight and clean. Reduced
         geometric elements are combined to visualize the intended
         message.
       * Balanced: The visual design avoids any extremes. For example,
         neither extreme coloring nor intensive surface shining effects
         are used.
       * Friendly: The visual design creates a smooth and joyful
         environment. For example, rounded corners and the fresh color
         palette are used.

Nik, who puts lots of work into the motif and the website, added some
time ago "use lots of white".

I communicated your remarks to "see" anyway but it would help for me to know more ;-)
By the way, I don't know whether it is possible, but maybe the designers
could add a large "problem icon" based on the Tango icons set (default
in LibO)?
http://tango.freedesktop.org/Tango_Icon_Theme_Guidelines

Could you please phrase this a self contained request ? I'm sure "see" will agree to it if time 
allows.
Okay, but only if it fits, since I don't have any clue how binding the
99designs work description is.

Rationale: Bugs aren't funny, but for our website it would help to have
a visual anchor that tells the user "bug this way, please". Furthermore,
a hiqh quality graphic lets us appear more professional ... although it
is still the same product (note: users tend to be more forgiving, if the
product - the BSA - is a pleasure to use)

Request: Create an graphic that can be used to refer to "bug reporting"
for a) in the product LibreOffice, b) the bug submitting assistant, c)
the feedback selection website. If the detail level is "mid" and the
file type vector (SVG), then we can adapt and tweak it afterwards.

Visual Design Hints:
       * Primary: Consider the Tango Desktop Icons styleguides
       * Secondary: Consider the LibreOffice branding guidelines

Proposal: I don't have any proposal for a metaphor ... :-\

Examples:
       * If I remember correctly, Ubuntu uses a black exclamation mark on
         an orange "explosion" callout sign.
       * Bugzilla uses/used:
         http://www.brightcreative.com/i/projects/bugzilla-lg.gif
       * I once created a "cracked note" to symbolize the work in
         progress when we've worked on the Writer comments feature:
         http://wiki.services.openoffice.org/wiki/Notes2_Development_Releases

Does this help? If not, maybe our lovely Design members can start some
ideation process ...

[...]

Cheers,
Christoph





--
Unsubscribe instructions: E-mail to design+help@global.libreoffice.org
Problems? http://www.libreoffice.org/get-help/mailing-lists/how-to-unsubscribe/
Posting guidelines + more: http://wiki.documentfoundation.org/Netiquette
List archive: http://listarchives.libreoffice.org/global/design/
All messages sent to this list will be publicly archived and cannot be deleted

Context


Privacy Policy | Impressum (Legal Info) | Copyright information: Unless otherwise specified, all text and images on this website are licensed under the Creative Commons Attribution-Share Alike 3.0 License. This does not include the source code of LibreOffice, which is licensed under the Mozilla Public License (MPLv2). "LibreOffice" and "The Document Foundation" are registered trademarks of their corresponding registered owners or are in actual use as trademarks in one or more countries. Their respective logos and icons are also subject to international copyright laws. Use thereof is explained in our trademark policy.