User:Andrew/VisualDesignGuide/MockupToolkit: Difference between revisions
No edit summary |
|||
Line 1: | Line 1: | ||
= Mockup Tookit = | = Mockup Tookit = | ||
[[File:VDGMockupKit.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. | ||
IMPORTANT: Right click on link and select "Save As". | IMPORTANT: Right click on the link below and select "Save As". | ||
[[Media:VDGMockupToolkit.svg|Mockup Toolkit]] | [[Media:VDGMockupToolkit.svg|Mockup Toolkit]] | ||
=== Inkscape Color Swatch === | |||
[[File:VDGInkscapeColorSwatch.png]] | |||
'''Instructions:''' | |||
* Download color swatch file [https://drive.google.com/file/d/0ByPjsJxADBehd2xzRm9YTllkbHM/edit?usp=sharing 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. |
Revision as of 05:26, 18 March 2014
Mockup Tookit
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".
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.