Spruit.
Digital
Hè wat bedoel je? 5 online vaktermen (en wat extra’s) op een rij
We hebben leuke gesprekken met onze klanten en staan altijd te popelen om onze kennis te delen. Terwijl onze klanten vaak enthousiast worden van onze ideeën hebben onze gesprekken regelmatig een keerzijde: klanten snappen ons niet. Soms worden we met grote ogen aangestaard als we het hebben over een header, footer of responsive design. Hoog tijd dus om een aantal online vaktermen uit te leggen, zodat jij bij onze volgende afspraak precies snapt wat we bedoelen!
Responsive design
Als we het hebben over responsive design, dan horen klanten vaak wel een klok luiden, maar weten ze niet waar de klepel hangt. Toch is responsive design geen hele ingewikkeld concept. Wanneer een website in goed responsive design is ontworpen, dan betekent dit dat de website op iedere schermmaat goed wordt weergegeven. Op een smartphone staan teksten en afbeeldingen onder elkaar, terwijl ze op een desktop bijvoorbeeld naast elkaar geplaatst staan. En herken je een menu op smartphones aan het hamburger icoontje, en staat het hele menu op je desktop duidelijk in beeld.
Het hamburger icoontje
We noemden hem al: het hamburger icoontje. En nee, dat is geen icoontje om aan te geven waar je lokale fastfoodketen is. Het hamburger icoontje is de naam voor de drie streepjes die je vaak op smartphones vindt om het menu van een website te openen.
Header, head, body en footer
Grote halen is snel thuis, dus als een bonus pakken we hier even vier termen tegelijk. Bijna iedere website bestaat namelijk uit een aantal vaste onderdelen, te beginnen met de header. De header is de bovenkant van de website. Hierin vind je vaak het logo, het menu en bijvoorbeeld een zoekbalk. Deze elementen vind je op iedere pagina terug.
Hetzelfde geldt voor de footer. Deze staat juist onderaan de website. Daar vind je vaak wat links naar een aantal belangrijke pagina’s. De social media icoontjes, een reviewscore en een eventuele copyrightvermelding.
De body is eigenlijk alles dat daar tussen zit. Je vind daar dus je broodtekst en beeldmateriaal. Die inhoud bestaat dus doorgaans uit een nieuwsartikel, een blog of een informatieve pagina.
Ik hoor je al denken, maar hoe zit het dan met die head? Een head is namelijk onderdeel van de pagina, maar deze zie je niet terug, een lastige online vakterm dus. De head bestaat volledig uit code, waarbij belangrijke inhoud zoals de stijl wordt ingeladen. Als je gebruik maakt van bijvoorbeeld Google Analytics, dan wordt die code ook in de head ingeladen. Klein ezelsbruggetje: de head houd je lekker in je hoofd. Je hersens zorgen ervoor dat jij goed werkt, maar dat is ook niet te zien.
Parallax
Soms zie je wel eens een website, waarbij het lijkt of de afbeelding stilstaat terwijl jij door de pagina scrolt. Zo’n element noemen we een parallax. Door dit parallax effect lijkt het alsof de afbeelding achter de rest van de webpagina staat, waardoor er meer diepte in een pagina komt. De parallax kennen we overigens uit allerlei industrieën. Let maar eens op de voor- en achtergrond van een film of animatieserie. Iets dat dichterbij is passeert het beeld sneller dan iets dat verder weg is.
Grid design
Als je werkzaam bent in de grafische industrie dan weet je waarschijnlijk wel waar we het over hebben als het gaat om ontwerpen in een stramien. Op basis van horizontale en verticale uitlijning wordt in bijvoorbeeld een magazine of krant bepaald waar teksten en beelden komen te staan. Online kennen we dit ook, maar noemen we dit een grid. Een grid bestaat uit kolommen en afhankelijk van het apparaat dat je gebruikt – daar waar we het bij responsive design over hadden – kan een grid design ideaal worden ingezet.
