english English

Het webdesign schetsboek

Al een tijdje was ik op zoek naar de ideale manier om alle schetsen samen te bundelen die op kladpapier post-its, tekenpapier, ... op het kantoor rondslingeren. Ik was vooral op zoek naar een oplossing die het communiceren van schetsen zou bevorderen, een soort van standaard manier van werken. De oplossing zou dan in de richting van een schetsboek gaan waarin zowat iedereen zijn schetsen tot leven zou kunnen brengen. Zo startte mijn zoektocht naar het ideale webdesign schetsboek.

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

RSS reacties feed

42 reacties tot nu toe

Koen Betsens

Koen Betsens zei 1 jaar geleden:

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

Zipkid zei 1 jaar geleden:

Zeer mooi en nuttig!
Ik ben zeker geinteresseerd.

Dank u,

Stefan Goethals.
Jan Raedschelders

Jan Raedschelders zei 1 jaar geleden:

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

Stijn zei 1 jaar geleden:

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

Liviooo zei 1 jaar geleden:

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

Lieven
Pieter Brat

Pieter Brat zei 1 jaar geleden:

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

Dirk zei 1 jaar geleden:

Digg'ed ( http://digg.com/design/Webdesign_sketchbook ) en Delicious'ed. Fijn idee, knappe uitwerking!
Audience

Audience zei 1 jaar geleden:

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

WebRaider zei 1 jaar geleden:

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

Bart zei 1 jaar geleden:

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

Biz zei 1 jaar geleden:

Zeer nice en super handig! :)
THYRAXX

THYRAXX zei 1 jaar geleden:

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

jim zei 1 jaar geleden:

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

E.J. Semeijn zei 1 jaar geleden:

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

Jochenvde zei 1 jaar geleden:

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

Jochen.
Karsten

Karsten zei 1 jaar geleden:

Thanks for these templates. They are nice and usefull.

Downloaded for future use :D
Angel

Angel zei 1 jaar geleden:

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

Thomas Byttebier zei 1 jaar geleden:

Heel mooi en goed idee. Ik ben ook benieuwd.
winkie

winkie zei 1 jaar geleden:

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 Raedschelders zei 1 jaar geleden:

Heb reeds een testversie laten drukken, nu alles gereed maken en dan gaan we maandag definitief in druk... de eerste 25 gedrukte versies worden gratis verstuurd maar we houden jullie op de hoogte via de Inventis blog.

Als je al wat meer wil zien, hier is de eerste versie... http://www.flickr.com/photos/inventis/sets/72157613110402573/
Jan Ottenbourg

Jan Ottenbourg zei 1 jaar geleden:

Schitterend idee. Count me in!
Koen Delvaux

Koen Delvaux zei 1 jaar geleden:

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

TS zei 1 jaar geleden:

Fantastic! Thanks for this.
Nicolas

Nicolas zei 1 jaar geleden:

Wow really cool
Leo Cabral

Leo Cabral zei 1 jaar geleden:

Amazing. Really useful stuff. Thanks for sharing.
Gary Barber

Gary Barber zei 1 jaar geleden:

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

Are Sundnes zei 1 jaar geleden:

Nice templates! Really like the idea of using the 960 gs, although for my use it's more useful with blank pages, because i mostly use it for rough sketches and mock-ups.

The original by Hyper Interaktiv (As depicted on top of the page) may now be ordered from http://www.huntinglodge.no/ if someone prefers an actual book.

Read more here http://www.paranaiv.no/portfolio/2008/webdesign-sketchbook

Are Sundnes,
Paranaiv
tkoc

tkoc zei 1 jaar geleden:

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

Cam zei 1 jaar geleden:

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

Van den Bogerd Frank zei 1 jaar geleden:

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

Ben Tupper zei 1 jaar geleden:

Thank you this is very helpful and a fantastic idea!
Raf

Raf zei 1 jaar geleden:

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

Thomas | Santhos zei 1 jaar geleden:

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

Bene zei 1 jaar geleden:

Leuk idee en praktisch vooral! Count me in.
Fn9mm

Fn9mm zei 1 jaar geleden:

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

Michael Dekker zei 1 jaar geleden:

Super goed!

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

Thanks..
Ton Haex

Ton Haex zei 1 jaar geleden:

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

Jesse Vlasveld zei 1 jaar geleden:

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

Thomas Jacobs zei 1 jaar geleden:

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

Jan Raedschelders zei 1 jaar geleden:

De 25 gratis exemplaren zijn te krijgen via een andere blogpost... http://www.inventis.be/blog/25-gratis-exemplaren-van-het-webdesign-schetsboek
Jan Raedschelders

Jan Raedschelders zei 1 jaar geleden:

Voor iedereen die niet bij de eerste 25 was maar toch interesse heeft: Koop hier je webdesign schetsboek - http://www.inventis.be/blog/koop-hier-je-webdesign-schetsboek
Don Carroll

Don Carroll zei 1 jaar geleden:

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

Reageer op dit artikel

Toegelaten tags: <a href="" title=""> <code> <em> <strong>

RSS Feed

Bekijk alle tags

Laatste reacties

  • trikke: Hé, Een van mijn favoriete onderwerpen. Ik ben er zelf al 25 (jawel) jaar mee bezig, om...
  • Karl Gilis: Een mooie test, maar zoals je zelf aangeeft is klikken op de banner niet echt een goed...
  • Christof: Hoe minder een advertentie op een advertentie lijkt, hoe beter de CTR. Tekst onderlijnen zodat...
  • Luk Balcer: Belangrijk om te beseffen is dat het niet enkel gaat over de 'vorm'. Bij versie B maak je een...
  • Gert Bangels: Hoe meer je advertentie op een banner lijkt, des te slechter de conversie. mensen negeren...