Difference between revisions of "Projects/Usability/HIG/MockupToolkit"

< Projects‎ | Usability‎ | HIG
Jump to: navigation, search
(Link update)
(Mockup Toolkit)
Line 5: Line 5:
 
Mockups can be used to design the visual layout of each screen of an application, without writing code.  The mockup toolkit is provided as an Inkscape SVG with each Building Block UI element and sample mocked applications.
 
Mockups can be used to design the visual layout of each screen of an application, without writing code.  The mockup toolkit is provided as an Inkscape SVG with each Building Block UI element and sample mocked applications.
  
[https://share.kde.org/public.php?service=files&t=35e27ef65ab783d32e53ab93baedab2b Mockup Toolkit]
+
[https://share.kde.org/index.php/s/1KCJA1XuGFapDEv Mockup Toolkit]
  
 
=== Inkscape Color Swatch ===
 
=== Inkscape Color Swatch ===

Revision as of 17:18, 12 March 2016

Mockup Toolkit

VDGMockupKit1.png

Mockups can be used to design the visual layout of each screen of an application, without writing code. The mockup toolkit is provided as an Inkscape SVG with each Building Block UI element and sample mocked applications.

Mockup Toolkit

Inkscape Color Swatch

VDGInkscapeColorSwatch.png

Instructions:

  • Download color swatch file Breeze2K16.gpl to ~/.config/inkscape/palettes.
  • Open/Re-open Inkscape
  • Show Color Swatches by selected View > Color Swatches
  • Click the little triangle on the right that points to the left
  • Select KDEPlasma from the list that appears.

Note: Sometimes the color swatch toolbox needs to be resized to see the color swatches.

Oxygen Font

If the Oxygen font is not already installed on your system, you can download it here.



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