KDE Visual Design Group/HIG/Layout

< KDE Visual Design Group‎ | HIG
Revision as of 12:45, 29 September 2017 by Fabian (talk | contribs) (Guidelines)
Jump to: navigation, search


The application layout depends on the functionality as well as the content of the application. The layouts used throughout the design should be consistent both visually and functionally.

  • Navigation
    • Patterns for desktop user interfaces
      • For plama Patterns for a flat content structure
      • For plama Patterns for a 2-deep content structure
      • For plama Patterns for a 3-deep content structure
      • For plama Patterns for n-deep content structures
    • Patterns for phone user interfaces
      • For kirigami Patterns for a flat content structure
      • For kirigami Patterns for a 2-deep structure
      • For kirigami Patterns for a hierarchical structure

  • Patterns
    • For plama Images - Guidelines and patterns for displaying images
    • For plama Icons and text - Patterns for consistently showing icons with text
    • For plama Viewing vs Editing - Patterns and guidelines for laying out content that is primarily viewed.
    • For plama Search and Filter - Patterns for exposing search and filter functions
    • Breadcrumbs - Support navigation by a breadcrumb trail, if appropriate
    • Wizard - Patterns for guiding the user through a series of step to accomplish a task
    • Tooltips - Patterns for consistent presentation of information in tooltips.
    • Dual Lists - Apply the dual list pattern for several selections out of a large number of (multiple) items.
    • Slider and Spinbox - Apply the slider and spin box pattern for numeric input with both large changes and precise control.
    • Simple vs, Advanced Settings - Provide setting in both simple as well as advanced configurations for Plasma control modules (KCM) as well as any other KDE software
  • Growth & communications
  • Usability
  • Resources

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