Projects/Usability/HIG/MockupToolkit: Difference between revisions

Revision as of 23:09, 30 November 2014

Mockup Toolkit

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

Instructions:

Download color swatch file KDEPlasmaColors.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.

@@ Line 1: / Line 1: @@
 == Mockup Toolkit ==
-[[File:VDGMockupKit.png]]
+[[File: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.
-IMPORTANT: Right click on the link below and select "Save As".
+[https://share.kde.org/public.php?service=files&t=35e27ef65ab783d32e53ab93baedab2b Mockup Toolkit]
-[[Media:VDGMockupToolkit3a.svg|Mockup Toolkit]]
 === Inkscape Color Swatch ===
@@ Line 22: / Line 20: @@
 === Oxygen Font ===
 If the ''Oxygen'' font is not already installed on your system, you can download it [https://www.google.com/fonts#UsePlace:use/Collection:Oxygen here].
+{{Prevnext2|prevpage=Projects/Usability/HIG/ControlsList|prevtext=Controls List|nextpage=Projects/Usability/HIG/About|nexttext=About the HIG|index=Projects/Usability/HIG#Tools_and_Resources|indextext=Back to Tools and Resources}}
 [[Category:Usability]]