Wireframes bouwen met Illustrator en InDesign CS2

Wat is een wireframe?

Een wireframe is een visuele voorstelling van een website, zonder kleuren, beelden of ander opmaak. Bedoeling is een overzicht te schetsen van de verschillende onderdelen die op de toekomstige website aanwezig zullen zijn. Een plattegrond van een website zeg maar.

Hier zie je een voorbeeldje van een wireframe (homepagina) die ik uitwerkte voor Bicycl’art, een project waar we volop aan bezig zijn.

Voorbeeld van een wireframe.

Eerlijk is eerlijk, we zijn nog maar pas begonnen met het gebruiken van wireframe’s. Vanaf nu maken we – bij grotere projecten – een compleet en overzichtelijk wireframe op. Pas als het wireframe goedgekeurd is door alle partijen werken we het verder uit.

Welke programma’s kun je gebruiken?

Er zijn verschillende paketten (Visio, Powerpoint, Omnigraffle PRO, ...) op de markt voor wie wireframe’s wil bouwen.

Wij hebben gekozen voor een combinatie van Illustrator en Indesign. Onlangs kochten we de volledige Creative Suite 2 van Adobe en ik zocht al een tijdje een excuus om met Indesign te leren werken.

Daarnaast las ik een tijdje geleden het eerste uit een reeks artikels op UXmatters over Wireframing With InDesign and Illustrator , het artikel geeft niet alleen een goed overzicht van de verschillende programma’s en hun voor- en nadelen, maar demonstreert ook hoe je best te werk gaat bij het aanmaken van een wireframe in Illustrator en Indesign.

Ik ben zeer benieuwd naar de volgende artikels uit de reeks, ondertussen doe ik verder aan mijn Indesign tutorials.

Reacties

1

Na enkele uren Indesign introductie kan ik maar één ding zeggen: wow! :)

2

http://alistapart.com/articles/paperprototyping

Dit blijft toch de beste manier om te wireframen :) pen en papier in de aanslag, en tekenen maar.

3

Alles begint bij pen en papier, da’s waar!

Alhoewel ik niet zo ver ga als wordt beschreven in het ALA artikel, lijm en schaar komt er hier niet aan te pas.

Geef je mening… don't be shy

  • http://

Feed the primates

Wij hebben grote honger naar nieuwe projecten. Ook voor uw project leggen wij de lat heel hoog. Samenwerken? Stuur een berichtje. Of bel 09 395 02 51.

Een idee voor een nieuw project? We zijn benieuwd