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

< Projects‎ | Usability‎ | HIG
Jump to: navigation, search
(Mockup Toolkit)
(HIG moved to community)
 
Line 1: Line 1:
== Mockup Toolkit ==
+
{{ Moved To Community | KDE_Visual_Design_Group/HIG/MockupToolkit }}
 
+
[[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.
+
 
+
[https://share.kde.org/index.php/s/1KCJA1XuGFapDEv Mockup Toolkit]
+
 
+
=== Inkscape Color Swatch ===
+
[[File:VDGInkscapeColorSwatch.png]]
+
 
+
Instructions:
+
* Download color swatch file [https://share.kde.org/index.php/s/B0eKiDrUUT5OX5P 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 [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]]
+

Latest revision as of 11:26, 4 August 2016

This page is now on the community wiki.


This page was last modified on 4 August 2016, at 11:26. Content is available under Creative Commons License SA 4.0 unless otherwise noted.