7 veelgemaakte fouten die je moet vermijden bij webtypografie

laptop

Ondanks de grote impact van het kiezen van een lettertype in een webprojectHet is helemaal niet moeilijk voor u om een ​​van die klanten te ontmoeten die vastbesloten is om de stijl en grootte van een lettertype te gebruiken zonder rekening te houden met bepaalde regels en zonder het advies van de meest professionele. We mogen nooit vergeten dat er bepaalde basisnormen zijn om stijl en lettertypen op een professionele en harmonieuze manier op onze teksten en geschreven inhoud toe te passen.

Onder de belangrijkste regels waar u vandaag op moet letten, ga ik zeven essentiële zaken in webtypografie voorstellen:

  • Gebruik hoofdletters: In grote gebieden die worden overspoeld door tekst of in de hoofdtekst van onze artikelen, mogen we nooit hoofdletters gebruiken (misschien kunnen we een paar woorden met hoofdletters toevoegen om een ​​ander concept te benadrukken, maar in uitzonderlijke gevallen. Hier is een voorbeeld: gebruik NOOIT hoofdletters voor grote letters. concentraties voor tekst of titels.
  • Onleesbare tekstgrootte: Wees voorzichtig met de grootte die u instelt in elk van de delen van uw website. De meest aanbevolen maten zijn die we vinden op basis van 11 punten, hoewel dit afhangt van het gebied waarop we ons concentreren. Bewaak het resultaat op elk van de platforms of ondersteuningen en zorg ervoor dat zowel de mobiele versie als de webversie de juiste afmetingen hebben.
  • Overmatige creativiteit: Vergeet die lettertypen die meer barok zijn en overmatig bloeit. Dit soort creatieve lettertypen zijn meestal erg goed voor het ontwerpen van logo's of voor zeer specifieke projecten, maar mogen in geen geval in grote hoeveelheden tekst schitteren. Als je dat doet, zul je een gevoel van overweldiging veroorzaken bij de lezer en overmatige visuele overbelasting zal je bezoekers niet helpen om verder te lezen.
  • Combinatie van bronnen: U staat op het punt het lettertype voor uw webproject te kiezen. U bevindt zich tussen een rots en een harde plek omdat u vindt dat het lettertype Helvetica geschikter is en er best goed uit kan zien, maar aan de andere kant denkt u dat een Palatino precies is wat u zocht. Uiteindelijk besluit je beide te gebruiken en het allerergste is dat je ze op een zorgeloze manier combineert door een hele zee aan letters. Gefeliciteerd, je hebt het gehaald! Je bent van je grote dilemma af, hoewel er wel nevenschade is geweest zonder het minste belang: je hebt een rommelig project gemaakt, zonder identiteit en netheid, maar er gebeurt niets, hè? (ironie).
  • Overmatig gebruik van gecentreerde tekst: Er zijn bepaalde omstandigheden die ons dwingen een structuur te gebruiken met onze gecentreerde teksten, zoals een opsomming van concepten, de presentatie van werken en / of foto's ... maar dit mag in algemene termen nooit worden gebruikt. Door links uitgelijnde of uitgevulde tekst te presenteren, wordt altijd het gevoel van orde en netheid benadrukt. U weet al dat orde een doel is dat we altijd moeten zoeken in onze projecten.
  • Ontoereikende contrasten: Binnen dit punt praten we over allerlei contrasten. Contrasten, bijvoorbeeld met veranderende lettertypen en stijlen (vet, cursief, onderstreept ...), kleuren ... Wat betreft het onderwerp kleuren is het meest academische, eenvoudige en schone dat we altijd één kleur gebruiken (maximaal twee en een van hen moet zwart zijn). Overmatige contrasten zijn niet goed. We gebruiken contrast in al zijn varianten om een ​​bepaald concept een prominente plaats te geven of om de aandacht van ons publiek te vestigen op iets gedefinieerd. Si ben jij Marcando contrasten elk van notulen je gaat iedereen die je leest gek maken. Wees dus een beetje voorzichtig. Elke keer dat u een van deze expressieve hulpmiddelen gebruikt, moet u dit met een motivering doen. Omdat je vindt dat het er mooi uitziet is geen rechtvaardiging en omdat het dat ook niet is;)
  • Onjuiste leidende: De afstand is een ander belangrijk aspect in het eindresultaat van ons project. Probeer de ruimtes te respecteren en dat alle elementen voldoende afstand houden, zodat er geen gevoel van overweldigende en extreme dichtheid is.

Voordat ik klaar ben, wil ik je een klein noodpakket achterlaten. De meeste webontwerpers en programmeurs gebruiken gewoonlijk zogenaamde "veilige lettertypen", waaronder de volgende, hoewel het natuurlijk kan zijn omdat het bij het project in kwestie past als u er een kiest: Verdana, Genève, Sans-serif, Georgia, Times New Roman, Times, Serif, Courier New, Courier, Monospace, Arial, Helvetica, Sans-serif Tahoma, Trebuchet MS, Arial Black, Gadget, Palatino Linotype, Book Antiqua, Palatino, Lucida Sans Unicode, Lucida Grande, MS Serif, New York, Lucida Console, Monaco, Comic Sans ... (de laatste spant niet, toch?)


Laat je reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *

*

*

  1. Verantwoordelijk voor de gegevens: Miguel Ángel Gatón
  2. Doel van de gegevens: Controle SPAM, commentaarbeheer.
  3. Legitimatie: uw toestemming
  4. Mededeling van de gegevens: De gegevens worden niet aan derden meegedeeld, behalve op grond van wettelijke verplichting.
  5. Gegevensopslag: database gehost door Occentus Networks (EU)
  6. Rechten: u kunt uw gegevens op elk moment beperken, herstellen en verwijderen.

  1.   Carmen zei

    Ik hou van je blog en ik waardeer de tools die je ons laat zien, maar ik ben het helemaal niet eens met de manie die ontwerpers hebben voor zonder strips, het lijkt me een lettertype met een nonchalant karakter en volgens welk project het kan passen. Is er een alternatief met dezelfde persoonlijkheid maar "politiek correct" vanuit het standpunt van de ontwerper?

    1.    Fran Marin zei

      Hola Carmen! Me alegra tenerte por aquí! En primer lugar gracias por tu comentario y tu sinceridad. Lo que pasa con Comic Sans (desde mi punto de vista) es que es una fuente con un carácter muy informal, esto no quiere decir que no tenga calidad estética, por supuesto que la tiene. Lo que ocurre es que desgraciadamente hay muchos usuarios que se empeñan en descontextualizarla y colocarla en escenarios que realmente no le corresponden. No podemos aplicar elementos desenfadados y cómicos en una composición académica, seria y de cierto rango cultural. El problema en verdad está en el uso que se le da. Hay muchas personas que han utilizado Comic Sans para epitafios, comunicados legales o incluso denuncias. El resultado es que inevitablemente esta fuente acaba ejerciendo su influencia como cualquier otro diseño y entorpece el mensaje, restando en cierto modo seriedad y rigurosidad. En más de una ocasión he mostrado mi opinión (este artículo por ejemplo [http://www.creativosonline.org/sensibilidad-tipografica-aprende-escuchar-al-narrador-detras-de-las-letras.html] habla precisamente de esto. No existen las malas tipografías, sino los malos usos que se les da, así que coincido totalmente contigo). Respecto a este artículo, únicamente he hecho una especie de guiño a todos aquellos que la odian a muerte ;) ¿Una alternativa políticamente más correcta? Pues hay muchas tipografías manuscritas que pueden resultar bastante interesantes como por ejemplo Bradley Hand, Chalkboard (Mac), Kosmik o Delius. Aunque yo personalmente pienso que si una composición requiere Comic Sans se debe aplicar independientemente de la fama que tenga la tipografía. Es el eterno debate entre los diseñadores y seguro que más de uno se sorprende al ver el buen acabado de un diseño con esta tipografía. ;)

      Groeten!

  2.   maralissimeg zei

    Je aantekeningen helpen me veel, dank je.

    1.    Fran Marin zei

      Ik ben blij je te lezen :) Graag gedaan! Al het beste!

  3.   gina zei

    Fran, ik hoop dat ik je vaker kan lezen, groeten uit Mexico-Stad
    collega!!

    1.    Fran Marin zei

      Bedankt voor je reactie Gina !!! Het is een eer om door jou gelezen te worden. Al het beste !! ​