SlideShare a Scribd company logo
Inkscape: mockup that site
Donna Benjamin
●   Creative Contingencies
    http://cc.com.au

●   Drupal Melbourne

●   Writing
    'Beginning Inkscape'


donna@cc.com.au
http://twitter.com/kattekrab
                             Photo ©2010 Stewart Smith
What is
Inkscape?
GNU General
Public License
Scalable
Vector Graphic
W3C
Standard
Just like HTML
and CSS
But who cares?
I do.
I love Inkscape.
So...
Mockups?
and what about
Wireframes?
Inkscape Basics
Show and Tell
Learning
more...
Built-in tutorials
Books



The Book of       Inkscape 0.48: Essentials   Inkscape: Guide to a
Inkscape          for Web Designers           Vector Drawing Program
Dmitry Kirsanov   Bethany Hiitola             Tavmjong Bah
Online stuff
#inkscape
screencasts
youtube
blogs
Thank You
    :)
Donna Benjamin
●   Creative Contingencies
    http://cc.com.au

●   Drupal Melbourne

●   Writing
    'Beginning Inkscape'


donna@cc.com.au
http://twitter.com/kattekrab
                             Photo ©2010 Stewart Smith

More Related Content

What's hot

Virtually Anyone
Virtually AnyoneVirtually Anyone
Virtually Anyone
Tony Parisi
 
HTML GL - 60 FPS and amazing effects by rendering HTML/CSS in WebGL, framewor...
HTML GL - 60 FPS and amazing effects by rendering HTML/CSS in WebGL, framewor...HTML GL - 60 FPS and amazing effects by rendering HTML/CSS in WebGL, framewor...
HTML GL - 60 FPS and amazing effects by rendering HTML/CSS in WebGL, framewor...
Denis Radin
 
Codemotion Rome 2016 - Polymer
Codemotion Rome 2016 - PolymerCodemotion Rome 2016 - Polymer
Codemotion Rome 2016 - Polymer
Maurizio Mangione
 
DevOne - How to not fail with Azure
DevOne - How to not fail with AzureDevOne - How to not fail with Azure
DevOne - How to not fail with Azure
Martin Gutenbrunner
 
HTML GL - возьмите столько FPS, сколько вам нужно!
HTML GL - возьмите столько FPS, сколько вам нужно!HTML GL - возьмите столько FPS, сколько вам нужно!
HTML GL - возьмите столько FPS, сколько вам нужно!
CodeFest
 
HTML5 for Web Designers
HTML5 for Web DesignersHTML5 for Web Designers
HTML5 for Web Designers
Goodbytes
 
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORNDesigner vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
Sara Cannon
 
Migrating your Web app to Virtual Reality
Migrating your Web app to Virtual RealityMigrating your Web app to Virtual Reality
Migrating your Web app to Virtual Reality
Denis Radin
 
Managing Responsive Design Projects
Managing Responsive Design ProjectsManaging Responsive Design Projects
Managing Responsive Design Projects
Andrew Smyk
 
Using Backbone with CakePHP
Using Backbone with CakePHPUsing Backbone with CakePHP
Using Backbone with CakePHP
Richard McIntyre
 
Q6
Q6Q6
Writing Modern Applications with ASP.NET Web Forms
Writing Modern Applications with ASP.NET Web FormsWriting Modern Applications with ASP.NET Web Forms
Writing Modern Applications with ASP.NET Web Forms
sergioafp
 
Compiled Xaml Performance in Xamarin.Forms
Compiled Xaml Performance in Xamarin.FormsCompiled Xaml Performance in Xamarin.Forms
Compiled Xaml Performance in Xamarin.Forms
Matthew Robbins
 
Unleashing WebGL & WebAudio with babylon.js
Unleashing WebGL & WebAudio with babylon.jsUnleashing WebGL & WebAudio with babylon.js
Unleashing WebGL & WebAudio with babylon.js
davrous
 
Question 6
Question 6Question 6
Question 6
rachaelarcher123
 
page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』
page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』
page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』
swwwitch inc.
 
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.esCreating 3D Worlds with WebGL and Babylon.js - Codemotion.es
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es
davrous
 
Campus for Mums - Wireframe/Prototyping and after hire a Developer
Campus for Mums - Wireframe/Prototyping and after hire a DeveloperCampus for Mums - Wireframe/Prototyping and after hire a Developer
Campus for Mums - Wireframe/Prototyping and after hire a Developer
Rui Barroca
 

What's hot (18)

Virtually Anyone
Virtually AnyoneVirtually Anyone
Virtually Anyone
 
HTML GL - 60 FPS and amazing effects by rendering HTML/CSS in WebGL, framewor...
HTML GL - 60 FPS and amazing effects by rendering HTML/CSS in WebGL, framewor...HTML GL - 60 FPS and amazing effects by rendering HTML/CSS in WebGL, framewor...
HTML GL - 60 FPS and amazing effects by rendering HTML/CSS in WebGL, framewor...
 
Codemotion Rome 2016 - Polymer
Codemotion Rome 2016 - PolymerCodemotion Rome 2016 - Polymer
Codemotion Rome 2016 - Polymer
 
DevOne - How to not fail with Azure
DevOne - How to not fail with AzureDevOne - How to not fail with Azure
DevOne - How to not fail with Azure
 
HTML GL - возьмите столько FPS, сколько вам нужно!
HTML GL - возьмите столько FPS, сколько вам нужно!HTML GL - возьмите столько FPS, сколько вам нужно!
HTML GL - возьмите столько FPS, сколько вам нужно!
 
HTML5 for Web Designers
HTML5 for Web DesignersHTML5 for Web Designers
HTML5 for Web Designers
 
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORNDesigner vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
 
Migrating your Web app to Virtual Reality
Migrating your Web app to Virtual RealityMigrating your Web app to Virtual Reality
Migrating your Web app to Virtual Reality
 
Managing Responsive Design Projects
Managing Responsive Design ProjectsManaging Responsive Design Projects
Managing Responsive Design Projects
 
Using Backbone with CakePHP
Using Backbone with CakePHPUsing Backbone with CakePHP
Using Backbone with CakePHP
 
Q6
Q6Q6
Q6
 
Writing Modern Applications with ASP.NET Web Forms
Writing Modern Applications with ASP.NET Web FormsWriting Modern Applications with ASP.NET Web Forms
Writing Modern Applications with ASP.NET Web Forms
 
Compiled Xaml Performance in Xamarin.Forms
Compiled Xaml Performance in Xamarin.FormsCompiled Xaml Performance in Xamarin.Forms
Compiled Xaml Performance in Xamarin.Forms
 
Unleashing WebGL & WebAudio with babylon.js
Unleashing WebGL & WebAudio with babylon.jsUnleashing WebGL & WebAudio with babylon.js
Unleashing WebGL & WebAudio with babylon.js
 
Question 6
Question 6Question 6
Question 6
 
page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』
page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』
page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』
 
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.esCreating 3D Worlds with WebGL and Babylon.js - Codemotion.es
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es
 
Campus for Mums - Wireframe/Prototyping and after hire a Developer
Campus for Mums - Wireframe/Prototyping and after hire a DeveloperCampus for Mums - Wireframe/Prototyping and after hire a Developer
Campus for Mums - Wireframe/Prototyping and after hire a Developer
 

Similar to Inkscape: Mockup that site

A Practical Guide To Designing For The Web Five Simple Steps
A Practical Guide To Designing For The Web Five Simple StepsA Practical Guide To Designing For The Web Five Simple Steps
A Practical Guide To Designing For The Web Five Simple Steps
Felicia Clark
 
Joy of Inkscape - at StixCamp
Joy of Inkscape - at StixCampJoy of Inkscape - at StixCamp
Joy of Inkscape - at StixCamp
Donna Benjamin
 
Lucas john pcp_ppp_final
Lucas john pcp_ppp_finalLucas john pcp_ppp_final
Lucas john pcp_ppp_final
John Lucas
 
Marcky + Exist.com: Pinoy Web Designer's Toolkit Webinar slides
Marcky + Exist.com: Pinoy Web Designer's Toolkit Webinar slidesMarcky + Exist.com: Pinoy Web Designer's Toolkit Webinar slides
Marcky + Exist.com: Pinoy Web Designer's Toolkit Webinar slides
Marc Robinsone Caballero
 
Women, Wine & Web Design - workshop
Women, Wine & Web Design - workshopWomen, Wine & Web Design - workshop
Women, Wine & Web Design - workshop
Nicole Capuana
 
Wireframing
WireframingWireframing
Wireframing
Miami University
 
Optimising your design process for a short timeframe
Optimising your design process for a short timeframeOptimising your design process for a short timeframe
Optimising your design process for a short timeframe
Tiffany Teng
 
How to Use WebVR to Enhance the Web Experience
How to Use WebVR to Enhance the Web ExperienceHow to Use WebVR to Enhance the Web Experience
How to Use WebVR to Enhance the Web Experience
FITC
 
Scribbit Virtual Pen Presentation
Scribbit Virtual Pen PresentationScribbit Virtual Pen Presentation
Scribbit Virtual Pen Presentation
vr1988
 
Wordpress plugins
Wordpress pluginsWordpress plugins
Wordpress plugins
Heather Wilde
 
Hacking News
Hacking NewsHacking News
Hacking News
amclean
 
3d printing meetup
3d printing meetup3d printing meetup
3d printing meetup
Will Drevno
 
Introduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesignIntroduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesign
ipmindthegap
 
Co sketch
Co sketchCo sketch
Co sketch
COSKETCY
 
Conference proposal ppt
Conference proposal pptConference proposal ppt
Conference proposal ppt
Jessica Bailey
 
Maker Boot Camp
Maker Boot CampMaker Boot Camp
Maker Boot Camp
St. Petersburg College
 
UX Foundations : Sketching UI
UX Foundations : Sketching UIUX Foundations : Sketching UI
UX Foundations : Sketching UI
Kate Rutter
 
Web Dev101 For Journalists
Web Dev101 For JournalistsWeb Dev101 For Journalists
Web Dev101 For Journalists
Lisa Williams
 
Cover Your Visual Public Relations Assets with Canva and more
Cover Your Visual Public Relations Assets with Canva and moreCover Your Visual Public Relations Assets with Canva and more
Cover Your Visual Public Relations Assets with Canva and more
Lisa Buyer
 
SXSW 2008: Creative Collaboration
SXSW 2008: Creative CollaborationSXSW 2008: Creative Collaboration
SXSW 2008: Creative Collaboration
Matt Biddulph
 

Similar to Inkscape: Mockup that site (20)

A Practical Guide To Designing For The Web Five Simple Steps
A Practical Guide To Designing For The Web Five Simple StepsA Practical Guide To Designing For The Web Five Simple Steps
A Practical Guide To Designing For The Web Five Simple Steps
 
Joy of Inkscape - at StixCamp
Joy of Inkscape - at StixCampJoy of Inkscape - at StixCamp
Joy of Inkscape - at StixCamp
 
Lucas john pcp_ppp_final
Lucas john pcp_ppp_finalLucas john pcp_ppp_final
Lucas john pcp_ppp_final
 
Marcky + Exist.com: Pinoy Web Designer's Toolkit Webinar slides
Marcky + Exist.com: Pinoy Web Designer's Toolkit Webinar slidesMarcky + Exist.com: Pinoy Web Designer's Toolkit Webinar slides
Marcky + Exist.com: Pinoy Web Designer's Toolkit Webinar slides
 
Women, Wine & Web Design - workshop
Women, Wine & Web Design - workshopWomen, Wine & Web Design - workshop
Women, Wine & Web Design - workshop
 
Wireframing
WireframingWireframing
Wireframing
 
Optimising your design process for a short timeframe
Optimising your design process for a short timeframeOptimising your design process for a short timeframe
Optimising your design process for a short timeframe
 
How to Use WebVR to Enhance the Web Experience
How to Use WebVR to Enhance the Web ExperienceHow to Use WebVR to Enhance the Web Experience
How to Use WebVR to Enhance the Web Experience
 
Scribbit Virtual Pen Presentation
Scribbit Virtual Pen PresentationScribbit Virtual Pen Presentation
Scribbit Virtual Pen Presentation
 
Wordpress plugins
Wordpress pluginsWordpress plugins
Wordpress plugins
 
Hacking News
Hacking NewsHacking News
Hacking News
 
3d printing meetup
3d printing meetup3d printing meetup
3d printing meetup
 
Introduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesignIntroduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesign
 
Co sketch
Co sketchCo sketch
Co sketch
 
Conference proposal ppt
Conference proposal pptConference proposal ppt
Conference proposal ppt
 
Maker Boot Camp
Maker Boot CampMaker Boot Camp
Maker Boot Camp
 
UX Foundations : Sketching UI
UX Foundations : Sketching UIUX Foundations : Sketching UI
UX Foundations : Sketching UI
 
Web Dev101 For Journalists
Web Dev101 For JournalistsWeb Dev101 For Journalists
Web Dev101 For Journalists
 
Cover Your Visual Public Relations Assets with Canva and more
Cover Your Visual Public Relations Assets with Canva and moreCover Your Visual Public Relations Assets with Canva and more
Cover Your Visual Public Relations Assets with Canva and more
 
SXSW 2008: Creative Collaboration
SXSW 2008: Creative CollaborationSXSW 2008: Creative Collaboration
SXSW 2008: Creative Collaboration
 

More from Donna Benjamin

From 2020 to 2121: How do we get there?
From 2020 to 2121: How do we get there?From 2020 to 2121: How do we get there?
From 2020 to 2121: How do we get there?
Donna Benjamin
 
Turning stories into websites #wds18
Turning stories into websites #wds18Turning stories into websites #wds18
Turning stories into websites #wds18
Donna Benjamin
 
Turning stories into software - Laracon Australia 2018
Turning stories into software - Laracon Australia 2018Turning stories into software - Laracon Australia 2018
Turning stories into software - Laracon Australia 2018
Donna Benjamin
 
Engaging learners from objective to activity - MoodleMootAU 2018
Engaging learners  from objective to activity - MoodleMootAU 2018Engaging learners  from objective to activity - MoodleMootAU 2018
Engaging learners from objective to activity - MoodleMootAU 2018
Donna Benjamin
 
Digitise the Dawn - 5 years on - LCA2018 OpenGLAM
Digitise the Dawn - 5 years on - LCA2018 OpenGLAMDigitise the Dawn - 5 years on - LCA2018 OpenGLAM
Digitise the Dawn - 5 years on - LCA2018 OpenGLAM
Donna Benjamin
 
Communication skills for everyone - DrupalCon Vienna
Communication skills for everyone - DrupalCon ViennaCommunication skills for everyone - DrupalCon Vienna
Communication skills for everyone - DrupalCon Vienna
Donna Benjamin
 
Tools for talking
Tools for talkingTools for talking
Tools for talking
Donna Benjamin
 
Making views - DrupalGov Canberra 2017
Making views - DrupalGov Canberra 2017Making views - DrupalGov Canberra 2017
Making views - DrupalGov Canberra 2017
Donna Benjamin
 
I am your user, why do you hate me linux.conf.au 2017
I am your user, why do you hate me   linux.conf.au 2017I am your user, why do you hate me   linux.conf.au 2017
I am your user, why do you hate me linux.conf.au 2017
Donna Benjamin
 
Digitise the Dawn - Sydney Mechanics School of Arts
Digitise the Dawn - Sydney Mechanics School of ArtsDigitise the Dawn - Sydney Mechanics School of Arts
Digitise the Dawn - Sydney Mechanics School of Arts
Donna Benjamin
 
2121: How do we get there?
2121: How do we get there?2121: How do we get there?
2121: How do we get there?
Donna Benjamin
 
Turning stories into websites - PyConAU
Turning stories into websites - PyConAUTurning stories into websites - PyConAU
Turning stories into websites - PyConAU
Donna Benjamin
 
Django & Drupal: A Tale of Two Cities
Django & Drupal: A Tale of Two CitiesDjango & Drupal: A Tale of Two Cities
Django & Drupal: A Tale of Two Cities
Donna Benjamin
 
Turning stories into websites - The PHP conference Australia edition
Turning stories into websites - The PHP conference Australia editionTurning stories into websites - The PHP conference Australia edition
Turning stories into websites - The PHP conference Australia edition
Donna Benjamin
 
Turning stories into websites
Turning stories into websitesTurning stories into websites
Turning stories into websites
Donna Benjamin
 
Constructive Conflict Resolution
Constructive Conflict ResolutionConstructive Conflict Resolution
Constructive Conflict Resolution
Donna Benjamin
 
Drupal distros - Tweaks at eotw
Drupal distros - Tweaks at eotwDrupal distros - Tweaks at eotw
Drupal distros - Tweaks at eotw
Donna Benjamin
 
Constructive Conflict Resolution slides
Constructive Conflict Resolution slidesConstructive Conflict Resolution slides
Constructive Conflict Resolution slides
Donna Benjamin
 
ODF: Our Document Future - Open Document Format & Digital Preservation.
ODF: Our Document Future - Open Document Format & Digital Preservation.ODF: Our Document Future - Open Document Format & Digital Preservation.
ODF: Our Document Future - Open Document Format & Digital Preservation.
Donna Benjamin
 
Panopoly: Magical Mystery Tour
Panopoly: Magical Mystery TourPanopoly: Magical Mystery Tour
Panopoly: Magical Mystery Tour
Donna Benjamin
 

More from Donna Benjamin (20)

From 2020 to 2121: How do we get there?
From 2020 to 2121: How do we get there?From 2020 to 2121: How do we get there?
From 2020 to 2121: How do we get there?
 
Turning stories into websites #wds18
Turning stories into websites #wds18Turning stories into websites #wds18
Turning stories into websites #wds18
 
Turning stories into software - Laracon Australia 2018
Turning stories into software - Laracon Australia 2018Turning stories into software - Laracon Australia 2018
Turning stories into software - Laracon Australia 2018
 
Engaging learners from objective to activity - MoodleMootAU 2018
Engaging learners  from objective to activity - MoodleMootAU 2018Engaging learners  from objective to activity - MoodleMootAU 2018
Engaging learners from objective to activity - MoodleMootAU 2018
 
Digitise the Dawn - 5 years on - LCA2018 OpenGLAM
Digitise the Dawn - 5 years on - LCA2018 OpenGLAMDigitise the Dawn - 5 years on - LCA2018 OpenGLAM
Digitise the Dawn - 5 years on - LCA2018 OpenGLAM
 
Communication skills for everyone - DrupalCon Vienna
Communication skills for everyone - DrupalCon ViennaCommunication skills for everyone - DrupalCon Vienna
Communication skills for everyone - DrupalCon Vienna
 
Tools for talking
Tools for talkingTools for talking
Tools for talking
 
Making views - DrupalGov Canberra 2017
Making views - DrupalGov Canberra 2017Making views - DrupalGov Canberra 2017
Making views - DrupalGov Canberra 2017
 
I am your user, why do you hate me linux.conf.au 2017
I am your user, why do you hate me   linux.conf.au 2017I am your user, why do you hate me   linux.conf.au 2017
I am your user, why do you hate me linux.conf.au 2017
 
Digitise the Dawn - Sydney Mechanics School of Arts
Digitise the Dawn - Sydney Mechanics School of ArtsDigitise the Dawn - Sydney Mechanics School of Arts
Digitise the Dawn - Sydney Mechanics School of Arts
 
2121: How do we get there?
2121: How do we get there?2121: How do we get there?
2121: How do we get there?
 
Turning stories into websites - PyConAU
Turning stories into websites - PyConAUTurning stories into websites - PyConAU
Turning stories into websites - PyConAU
 
Django & Drupal: A Tale of Two Cities
Django & Drupal: A Tale of Two CitiesDjango & Drupal: A Tale of Two Cities
Django & Drupal: A Tale of Two Cities
 
Turning stories into websites - The PHP conference Australia edition
Turning stories into websites - The PHP conference Australia editionTurning stories into websites - The PHP conference Australia edition
Turning stories into websites - The PHP conference Australia edition
 
Turning stories into websites
Turning stories into websitesTurning stories into websites
Turning stories into websites
 
Constructive Conflict Resolution
Constructive Conflict ResolutionConstructive Conflict Resolution
Constructive Conflict Resolution
 
Drupal distros - Tweaks at eotw
Drupal distros - Tweaks at eotwDrupal distros - Tweaks at eotw
Drupal distros - Tweaks at eotw
 
Constructive Conflict Resolution slides
Constructive Conflict Resolution slidesConstructive Conflict Resolution slides
Constructive Conflict Resolution slides
 
ODF: Our Document Future - Open Document Format & Digital Preservation.
ODF: Our Document Future - Open Document Format & Digital Preservation.ODF: Our Document Future - Open Document Format & Digital Preservation.
ODF: Our Document Future - Open Document Format & Digital Preservation.
 
Panopoly: Magical Mystery Tour
Panopoly: Magical Mystery TourPanopoly: Magical Mystery Tour
Panopoly: Magical Mystery Tour
 

Inkscape: Mockup that site