Inkscape for web and UI mockups
-
Upload
donna-benjamin -
Category
Design
-
view
6.998 -
download
6
description
Transcript of Inkscape for web and UI mockups
INKSCAPE for web and UI mockups
@kattekrabDonna Benjamin
What is Inkscape?
GNU General Public License
ScalableVectorGraphic
Open Standard
Just like
&CSS3
But who
cares?
I do.
So...
Mockups?
and ...
what aboutWireframes?
https://github.com/ajashton/Inkscape-Mockup-Toolkit
http://www.yay.se/resources/android-native-icons
http://www.techdrivein.com/2011/01/impressive-libreoffice-ui-mockups-you.html
Inkscape Basics
Basic tools
Basic techniques
SVG UI Widgets
drupal.org/sandbox/kattekrab/1263304
Chapter Threehttp://www.chapterthree.com/blog/nica_lorber/design_drupal_template_approach
jQuery inspired
http://jqueryui.com/themeroller/
http://fusiondrupalthemes.com/support/theme-developers/designing-fusion/downloadable-drupal-wireframing-components-balsamiq-mockup
TopNotch / Balsamiq
Bartik inspiredhttp://drupal.org/documentation/themes/bartik
DemoTime
Questions?
Resources
SVG: Use it Alreadyhttp://dbushell.com/2012/04/03/svg-use-it-already/
Book: Inkscape 0.48 Essentials for Web DesignersBy Bethany Hiitola
Creating websites with Inkscapehttp://tucson-labs.com/creating-websites-with-inkscape/
SVG icons for Android mockupshttp://files.yay.se/android/native-vector/android-native-final.svg
Magic Mockuphttps://github.com/garrett/magicmockup
Javascript interactionshttp://eclipsesource.com/blogs/2012/07/03/wireframing-inkscape-javascript/
INKSCAPE for web and UI mockups
@kattekrabDonna Benjamin