User:Andrew/HIG/Style: Difference between revisions

From KDE Wiki Sandbox
Line 2: Line 2:
The Style layer is concerned with emotion, tone, and visual vocabulary. Because it is the most visible and concrete aspect of an interface, it typically accounts for people’s first impression of a product. Style is influenced by the use of color,the design of icons throughout the interface and the use of typography. Elements of the Style layer also support the Organizational Model in the form of labels, the Viewing and Navigation layer in the form of the names of the input and navigational controls, and the User Assistance layer in the form of alert messages and notifications.
The Style layer is concerned with emotion, tone, and visual vocabulary. Because it is the most visible and concrete aspect of an interface, it typically accounts for people’s first impression of a product. Style is influenced by the use of color,the design of icons throughout the interface and the use of typography. Elements of the Style layer also support the Organizational Model in the form of labels, the Viewing and Navigation layer in the form of the names of the input and navigational controls, and the User Assistance layer in the form of alert messages and notifications.


The following style elements provide a palette to express your own unique vision while preserving the shared design vision.
== Elements of Style ==
* [https://techbase.kde.org/Projects/Usability/HIG/Color Colors] - Use colors consistently.  
* [https://techbase.kde.org/Projects/Usability/HIG/Color Colors] - Use colors consistently.  
* [https://techbase.kde.org/Projects/Usability/HIG/IconDesign Icon design] - Icon design and use should be consistent throughout the interface.
* [https://techbase.kde.org/Projects/Usability/HIG/IconDesign Icon design] - Icon design and use should be consistent throughout the interface.
* [https://techbase.kde.org/Projects/Usability/HIG/Style/Typography Typography] - Treat typography with the same care as any other aspect of the visual design.
* [https://techbase.kde.org/Projects/Usability/HIG/Style/Typography Typography] - Treat typography with the same care as any other aspect of the visual design.
* [https://techbase.kde.org/Projects/Usability/HIG/Animations Animations] - Restrain the use of animations to communicate transitions that would otherwise be difficult to discern by the user.
* [https://techbase.kde.org/Projects/Usability/HIG/Animations Animations] - Restrain the use of animations to communicate transitions that would otherwise be difficult to discern by the user.

Revision as of 05:30, 25 September 2014

Style

The Style layer is concerned with emotion, tone, and visual vocabulary. Because it is the most visible and concrete aspect of an interface, it typically accounts for people’s first impression of a product. Style is influenced by the use of color,the design of icons throughout the interface and the use of typography. Elements of the Style layer also support the Organizational Model in the form of labels, the Viewing and Navigation layer in the form of the names of the input and navigational controls, and the User Assistance layer in the form of alert messages and notifications.

Elements of Style

  • Colors - Use colors consistently.
  • Icon design - Icon design and use should be consistent throughout the interface.
  • Typography - Treat typography with the same care as any other aspect of the visual design.
  • Animations - Restrain the use of animations to communicate transitions that would otherwise be difficult to discern by the user.