Huisstijl en lettertypes

Huisstijl

Net zoals jijzelf herkenbaar bent aan je uiterlijk, maar ook je kledingstijl en je haartooi, beschikken veel bedrijven en organisaties over een huisstijl. Het bezorgt hun bedrijf en eventuele producten en merken een identiteit ( corporate identity). Hiervoor stelt het bedrijf in samenspraak met een grafisch bureau of reclamebureau een stijlgids of stijlbijbelop. Hierin bepalen ze welke kleuren, lettertypes, illustraties, logo's enz. gebruikt moeten worden in alle bedrijfscommunicatie. Bij een merknaam zorgt het voor een betere “herkenning” ( brand recognition).

Originaliteit is een gevaarlijk begrip. Over het algemeen laat je je altijd inspireren door bepaalde stijlen. Daar is ook niks mis mee. Belangrijk is dat de diverse elementen van jouw stijl bij elkaar passen. Daarom kan je best naar voorbeelden uit bepaalde grafische stijlen of kunststromingen kijken. De Art Deco-stijl leent zich bijvoorbeeld goed voor zaken of producten die een kwaliteitsvolle uitstraling hebben: parfum, chique restaurants enz. Als grafisch vormgever is kennis van de kunststromingen van de negentiende en twintigste eeuw, en vooral van de grafische stijlen daar binnen, niet enkel belangrijk, maar zelfs essentieel. 

Een graficus of graphic designer gebruikt een stijl voor het maken van affiches, posters, de opmaak van boeken en magazines,visitekaartjes… Hij/zij combineert tekst met afbeeldingen en grafische elementen.

Huisstijl vertalen naar jouw site

Vermits jouw site een uithangbord vormt voor jouw organisatie of bedrijf, moet de bezoeker de huisstijl ook "herkennen" wanneer hij de website bezoekt.  Hoe kan je dit doen? 

• Typografie: lettertypes
• Kleuren en achtergronden
• Logo
• Fotografie
• ...

Typografie

Ook de keuze van een geschikt lettertype is belangrijk. Lettertypes kan je op basis van hun vorm indelen in een aantal groepen. Serif-lettertypes (schreef-lettertypes) hebben dunne streepjes aan de uiteinden van de letters. Sans-serif-lettertypes (of schreefloze lettertypes) hebben dit niet. Serif-lettertypes hebben een iets klassiekere uitstraling en zouden moeilijker leesbaar zijn voor ondermeer dyslectici. Toch zijn heel wat romans en boeken nog opgemaakt met serif-lettertypes. Bij monospace-lettertypes neemt elke letter even veel ruimte in in de breedte. Een i zal dus even veel breedte in beslag nemen als een l.  Dit wil niet zeggen dat je een vette “i” krijgt, maar links en rechts wordt dan meer witruimte voorzien.

Er bestaan honderden, zo niet duizenden lettertypes. Naast de genoemde soorten bestaan er ondermeer handgeschreven (script) lettertypes, fantasylettertypes en lettertypes waarbij elke letter vervangen wordt door een symbool, de zogenaamde dingbatlettertypes (webdings, wingdings…) 

Een paar gouden tips:

• Gebruik nooit standaard lettertypes zoals Arial of Times.
• Beperk je in één stijl tot maximum 2 lettertypes.
  
• Houd rekening met de auteursrechten op een lettertype. 
• Is commercieel of online gebruik toegestaan? Is er een kostprijs aan verbonden? Anders zou je wel eens zwaar in de problemen kunnen komen.

Op een website kan je niet zo maar om het even welk lettertype dat je op je eigen computer vindt gebruiken.Immers: het is niet omdat je een lettertype op jouw computer hebt staan, dat andere bezoekers dat lettertype eveneens "geïnstalleerd" hebben. Als je een lettertype op je website wil gebruiken, moet het lettertype ook aanwzig zijn als "lettertypebestand  in een map op je eigen website. Of, je gebruikt een lettertype van een online dienst als Google Fonts.

Beschikbare basislettertypen

In CSS bepaal je het lettertype voor een HTML-element met de instructie "font-family". Wanneer je in de teksteditor Visual Studio code de stijlregel "font-family:" invoert in je CSS-bestand, dan krijg je meteen een hele lijst van aanwezige lettertypes gepresenteerd! Opgelet: zoals eerder gezegd kan je die niet zonder meer aanvinken. 

Enkel van de basislettertypes zoals "Arial' en 'Times' kan je zeker zijn dat ze "op alle computersystemen" beschikbaar zijn. 

Google Fonts gebruiken