Netters.nl

Veel reclamebureaus en ontwerp studio's verzorgen voor hun klanten de gehele communicatie. Dit houdt in dat ze zowel het drukwerk als ook de website ontwerpen.

Wanneer het een 'simpele' website betreft zullen veel van dergelijke bureaus zowel de grafische als de technische verwerking zelf uitvoeren.

Wanneer het technische gedeelte wat ingewikkelder wordt dan kiest men er vaak voor om dit uit te besteden aan een externe partij die hierin gespecialiseerd is. Het grafische ontwerp doet men vaak zelf. Jammer genoeg zijn de vormgevers van de traditionele media vaak niet op de hoogte van de mogelijkheden en onmogelijkheden van het internet. Hierdoor ontstaan er vaak onnodig veel ergernissen tussen de vormgever en de technische partij.

Verschillende resoluties

Misschien wel het grootste verschil in het maken van een ontwerp voor drukwerk en het maken van een ontwerp voor een website is het feit dat je met verschillende (beeldscherm) resoluties te maken hebt.

Er zijn eindeloos veel variaties in deze resoluties. Het gevolg hiervan is dat het ontwerp er bij elke resolutie anders uit zal komen te zien. Afhankelijk van de keuzes die je als ontwerper moet maken krijg je meer of minder controle over je ontwerp. Je moet je telkens afvragen: “Wat gebeurt er wanneer de beschikbare ruimte groter of kleiner wordt”. Keuzes die je als gevolg hiervan als vormgever van digitale media moet maken zijn:

• Wanneer je ontwerp niet het hele beeldscherm in beslag neemt wordt het dan gecentreerd of juist links of rechts uitgelijnd?
• Wil je dat je ontwerp een vaste breedte heeft of kies je voor een percentage van het beeldscherm?
• Moet het ontwerp over de hele hoogte van je scherm uitrekken, hou je een vaste hoogte aan of baseer je de hoogte op de hoeveelheid content die er in de pagina komt?
• Wanneer de content langer is dan je beeldscherm, wat gebeurt er dan met je ontwerp? Zal er een scrollbalk verschijnen in je contentvlak of wordt je hele ontwerp uitgerekt zodat de hele website op en neer gescrold kan worden?
• Wat gebeurt er met de achtergrond wanneer een resolutie anders wordt?

Kleuren van verschillende beeldschermen

Niet alleen de resolutie van ieder beeldscherm is anders, ook de kleurinstellingen van bijna alle beeldscherm zijn weer anders. Dit heeft tot gevolgd dat je ontwerp er iedere keer weer anders uit ziet. De grootste problemen zitten in het verschil tussen CRT schermen (beeldbuis) en TFT schermen (Flatscreen) maar ook instellingen van beeldschermen leveren grote verschillen op. Op een CRT scherm zijn kleuren wat feller en zie je wat minder contrast.
Veel problemen kun je voorkomen door te testen op verschillende beeldschermen. Let tijdens het testen op de volgende knelpunten:

• Zijn alle elementen met weinig contrast op alle beeldschermen goed zichtbaar. Denk hierbij aan schaduwen, lijnen, en (lichte) achtergrond kleuren.
• Passen de kleuren nog wel zo goed bij elkaar als toen je ze voor het eerst uitzocht? Soms wil het voor komen dat bepaalde kleuren zo veranderen dat dingen die eerst goed bij elkaar leken te passen op een ander beeldscherm met elkaar vloeken.

Simpele interactie toevoegen

Interactie ontwerp is een vak apart toch moet je bij het ontwerp rekening houden met de simpele interactie met de gebruiker. Wanneer iemand door de pagina navigeert moeten bepaalde dingen duidelijk worden. Vaak gebeurt dit door mouse-overs toe te voegen of door een achtergrond kleur te wijzigen. Vraag je tijdens het ontwerpen af:

• Hoe ziet een link of menu item eruit wanneer je er met je muis over beweegt?
• Hoe ziet een menu item eruit dat geactiveerd is?
• Hoe weet een bezoeker waar hij is op de website?
• Bestaat het menu uit meerdere niveau's en hoe zien deze er uit?

Technische beperkingen

Een ontwerper van een website heeft compleet andere mogelijkheden dan een ontwerper van drukwerk. Zo heeft een website natuurlijk veel meer mogelijkheden om een boodschap over te brengen (tekst, beeld, geluid, video). Toch zijn er bepaalde technische beperkingen waar je wel rekening moet houden:

• Maak zoveel mogelijk gebruik van standaard fonts. Een website maakt pas gebruik van een font op het moment dat dit bij de gebruiker is geinstalleerd. Gebruik je een font dat niet geinstalleerd is dan zal er een ander font uitgekozen worden.
• Maak je ontwerp niet breder dan de kleinste resolutie die een relevant deel van je doelgroep gebruikt. (Houdt ook rekening met de ruimte voor een eventuele scrollbalk en een browservenster).

Voor elke beperking is een oplossing te vinden dus laat je er niet door tegenhouden om je creativiteit de vrije loop te laten. Maar laat je juist inspireren door de oplossing.