SlideShare une entreprise Scribd logo
1  sur  24
Télécharger pour lire hors ligne
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

Contenu connexe

Tendances

Virtually Anyone
Virtually AnyoneVirtually Anyone
Virtually AnyoneTony 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 - PolymerMaurizio 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 AzureMartin 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 DesignersGoodbytes
 
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORNDesigner vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORNSara 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 RealityDenis Radin
 
Managing Responsive Design Projects
Managing Responsive Design ProjectsManaging Responsive Design Projects
Managing Responsive Design ProjectsAndrew Smyk
 
Using Backbone with CakePHP
Using Backbone with CakePHPUsing Backbone with CakePHP
Using Backbone with CakePHPRichard McIntyre
 
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 Formssergioafp
 
Compiled Xaml Performance in Xamarin.Forms
Compiled Xaml Performance in Xamarin.FormsCompiled Xaml Performance in Xamarin.Forms
Compiled Xaml Performance in Xamarin.FormsMatthew Robbins
 
Unleashing WebGL & WebAudio with babylon.js
Unleashing WebGL & WebAudio with babylon.jsUnleashing WebGL & WebAudio with babylon.js
Unleashing WebGL & WebAudio with babylon.jsdavrous
 
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.esdavrous
 
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 DeveloperRui Barroca
 

Tendances (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
 

Similaire à 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 StepsFelicia Clark
 
Joy of Inkscape - at StixCamp
Joy of Inkscape - at StixCampJoy of Inkscape - at StixCamp
Joy of Inkscape - at StixCampDonna Benjamin
 
Lucas john pcp_ppp_final
Lucas john pcp_ppp_finalLucas john pcp_ppp_final
Lucas john pcp_ppp_finalJohn 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 slidesMarc Robinsone Caballero
 
Women, Wine & Web Design - workshop
Women, Wine & Web Design - workshopWomen, Wine & Web Design - workshop
Women, Wine & Web Design - workshopNicole Capuana
 
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 timeframeTiffany 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 ExperienceFITC
 
Scribbit Virtual Pen Presentation
Scribbit Virtual Pen PresentationScribbit Virtual Pen Presentation
Scribbit Virtual Pen Presentationvr1988
 
Hacking News
Hacking NewsHacking News
Hacking Newsamclean
 
3d printing meetup
3d printing meetup3d printing meetup
3d printing meetupWill Drevno
 
Introduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesignIntroduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesignipmindthegap
 
Conference proposal ppt
Conference proposal pptConference proposal ppt
Conference proposal pptJessica Bailey
 
UX Foundations : Sketching UI
UX Foundations : Sketching UIUX Foundations : Sketching UI
UX Foundations : Sketching UIKate Rutter
 
Web Dev101 For Journalists
Web Dev101 For JournalistsWeb Dev101 For Journalists
Web Dev101 For JournalistsLisa 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 moreLisa Buyer
 
SXSW 2008: Creative Collaboration
SXSW 2008: Creative CollaborationSXSW 2008: Creative Collaboration
SXSW 2008: Creative CollaborationMatt Biddulph
 

Similaire à 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
 

Plus de 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 #wds18Donna 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 2018Donna 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 2018Donna 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 OpenGLAMDonna Benjamin
 
Communication skills for everyone - DrupalCon Vienna
Communication skills for everyone - DrupalCon ViennaCommunication skills for everyone - DrupalCon Vienna
Communication skills for everyone - DrupalCon ViennaDonna Benjamin
 
Making views - DrupalGov Canberra 2017
Making views - DrupalGov Canberra 2017Making views - DrupalGov Canberra 2017
Making views - DrupalGov Canberra 2017Donna 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 2017Donna 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 ArtsDonna 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 - PyConAUDonna 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 CitiesDonna 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 editionDonna Benjamin
 
Turning stories into websites
Turning stories into websitesTurning stories into websites
Turning stories into websitesDonna Benjamin
 
Constructive Conflict Resolution
Constructive Conflict ResolutionConstructive Conflict Resolution
Constructive Conflict ResolutionDonna Benjamin
 
Drupal distros - Tweaks at eotw
Drupal distros - Tweaks at eotwDrupal distros - Tweaks at eotw
Drupal distros - Tweaks at eotwDonna Benjamin
 
Constructive Conflict Resolution slides
Constructive Conflict Resolution slidesConstructive Conflict Resolution slides
Constructive Conflict Resolution slidesDonna 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 TourDonna Benjamin
 

Plus de 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