Hello world,
Here is a rough list of guidelines for designing the flat icons which I compiled from jimmac on irc
and stereotype on her blog (GNOME symbolic icons designers):
1. Use a 16x16 primary canvas.
2. Snap to grids for clean shapes.
3. Stick to the metaphor of the full-color set whenever possible.
4. Reuse icons available in GNOME symbolic-icons or parts of them whenever possible.
5. Use as simple of a shape as possible, switching from perspective to head on when needed.
6. Omit non-defining details and focus on one shape, do not use tiny labels or numbers.
7. If possible use a 2px outline.
8. Never use fonts in the outcome, draw the characters with snapping to grids in mind when
needed.
9. Use #bebebe as the color to your icons, if a secondary shade is needed or showing inactivity
is desired use the %35 opacity of the same color.
10. Add a blank 16x16 square centered on top of your finished icon and group it with it.
11. Test the outcome in 16x16 and scaled up dimensions.
12. Follow the standard icons naming.
Any additions or thoughts?
Note: From now on "Flat icons" refers to the monochrome ones, the colored ones will only be made
after these are done (and most likely they will be given a fancier name :) ).
_______________________
Regards,
Issa Alkurtass
Motah Program, KACST
Warning: This message and its attachment, if any, are confidential and may contain information
protected by law. If you are not the intended recipient, please contact the sender immediately and
delete the message and its attachment, if any. You should not copy the message and its attachment,
if any, or disclose its contents to any other person or use it for any purpose. Statements and
opinions expressed in this e-mail and its attachment, if any, are those of the sender, and do not
necessarily reflect those of King Abdulaziz city for Science and Technology (KACST) in the Kingdom
of Saudi Arabia. KACST accepts no liability for any damage caused by this email.
?????: ??? ??????? ??? ????? ?? ?????? (?? ????) ???? ????? ???? ?? ????? ??? ??????? ????? ?????
???????. ??? ?? ??? ????? ?????? ???? ??????? ???? ???? ????? ??????? ???? ?????? ????? ????
??????? ????????? (?? ????)? ??? ???? ?? ??? ?? ????? ??? ??????? ?? ???????? (?? ????) ?? ?? ???
????? ?? ????? ?????????? ????? ?? ????????? ??? ???. ????? ??? ???? ??? ??????? ????????? (??
????) ???? ?? ??? ??????? ???? ???????? ??? ????? ????? ????????? ?????? ???????? ???????? ???????
????????? ??? ????? ??????? ?? ??????? ?? ??????? ??????? ?? ?? ?? ?????? ??? ??????.
--
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
- [libreoffice-design] Flat Icons Guidelines · Issa Alkurtass
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.