Difference between revisions of "KDE Visual Design Group/HIG/Style/Typography"

(New Visual Design Typography guidelines)
 
Line 8: Line 8:
 
* Typography is treated like any other graphic element when considering [[KDE_Visual_Design_Group/HIG/Placement|spacing]] and [[KDE_Visual_Design_Group/HIG/Alignment| alignment]].
 
* Typography is treated like any other graphic element when considering [[KDE_Visual_Design_Group/HIG/Placement|spacing]] and [[KDE_Visual_Design_Group/HIG/Alignment| alignment]].
 
* The number of typeface variations (bold, italic, size, caps, color) are kept to about three in any single design.
 
* The number of typeface variations (bold, italic, size, caps, color) are kept to about three in any single design.
 +
* Use each typeface variant consistently. e.g. Titles or headings should share a similar typeface. Captions should all share a similar typeface.
 
* Multi-line blocks of text are either left or right aligned; center alignment for multi-line blocks of text is avoided.
 
* Multi-line blocks of text are either left or right aligned; center alignment for multi-line blocks of text is avoided.
* Short phrases and simple words are favored instead verbose, technical jargon:
 
** Put the most important thing first.
 
** Short words, active verbs and common nouns.
 
** Reduce redundancy. e.g. Don’t repeat the dialog title in the dialog text.
 
  
 
[[Category:Usability]]
 
[[Category:Usability]]

Revision as of 20:33, 28 March 2014

Purpose

The guideline helps ensure that typography is used in such a way it is always in harmony with the overall visual design.

Guidelines

File:VDGTypography.png

  • While KDE Workspace users can alter the fonts used throughout the workspace and in applications, the visual design uses Oxygen as the reference typeface.
  • Typography is treated like any other graphic element when considering spacing and alignment.
  • The number of typeface variations (bold, italic, size, caps, color) are kept to about three in any single design.
  • Use each typeface variant consistently. e.g. Titles or headings should share a similar typeface. Captions should all share a similar typeface.
  • Multi-line blocks of text are either left or right aligned; center alignment for multi-line blocks of text is avoided.

Content is available under Creative Commons License SA 4.0 unless otherwise noted.
-->