User:Andrew/VisualDesignGuide: Difference between revisions

From KDE UserBase Wiki
No edit summary
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{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.}}
{{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.}}


This is the Visual Design Guide for KDE Applications and Workspaces.
A Visual Design Guide for KDE Applications and Workspaces.


# [[User:Andrew/VisualDesignGuide/Overview|Overview]]
# [[User:Andrew/VisualDesignGuide/Overview|Overview]]
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]]
Line 14: Line 14:
## [[User:Andrew/VisualDesignGuide/Style/Icons|Icons]]
## [[User:Andrew/VisualDesignGuide/Style/Icons|Icons]]
# [[User:Andrew/VisualDesignGuide/DesignPatterns|Design Patterns]]
# [[User:Andrew/VisualDesignGuide/DesignPatterns|Design Patterns]]
## [[User:Andrew/VisualDesignGuide/DesignPatterns#SelectionPanel|Selection Panel]]
## [[User:Andrew/VisualDesignGuide/DesignPatterns#Menus|Menus]]
## [[User:Andrew/VisualDesignGuide/DesignPatterns#Plasmoids|Plasmoids]]
## [[User:Andrew/VisualDesignGuide/DesignPatterns#SearchAndFiltering|Search and Filtering]]
# [[User:Andrew/VisualDesignGuide/BuildingBlocks|Building Blocks]]
# [[User:Andrew/VisualDesignGuide/BuildingBlocks|Building Blocks]]
## [[User:Andrew/VisualDesignGuide/BuildingBlocks#Buttons|Buttons]]
## [[User:Andrew/VisualDesignGuide/BuildingBlocks#Text Fields|Text Fields]]
## [[User:Andrew/VisualDesignGuide/BuildingBlocks#Selectors|Selectors]]
## [[User:Andrew/VisualDesignGuide/BuildingBlocks#Scrolling|Scrolling]]
## [[User:Andrew/VisualDesignGuide/BuildingBlocks#ProgressBarsAndSliders|Progress Bars and Sliders]]
## [[User:Andrew/VisualDesignGuide/BuildingBlocks#Lists|Lists]]
# [[User:Andrew/VisualDesignGuide/MockupToolkit|Mockup Toolkit]]
# [[User:Andrew/VisualDesignGuide/MockupToolkit|Mockup Toolkit]]

Latest revision as of 22:59, 19 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
  4. Building Blocks
  5. Mockup Toolkit