Typografie

Opdrachtgever

Hogeschool van Amsterdam

Vaardigheden

HTML/CSS/Javascript

Opdracht

Voor deze opdracht krijg je de kans om je typografische vaardigheden verder te ontwikkelen door een letterpresentatie te ontwerpen in HTML en CSS. Het doel is om een gevonden lettertype visueel aantrekkelijk en passend te presenteren voor het web, waarbij je de essentie van het lettertype en de context ervan benadrukt.

Onderzoek en Context

Bij deze opdracht doe je onderzoek naar de oorsprong van het lettertype. Dit betekent dat je niet alleen kijkt naar het digitale font, maar ook naar de originele letters: waar, wanneer en waarom zijn ze ontstaan? Wie was de ontwerper en wat was het oorspronkelijke doel van de letters? Wat maakt dit lettertype bijzonder of onderscheidend? Zorg ervoor dat je de context begrijpt waarin het lettertype werd ontworpen en waarom het je is opgevallen.

Onderzoek

Ik ben op straat opzoek gegaan naar verschillende soorten typografie. Van iedere typografie die me aandacht trok heb ik een foto gemaakt. Na al veel fotos te hebben gemaakt kwam ik op een lettertype terecht die mijn aandacht trok. Het was een lettertype van de metro's in Amsterdam. Het trok mijn aandacht omdat het strak, maar ook dat pixelachtige had.

Schetsen

Nadat ik met mijn docent en klasgenoten had gebrainstormed, raadde mijn docent een lettertype aan. Dit lettertype heette 'New Alphabet' van Wim Crouwel. Dit is een lettertype die bestaat uit alleen maar rechte lijnen. Ik houd van strakke en rechte ontwerpen dus dit pastte precies bij mijn idee.
Op internet heb ik veel over dit lettertype gelezen. Ik kwam er achter wie de persoon was achter dit lettertype: Wim Crouwel.

Protoype

Het was tijd om te gaan beginnen met het prototype. Mijn idee was om de stijl van Wim Crouwel proberen na te maken en ook toe te passen op mijn website. Wim Crouwel maakte vaak gebruik van een vast grid waar hij binnen werkte. Dit is iets wat ik op mijn website ook heb gemaakt. Vervolgens heb ik achtergrond informatie over het lettertype 'New Alphabet' beschreven. De teksten zijn geschreven het het lettertype 'Gridnik', dit is de beter leesbare versie van 'New Alphabet'.

Bekijk hier de website live: Typografie website