Het lettertype op onze site – Bekeken met een leerboek in de hand

ff kava
Welke sfeer roept dit lettertype op?
Foto: FontFont via photopin cc

Bij het kiezen van een lay-out voor dit weblog kwamen we langs allerlei vragen, waaronder: welk lettertype kiezen we voor de site? Als design kozen we dit Focus Child Theme, waarin twee lettertypes verwerkt zijn.

We gingen voor deze template meer vanuit een gevoel dan gebaseerd op nuchtere overwegingen. Maar nu ik terugkijk op onze keuze kan ik, met een van mijn oude leerboeken in de hand, vanuit de theorie ook ons enthousiasme verklaren voor deze lettertypes in dit ontwerp.

Opvallende sans serif in de koppen

Ik denk dat ik heimelijk een beetje verliefd ben op de font die we in de koppen gebruiken. Dit lettertype heet ‘Yanone Kaffeesatz’ en is te downloaden als Google Font. De ontwerper heeft zich gebaseerd op art deco koffiehuizen.

Grappig, want het gevoel dat ik bij dit lettertype krijg, correspondeert wel met de romantiek die ik met art deco associeer. Yanone Kaffeesatz roept bij mij iets relaxt en speels op, terwijl het tegelijkertijd een professionele feel heeft. Dat is ook het gevoel dat we willen uitstralen: de fun en vrijheid van ondernemen voelen en tegelijkertijd hard werken om succesvol te zijn.

Dit lettertype is sans-serif (schreefloos) en daarmee perfect voor  de koppen. Zo vallen deze extra op.

Lees ook: kispi.nl – Het beste lettertype voor jouw huisstijl

Leesbare letters met schreef voor de tekst

In ons design gebruiken we het lettertype ‘Lora’ voor de tekst. Deze font voelt bekend aan en een paar dagen geleden begreep ik waarom: Lora lijkt op Garamond en dat lettertype behoorde tot de huisstijl van het bedrijf waar ik vijf jaar gewerkt heb. Wel valt me op dat de letters beter leesbaar zijn op het web in Lora. Kijk maar:

lora vs garamond

Lora is een lettertype dat speciaal voor het web geoptimaliseerd is, maar het in drukwerk ook goed doet. De schreven (dwarsstreepjes) aan de letters geleiden de ogen van de lezers vlot over de tekst. Geen wonder dat Lora een van de populairste Google Fonts van dit moment is.

Ook doet dit lettertype me denken aan opstellen, verhalen, novelles; een connotatie die mooi past bij een weblog over onze eigen ervaringen.

Lees ook: kispi.nl – Het beste lettertype voor jouw huisstijl

Wat is jouw combi?

De makers van ons thema hebben duidelijk nagedacht over de combinatie lettertypes. Met een van mijn oude leerboeken in de hand constateer ik: ze passen perfect bij elkaar.

Wat vind jij van onze combi? En welke lettertypes heb jij gekozen voor je site?

Meer lezen? Bestellen bij bol.com

Door ‘Designing visual language’ leerde ik tijdens mijn studie over samenhang tussen tekst en beeld. Een aanrader als je zelf ook bezig bent met schrijven en opmaak van teksten. De laatste editie van dit boek bestel je bij bol.com.

Het beste lettertype voor je huisstijl

letter serif
Wat doet deze chocoladeletter met je?

Letters heb ik altijd magisch gevonden en ik ben onder de indruk van de sfeer die lettertypes kunnen oproepen. Heb jij wel eens nagedacht over het lettertype van je huisstijl? Gebruik jij bijvoorbeeld online dezelfde letters als in je drukwerk? In deze blogpost ga ik dieper in op hoe jij (of je designer) het beste lettertype voor jouw bedrijf kan kiezen en wat dat eigenlijk uitmaakt.

Lettertypes in je huisstijl

Het lettertype dat je kiest in je huisstijl bepaalt voor een groot deel de uitstraling van je onderneming. Een lettertype als Comic Sans heeft veel tegenstanders (en zelfs een paar voorstanders), maar je voelt meteen al aan dat dit lettertype niet bij een serieus bedrijf past.

Aan jou de vraag: welke boodschap wil je overbrengen? En hoe zorg je dat je opvalt tussen de vele verhalen van andere bedrijven, zonder in te boeten op duidelijkheid? Lettertypes kunnen je daarbij helpen.

Uitstraling

Het lettertype in je huisstijl geeft een eerste indruk van jouw bedrijf. Letters zorgen voor een bepaalde uitstraling en de truc is die te laten passen bij hoe je wilt dat je bedrijf overkomt. Kijk naar eens naar verschillende lettertypes en ga na welke sfeer die oproepen. Mijn advies is: kies niet een te frivool lettertype, maar ook geen uitgekauwde font.

Meest gebruikt in Nederland

De meest gebruikte lettertypes in Nederland zijn:

lettertypes
Meest gebruikte lettertypes Nederland

Dit zijn dus heel herkenbare lettertypes en roepen iets vertrouwds op, maar tegelijkertijd doen deze lettertypes ook een beetje gedateerd aan, omdat je ze al zo goed kent.

Net even anders

Als je net even wat anders wilt kun je misschien beter gaan voor een van deze lettertypes:

Meest gebruikte lettertypes NederlandDeze lettertypes lijken op de meestgebruikte lettertypes in Nederland, en zijn daarmee vertrouwd voor de lezer. Maar doordat ze net even afwijken, kom je origineler over. Bovendien valt je boodschap meer op (zie hieronder).

Leesbaarheid

Je hebt vast wel eens gehoord van serif en sans serif lettertypes. Lettertypes met schreef (serif) hebben een dwarsstreepje aan het uiteinde van de rechte (en soms ook ronde) vormen van de letter, zoals Lora, het lettertype waar je dit in leest. Bij schreefloze lettertypes (sans serif) ontbreekt dat dwarsstreepje. Denk aan chocoladeletters: die hebben schreven.

Waarom vertel ik je dit? Omdat het onderscheid invloed heeft op de leesbaarheid van je teksten.

Lezen langs de lijn

In mijn studie Communicatiekunde leerde ik dat de dwarsstreepjes van een serif lettertype je ogen helpen om de lijn van de tekst te volgen. Lettertypes met schreef zouden dan ook beter leesbaar zijn. Maar: serif teksten kunnen op het web soms een wazige brij opleveren. Dit komt door de combinatie kleine letters en lage beeldschermresolutie (al lijkt met de huidge schermen het dat die bezwaren vroeger relevanter waren). Gebruik je in een webtekst een letter met schreef, kies dan voor een lettergrootte van 13 pixels of meer. Zo zorg je dat de letters leesbaar blijven.

Overigens vinden sommigen een schreefloos lettertype meer passen in een zakelijke omgeving; soms moet je dus een afweging maken tussen leesbaarheid en uitstraling.

Opvallende koppen

Vanuit de theorie dat lettertypes met schreef zorgen dat je ogen makkelijker over de tekst gaan, kiezen veel designers voor een schreefloos lettertype in de koppen. Je ogen moeten meer moeite doen om die te lezen. Zo springt je kop er meer uit.

Maar koppen in een veelvoorkomend lettertype vallen niet zoveel op. Koppen moeten aandacht trekken zonder dat de tekst moeilijk leesbaar wordt. Kies dus een lettertype dat lijkt op de standaarden maar net even anders is. Hoe subtiel het verschil ook lijkt: de lezer merkt de afwijking op en blijft daardoor net even langer hangen bij jouw teksten.

De lettertypes hieronder zijn heel geschikt voor de opvallende delen van je huisstijl, zoals logo’s en koppen:

lettertypes

Voor de rest van de tekst kies je dan een schreefloos lettertype voor het maximale opvallende effect.

Welke lettertype heb jij gekozen?

Meer lezen? Bestellen bij bol.com

Door ‘Designing visual language’ leerde ik tijdens mijn studie over samenhang tussen tekst en beeld. Een aanrader als je zelf ook bezig bent met schrijven en opmaak van teksten. De laatste editie van dit boek bestel je bij bol.com.

Een interessante Facebook omslagfoto – voorbeelden en downloads

Pagemodo
Sjablonen voor je Facebook omslagfoto

De omslagfoto is het eerste wat opvalt als iemand op jouw Facebook pagina terecht komt. Reden genoeg dus om eens uitgebreid stil te staan bij deze foto. Ik heb een aantal creatieve voorbeelden verzameld zodat je inspiratie op kan doen. Vervolgens help ik je om zelf een opvallende omslagfoto te maken. En als je hier geen zin, tijd of kennis voor hebt. Dan is er altijd nog de designer die je in kan huren.

Als je gaat werken met de omslagfoto zorg dan wel dat je rekening houdt met de richtlijnen van Facebook. Je mag bijvoorbeeld geen prijs of aankoopinformatie noemen en ook contactgegevens zijn niet toegestaan in de foto. Deze in andere richtlijnen kun je vinden in de “voorwaarden voor Facebook-pagina’s“.
Edit: Update Voorwaarden voor Facebook pagina’s 20 maart 2013

Facebook eist dat omslagen niet bedrieglijk of misleidend zijn en geen inbreuk maken op het auteursrecht van iemand anders. Ook is het niet toegestaan anderen te stimuleren jouw omslag als omslag voor hun persoonlijke tijdlijn te gebruiken. Maar de belangrijkste regel is: omslagen mogen geen afbeeldingen bevatten die voor meer dan 20% uit tekst bestaan. Je kunt nu dus in je omslagfoto WEL prijs- of aankoopinformatie en contactgegevens kwijt.

Dank aan Mari Smith.

Edit: Update voorwaarden Facebook pagina’s. 20% regel geschrapt.

Creatieve voorbeelden van Facebook omslagfoto’s

Er zijn verschillende bloggers die hele mooie verzamelingen hebben gemaakt van omslag foto’s. Hieronder staan links naar verschillende verzamelingen met hele gave omslagfoto’s.

Omslagfoto’s downloaden

Wil je snel klaar zijn, ga dan naar een van de onderstaande websites. Daar vind je duizenden omslag foto’s die je met een paar muisklikken als je omslagfoto kan instellen. Je moet daarvoor die websites toegang geven tot jouw Facebook account. Ik heb ze geprobeerd en ze plaatsen een update in je timeline dat je een nieuwe omslagfoto hebt van de betreffende site. Wil je liever gewoon een plaatje downloaden en zelf instellen, ga dan naar myprofilecover.com of coverize.me (manual cover upload).

Zelf een omslagfoto op maat maken

Het is iets meer werk maar vaak wel leuker als je een eigen foto of ontwerp gebruikt. Je moet dan allereerst weten welk formaat je nodig hebt. Voor de omslagfoto zijn de afmetingen 851 x 315 pixels met linksonder een profiel foto van 160 x 160 pixels. Een handige hulp bij de afmetingen van omslagfoto’s op je social media pagina’s is de Cheat Sheet van Mediabistro.com.

Je timeline omslag foto samenstellen uit eigen foto(‘s)

PagemodoVia Pagemodo kun je een applicatie starten waarmee je een eigen omslag foto kan ontwerpen. Je kan uit een aantal templates kiezen en vervolgens zelf bepalen welke foto’s je wilt uploaden in die template. Je kan hiermee een omslagfoto maken met 1 grote foto of juist met verschillende kleine foto’s.

1 foto knippen in een grote omslagfoto en kleine profielfoto

Wil je 1 foto gebruiken waarbij je profiel foto overloopt in de omslag foto dan zijn er hele handige Photoshop templates waar de juiste maten al zijn ingesteld. De template op Ausgetrock.net komt aan bod in het Youtube filmpje hieronder. Je hebt wel een moderne versie nodig van Photoshop om het te laten werken.

Een andere photoshop cover template die wat simpeler is kun je downloaden via Hongkiat.com. Je kan de foto die je wilt gebruiken in de template zetten en verschuiven. Aan de hand van de template kun je vervolgens makkelijk de juiste formaten knippen. Let wel op dat de getoonde profielfoto 160 x 160 pixels groot is. Je moet deze echter vergroten naar 180×180 pixels voordat je de foto kan uploaden.

Zelf je hele omslagfoto samenstellen

timelinecoverbannerVia timelinecoverbanner.com kun je je hele omslagfoto online samenstellen. Je kan foto’s uploaden, tekst plaatsen en met kleuren werken. De tool is gratis en dat betekent ook dat de hele site volstaat met reclame. Een voordeel is wel dat de tool makkelijk te gebruiken is en dat de juiste maten al zijn ingesteld. 

Een ontwerper inhuren

Heb je budget dan kan het interessant zijn om een ontwerper in te huren. Probeer een ontwerper te vinden die vaker met Facebook covers werkt.

Ontwerpers:

5 tips voor je Facebook omslagfoto

In mijn research naar omslagfoto’s kwam ik nog enkele tips tegen die mijn aandacht trokken. Misschien zijn ze interssant voor jouw ontwerp proces:

  1. Zorg dat de omslagfoto en profielfoto bij elkaar passen en elkaar versterken. Je kan hierbij ook rekening houden met de thumbnails van de apps die bovenaan je profiel staan.
  2. Een omslagfoto hoeft niet permanent te zijn, je kan natuurlijk wisselen. Zo kun je verschillende thema’s zoals feestdagen of seizoenen onder de aandacht brengen.
  3. Denk goed na over de boodschap die je wilt uitdragen met je omslagfoto. Op Wchingya.com staat het artikel “15 creative tips to rock your timeline cover photo for Facebook pages” met daarin verschillende voorbeelden van omslagfoto’s met een boodschap.
  4. Gebruik goede kwaliteit en formaat foto’s. Als Facebook een foto gaat uitrekken dan krijg je al snel een knullige uitstraling.
  5. Reserveer een plek voor je logo en/of merkbekendheid. Vooral als je de omslagfoto wisselt is het belangrijk dat er ook iets herkenbaars aanwezig is.

[bol_product_links block_id=”bol_534be327b3b80_selected-products” products=”9200000015509335,1001004005730302″ name=”Marketingplan” sub_id=”” link_color=”244C5F” subtitle_color=”AAB7BE” pricetype_color=”AAB7BE” price_color=”CC3300″ deliverytime_color=”819E27″ background_color=”FFFFFF” border_color=”114D67″ width=”600″ cols=”2″ show_bol_logo=”undefined” show_price=”1″ show_rating=”1″ show_deliverytime=”1″ link_target=”1″ image_size=”1″ admin_preview=”1″]