User:Andrew/VisualDesignGuide: Difference between revisions

From KDE UserBase Wiki
No edit summary
No edit summary
Line 8: Line 8:
# [[User:Andrew/VisualDesignGuide/Style|Style]]
# [[User:Andrew/VisualDesignGuide/Style|Style]]
## [[User:Andrew/VisualDesignGuide/Style/Color|Color]]
## [[User:Andrew/VisualDesignGuide/Style/Color|Color]]
## [[User:Andrew/VisualDesignGuide/Style/Backgrounds|Backgrounds]]
## [[User:Andrew/VisualDesignGuide/Style/Backgrounds|Backgrounds and Edges]]
## [[User:Andrew/VisualDesignGuide/Style/SpacingAndPadding|Spacing and Padding]]
## [[User:Andrew/VisualDesignGuide/Style/SpacingAndPadding|Spacing and Padding]]
## [[User:Andrew/VisualDesignGuide/Style/Alignment|Alignment]]
## [[User:Andrew/VisualDesignGuide/Style/Alignment|Alignment]]

Revision as of 07:09, 18 March 2014

Note

The content here is subject to change. Additionally, this guide will be continuously integrated into the HIG (http://techbase.kde.org/Projects/Usability/HIG) over time.


A Visual Design Guide for KDE Applications and Workspaces.

  1. Overview
    1. Design Vision
    2. Design Principles
  2. Style
    1. Color
    2. Backgrounds and Edges
    3. Spacing and Padding
    4. Alignment
    5. Typography
    6. Icons
  3. Design Patterns
    1. Selection Panel
    2. Menus
    3. Plasmoids
  4. Building Blocks
    1. Buttons
    2. Text Fields
    3. Selectors
    4. Scrolling
    5. Progress Bars and Sliders
    6. Lists
  5. Mockup Toolkit