Blog.

Terug naar overzicht.
Pixel Perfect webdesign

Pixel Perfect webdesign

Posted on 20-12-2013 by Internetbureau gett

De basis van elke website is een pixel perfect layout. Maar wat betekent dit en wat houdt dit in?
 
Pixel-perfect wil zeggen dat achter elke knop, uitlijning, maar eigenlijk elke pixel een idee zit. Alle elementen op de website zijn in lijn met elkaar en een bepaalde manier aan elkaar verbonden. Het is iets dat je niet merkt, maar wat pas gaat opvallen als het niet in orde is. Waarom vinden we de ene auto mooi en de andere niet?
 
Een website die ontworpen is met strakke lijnen zal daarom ook extra opvallen. Het is zelfs zo dat als een website goed is uitgelijnd dat je bezoeker hier een bepaalde rust in vind. Ik heb hieronder enkele voorbeelden gemaakt om het toe te lichten
 
Afbeeldingen slordig naast elkaar en afbeeldingen naast elkaar op het zelfde formaat

Links: tekst in knop is perfect uitgelijnd | rechts: de tekst is 2 pixels te hoog geplaatst
De knop links lijkt rustiger.

Boven: geordend naast elkaar, roept rust op | onder: verschillend geordend, blokken in verschillende groottes. Straalt onrust uit
 
Maar ook het verschil in het plaatsen van tekst kan de leesbaarheid verbeteren of verslechteren. Regelafstand en letter afstand zijn belangrijk. Ook hiervoor heb ik enkele voorbeelden gemaakt:
 
Als je een kleine letter gebruikt is het belangrijk de regelafstand te vergroten, dit is om de leesbaarheid te bevorderen. Voor normale tekst op een pagina is het verstandig om een normale lees letter te kiezen, een sier letter zou misplaatst zijn.
 
Zo heb je gezien dat het wel degelijk belangrijk is om alle elementen op een websites netjes uit te lijnen. Een bezoeker beslist in slechts een paar seconden of de website aantrekkelijk genoeg is om op te blijven. De website van een bedrijf is het digitale visitekaartje. Is je digitale visikaartje slordig dan is dit geen goede uistraling voor je bedrijf.
 
Cross browser?
Veel ontwerpers zijn van mening dat een website in elke browser gelijk moet zijn. Helaas is dit niet haalbaar. Dit komt omdat niet elke browser hetzelfde is en niet elk besturingssysteem hetzelfde reageert. Het verschil is al zichtbaar als exact dezelfde website geopend wordt in Chrome op Windows of op Mac OSX. Apple gebruikt namelijk een letter die een tikje dikker is dan die van Windows. Maar het verschil is al merkbaar op enkel een Windows PC en kan zelfs per versie van de browser verschillen. Exact hetzelfde is dus onmogelijk, het beste resultaat voor elke browser is wat daadwerkelijk telt.
 
Niet tevreden over je huidige website? Maak een afspraak en laat je overtuigen wat wij kunnen betekenen: neem contact op / 0318 - 46 99 99

Deel op social.