Responsive design

Geüpdatet 06/01/2022
illustrio website laten bouwen

Responsiviteit of responsive design zijn termen die je geregeld tegenkomt in verband met websites en applicaties. Maar, waar gaat het over?

Zoals de naam aangeeft gaat responsiviteit over het beantwoorden aan bepaalde gedragingen of gebruiken. De term wordt voornamelijk gebruikt in relatie tot webdesign waar het ontwerp van een website moet kunnen beantwoorden aan alle mogelijke schermverhoudingen en resoluties van verschillende apparaten. Zo is er bijvoorbeeld een groot verschil tussen de schermverhoudingen van een laptop en die van een smartphone, om nog maar te zwijgen over de verschillen tussen fabrikanten.

Bij Illustrio kijken we verder dan de technische responsiviteit van websites en proberen we ook visueel te beantwoorden aan het doelpubliek en dit ook steeds op verschillende platformen. We maken een onderscheid tussen ‘responsive webdesign’ en ‘responsive branding’.
responsive design hero image

Responsive design: webdesign

We leven in een snel veranderende wereld waarin technologische ontwikkelingen elkaar steeds sneller opvolgen. Elk jaar komen techbedrijven met nieuwe smartphones, laptops, tablets en andere apparaten op de markt die toegang hebben tot het internet. Voor webdesigners is het daardoor onmogelijk om voor elke mogelijke afmeting van deze apparaten een aangepaste website te ontwikkelen.

In het verleden gebeurde het vaak dat de tekst op websites op smartphones veel te klein was en dat je enorm moest inzoomen om op bepaalde links of knoppen te kunnen drukken. Dit omdat de websites enkel geschikt waren voor gebruik op computers. Om af te geraken van de slechte gebruikservaring die hiermee gepaard ging, werd overgestapt op ‘responsive webdesign’.

Responsieve websites worden zo opgebouwd dat ze zich automatisch aanpassen aan elk schermformaat door elementen anders te gaan schikken op de pagina. Dit maakt het uiteraard heel wat eenvoudiger om te ontwerpen voor verschillende schermafmetingen en elimineert het risico van een slechte gebruikservaring op nieuwe apparaten.

Responsive design: branding

Net zoals websites moeten voldoen aan verschillende afmetingen en omstandigheden, geldt dit ook voor de merkidentiteit van een bedrijf.

Zo moet er nagedacht worden over de manier waarop je identiteit wordt aangepast aan sociale platformen waarbij uiteraard ook de afmetingen van bijvoorbeeld Facebook en Instagram posts in acht worden genomen en moeten offline en online kanalen op elkaar worden afgestemd.

Ook het logo kan afhankelijk van de toepassing verschillende vormen aannemen. Op kleinere schermen wordt vaak overgestapt op herkenbare iconen zonder tekst. Denk bijvoorbeeld aan het Google logo waarbij men overstapt op de herkenbare ‘G’ in 4 kleuren wanneer een kleiner logo vereist is.
Heb je zelf nood aan een responsieve website of een consistent responsief merk? Dan kan Illustrio je hier misschien mee helpen. Kijk gerust eens rond op de website of neem contact op via ons contactformulier.
Facebook
WhatsApp
LinkedIn
Email