Het webdesign schetsboek

Geschreven door: Jan Raedschelders56 reacties

Wireframing gebeurt al te vaak digitaal, toch was ik al een tijdje op zoek naar een oplossing waarmee ik snel een schets kon maken van een website. Op die manier zou ik snel een idee kunnen schetsen en overbrengen aan een designer, programmeur, slicer, ... . Daarom bedacht ik het webdesign schetsboek dat in deze blogpost voorgesteld wordt.

De zoektocht bleek al snel niet zo evident, want voor welke standaard zou ik moeten gaan, welke browser, welke resolutie, welk gridsysteem, A4 of A3 en hoeveel vellen? Ten slotte heeft iedereen natuurlijk een eigen manier van werken, hoe ga ik dan op zoek naar "de standaard manier van werken"?

Webdesign Schetsboek

Begin 2009 werden bovenstaande voorbeelden, waarin ik een aantal van mijn basisideeën voor de reeds uitgewerkte schermen in zag terugkomen, meermaals gepost op Twitter. Ik kon de werken in Adobe Illustrator even staken en gewoon dit schetsboek als test aankopen. Tegen alle verwachtingen in bleek dat het nergens te koop was en het eerder ter promotie was ontwikkeld, zelfs enkele mails richting de ontwikkelaars resulteerden in een "njet". Daarom liet ik het werk van Inventis even links liggen en ontwikkelde ik een eigen webdesigner schetsboek.

Om geïnteresseerden voort te helpen met het werk dat ik gedaan heb wil ik alles via deze blogpost aanbieden. Toch ben ik nog net iets verder gegaan en heb ik er een 100-tal exemplaren van laten drukken. Zo kon ik een erg gunstig tarief bij de drukker krijgen en daarom wil ik het ook tegen aankoopprijs aanbieden aan iedereen die er het voordeel van inziet. In een van de volgende blogposts geven we hier meer informatie over en kom je ook te weten hoe je 1 van de eerste 25 exemplaren gratis kan krijgen (en ja gratis is helemaal gratis, noppes, nada, for free, gratuit).

  • De browser schermen zijn op basis van Mozilla Firefox en werden op een kleine dag aangepast door Inventis
  • Het gridsysteem is van 960.gs
  • Het algemene design werd door Inventis ontworpen

Hieronder het overzicht van de verschillende pagina’s die ik je wil aanbieden, de details van de pagina’s zijn de volgende:

  1. Browserscherm met ruimte voor notities (1 browser)
  2. Overzichtsscherm met ruimte voor notities (9 browsers)
  3. Mailingscherm met ruimte voor notities

Browserscherm met ruimte voor notities
Download Browserscherm Algemeen Illustrator versie
Download Browserscherm Algemeen PDF versie
Download Browserscherm Algemeen JPG versie

Overzichtsscherm met ruimte voor notities
Download Overzicht Illustrator versie
Download Overzicht PDF versie
Download Overzicht JPG versie

Mailingscherm met ruimte voor notities
Download Mail Illustrator versie
Download Mail PDF versie
Download Mail JPG versie

De eerste versie is reeds gedrukt, enkele foto's kan je terugvinden op Flickr. Feedback is steeds welkom, natuurlijk hebben wij gekozen voor dit ontwerp met deze verschillende specificaties. Kiezen is steeds verliezen maar dit lijkt me wel een goede standaard te kunnen zijn. Sowieso veel schetsplezier gewenst!

Het webdesign schetsboek kan je nu aankopen via http://www.inventis.be/blog/koop-hier-je-webdesign-schetsboek

56 Reacties op deze blogpost:

Koen Betsens
Door Koen Betsens op 30 januari 2009

Schitterend!
Count me in, dat mogen er direct zelfs 2 zijn.
Al een idee hoeveel vellen er in komen?



Have a nice day,

Koen

Zipkid
Door Zipkid op 30 januari 2009

Zeer mooi en nuttig!
Ik ben zeker geinteresseerd.

Dank u,

Stefan Goethals.

Jan Raedschelders
Door Jan Raedschelders op 30 januari 2009

De eerste druk zal bestaan uit:
- Cover (stevige)
- 50 Algemene browser pagina's;
- 10 Mailing browser pagina's;
- 15 Overzicht browser pagina's.
Maandag gaat alles in druk dus normaal gezien maken we het een goeie week later mogelijk om de schetsboeken te bestellen (of gratis te verkrijgen). We houden jullie op de hoogte!

Stijn
Door Stijn op 30 januari 2009

Efficiënt én stijlvol, meer moet dat niet zijn. Geef me gerust een seintje als het product verkrijgbaar is!

Liviooo
Door Liviooo op 30 januari 2009

Ziet er goed uit ... beter dan het schetsboek dat ik onlangs besteld heb bij Lulu.com

Lieven

Pieter Brat
Door Pieter Brat op 30 januari 2009

Ook van onze kant is er zeker interesse... keep me posted!

Dirk
Audience
Door Audience op 30 januari 2009

Schitterend idee!
Zeker ook interesse voor aankoop. We horen het wel op Twitter neem ik aan :-)

WebRaider
Door WebRaider op 30 januari 2009

Super leuk idee, kan ik eindelijk eens afstappen van mijn atoma-schriftjes.

Bart
Door Bart op 30 januari 2009

Sign me up.
Laat me weten wanneer ze gedrukt zijn.

Biz
Door Biz op 30 januari 2009

Zeer nice en super handig! :)

THYRAXX
Door THYRAXX op 30 januari 2009

Mooi uitgewerkte idee en misschien ook richting the UML voor de Back-End ?

jim
Door jim op 30 januari 2009

Puik idee. Hoe goed de computer tools ook zijn, een schets*boek* is toch super interessant.

Ik ben ook alvast geïnteresseerd in een exemplaar!

E.J. Semeijn
Door E.J. Semeijn op 30 januari 2009

Wat een geweldig schetsboek zal dit worden. Ik ben zeker geïnteresseerd!

Jochenvde
Door Jochenvde op 30 januari 2009

Goed initiatief en uiterst handig! Count me in for one!

Jochen.

Karsten
Door Karsten op 30 januari 2009

Thanks for these templates. They are nice and usefull.

Downloaded for future use :D

Angel
Door Angel op 30 januari 2009

Great.
Gracias, muy útiles, descargados y usándolos.

Thomas Byttebier
Door Thomas Byttebier op 30 januari 2009

Heel mooi en goed idee. Ik ben ook benieuwd.

winkie
Door winkie op 30 januari 2009

Goed idee! Ik gebruik dit systeem zelf ook al een poos en het zou echt ideaal zijn om dit in een schetsboek te hebben :) Volg je nu op Twitter!

Jan Raedschelders
Jan Ottenbourg
Door Jan Ottenbourg op 30 januari 2009

Schitterend idee. Count me in!

Koen Delvaux
Door Koen Delvaux op 30 januari 2009

Bij deze zou ik er ook 1tje willen bestellen, weg met het ruitjespapier :)

TS
Door TS op 30 januari 2009

Fantastic! Thanks for this.

Nicolas
Door Nicolas op 30 januari 2009

Wow really cool

Leo Cabral
Door Leo Cabral op 30 januari 2009

Amazing. Really useful stuff. Thanks for sharing.

Gary Barber
Door Gary Barber op 30 januari 2009

Very useful templates, can see myself needing a sketch pad of these.

Are Sundnes
tkoc
Door tkoc op 30 januari 2009

Thx Jan,
Really useful. I keep them in your language (notities), to remember myself who gave them to me.
Cheers...

Cam
Door Cam op 30 januari 2009

Fresh! I too have been using 960s grid templates for psd sketches transfered from my grid sketch pad. Love the notes on the side

Van den Bogerd Frank
Door Van den Bogerd Frank op 30 januari 2009

Jawel, heel tof idee!
Hier ook al direct interesse natuurlijk; gaat het langsgaan bij klanten alleen maar vergemakkelijken :-)

Geef gerust een seintje wanneer ze klaar zijn; ik ben met plezier beta-tester :-)

Ben Tupper
Door Ben Tupper op 30 januari 2009

Thank you this is very helpful and a fantastic idea!

Raf
Door Raf op 01 februari 2009

Zo een schetsboek lijkt me verdomd handig.

Zo kan ik er ook wel eentje gebruiken, of misschien zelfs twee :)
(wie weet kan deze arme student een van de eerste gratis exemplaren te pakken krijgen XD)

Thomas | Santhos
Door Thomas | Santhos op 02 februari 2009

Grandioos idee! Daar wil ik er wel eentje van :-)

Bene
Door Bene op 03 februari 2009

Leuk idee en praktisch vooral! Count me in.

Fn9mm
Door Fn9mm op 04 februari 2009

Nice concept, heel interessant
gelieve een seintje te geven wanneer deze beschikbaar zijn :thx:

Michael Dekker
Door Michael Dekker op 05 februari 2009

Super goed!

Graag zou ik daar ook wel 2 van willen hebben..
Zet mij maar op de lijst.

Thanks..

Ton Haex
Door Ton Haex op 07 februari 2009

Heel erg praktisch en je mag mij ook op de lijst zetten.

Jesse Vlasveld
Door Jesse Vlasveld op 12 februari 2009

Deze zien er zeker handig uit. Je mag mij op de lijst zetten.

Thomas Jacobs
Door Thomas Jacobs op 13 februari 2009

Count me in! Ik wens er graag twee van je te ontvangen!

Jan Raedschelders
Jan Raedschelders
Don Carroll
Door Don Carroll op 18 februari 2009

Nice work. This should make the rest of our lives just a little bit easier.

webton webdesign
Door webton webdesign op 28 juli 2010

Goed werk ! Nice concept, heel interessant
gelieve een seintje te geven wanneer deze beschikbaar zijn :thx:

Netboxx
Door Netboxx op 18 augustus 2010

Zijn deze nog beschikbaar?

Jan Raedschelders
Door Jan Raedschelders op 18 augustus 2010

Er is nog een beperkte voorraad, stuur best een mailtje mocht je interesse hebben jan (at) inventis.be.

V-webdesign
Door V-webdesign op 11 december 2010

Prachtig. Waar gaat dit verkocht worden?

Dennis
Door Dennis op 14 januari 2011

Is er nog steeds een voorraad? Ik heb wel interesse!

Daronet
Door Daronet op 01 juli 2011

Echt interessant. Keep me posted!

tom
Door tom op 14 november 2011

Heel erg interessant.
Zal je blog volgen..

huisdier
Door huisdier op 07 maart 2012

Zeer aangenaam, dit schetsboek.
Is er ondanks de beperkte voorraad nog eentje te verkrijgen?
Mvg,

huisdier
Door huisdier op 07 maart 2012

ps, Ofwel te kopen.

Jan Raedschelders
Door Jan Raedschelders op 08 maart 2012

Deze zijn nog steeds op voorraad, wel is het zo dat we geen grote leveringen meer kunnen afhandelen.

Robert
Door Robert op 13 maart 2012

Interessante blogs! Zeer informatief!

Shamier Coffie
Webdesign
Door Webdesign op 12 juni 2012

Lijkt me een meer dan handige tool!

Stefan
Door Stefan op 11 mei 2014

Bedankt voor de post, zeer waardevolle info

Reageer ook op dit artikel

U kan optioneel inloggen met Twitter of Facebook. U krijgt dan de mogelijk om uw reactie ook te delen via Twitter of Facebook
Login with twitter
Aanmelden
{* Remarketing tag *}