Projects/Usability/HIG/MockupToolkit: Difference between revisions
(7 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
== Mockup | == Mockup Toolkit == | ||
[[File: | [[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. | 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] | |||
=== Inkscape Color Swatch === | === Inkscape Color Swatch === | ||
Line 13: | Line 11: | ||
Instructions: | Instructions: | ||
* Download color swatch file [https:// | * Download color swatch file [https://share.kde.org/public.php?service=files&t=49df395be8e9722b9b587e3d105cc0e2 VDG-breezeColorPaletteExtendedGPL.gpl] to ~/.config/inkscape/palettes. | ||
* Open/Re-open Inkscape | * Open/Re-open Inkscape | ||
* Show Color Swatches by selected View > Color Swatches | * Show Color Swatches by selected View > Color Swatches | ||
Line 22: | Line 20: | ||
=== Oxygen Font === | === 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]. | 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]] | [[Category:Usability]] |
Revision as of 19:54, 15 March 2015
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.
Inkscape Color Swatch
Instructions:
- Download color swatch file VDG-breezeColorPaletteExtendedGPL.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.