7 errors molt comuns que s'han d'evitar en tipografia web

ordinador-portàtil

Tot i el gran impacte que té l'elecció d'una font tipogràfica en un projecte web, No és gens difícil que et trobis amb un d'aquells clients que està totalment decidit a utilitzar un estil i mida de tipus de lletra sense tenir en compte certes normes i prescindint totalment de l'assessorament dels més professionals. Mai hem de passar per alt que hi ha certes normes de caràcter bàsic per aplicar estil i tipografies als nostres textos i continguts escrits d'una manera professional i harmoniosa.

Entre les normes més importants a les que has de prestar atenció avui et vaig a proposar XNUMX:XNUMX indispensables en la tipografia web:

  • Utilitzar majúscules: En grans superfícies inundades per text o en el cos dels nostres articles mai haurem d'emprar lletres en majúscula (potser podem afegir un parell de paraules en majúscula per ressaltar algun que un altre concepte però en ocasions excepcionals. Aquí un exemple: MAI utilitzis majúscules per a grans concentracions de text ni per títols.
  • Text de mida il·legible: Porta cura amb la mida que establiu en cadascuna de les àrees del teu lloc web. Les mides més recomanats són els que trobem a partir dels 11 punts, tot i que depèn de l'àrea en què ens enfoquem. Supervisa el resultat en cadascuna de les plataformes o suports i assegura't que tant en la versió mòbil com en la versió web les mides són les adequades.
  • Excés de creativitat: Oblida aquelles fonts més barroques i que presentin excessives floritures. Aquest tipus de fonts tan creatives solen ser molt bones per a dissenyar logotips o per a projectes molt concrets però sota cap circumstància per protagonitzar grans masses de text. Si ho fas provocaràs una sensació d'aclaparament en el lector i un excessiu recargamiento visual no ajudarà a que els teus visitants continuïn llegint.
  • Combinació de fonts: Estàs a punt d'escollir la font per al teu projecte web. Ets entre l'espasa i la paret perquè consideres que la font Helvètica és més adequada i pot quedar força bé, però d'altra banda penses que una Palatino és just el que estaves buscant. A la fin decideixes utilitzar les dues i el pitjor de tot és que les combines de manera despreocupada per tot un mar de lletres. Enhorabona ho has aconseguit! T'has lliurat del teu gran dilema, encara que bé hi ha hagut danys col·laterals sense la menor importància: Has creat un projecte desordenat, sense identitat i neteja, però que no passa res eh? (Ironia).
  • Ús excessiu de el text centrat: Hi ha certes circumstàncies que ens obliguen a utilitzar una estructura amb els nostres textos centrats, com ara una enumeració de conceptes, la presentació de treballs i / fotografies ... però això en termes generals mai ha de ser utilitzat. Presentar textos alineats a l'esquerra o justificats sempre accentuarà la sensació d'ordre i neteja. Ja saps que l'ordre és un objectiu que hem de buscar sempre en els nostres projectes.
  • Contrastos inadequats: Dins d'aquest punt parlem de tot tipus de contrastos. Contrastos per exemple amb canvi de tipografies i estils (negreta, cursiva, subratllat ...), colors ... Quant a el tema dels colors el més acadèmic, senzill i net és que sempre fem ús d'un color (dos com a molt i d'ells un ha de ser negre). L'excés de contrastos no és bo. Utilitzem el contrast en qualsevol de les seves variants per atorgar cert protagonisme a un concepte o per cridar l'atenció del nostre públic en alguna cosa definit. Si estàs marcant contrastos cada 02:00 minuts tornaràs boig a tot el que et llegeixi. Així que es una mica previngut. Cada vegada que recorris a una d'aquestes eines expressives hauràs de fer amb una justificació. Perquè et sembla que queda bonic no és una justificació i perquè sí tampoc ho és;)
  • Interlineat incorrecte: L'interlineat és un altre aspecte important en el resultat final del nostre projecte. Procura respectar els espais i que tots els elements guardin la distància suficient perquè no hi hagi una sensació aclaparadora i de densitat extrema.

Abans d'acabar m'agradaria deixar-te una petita farmaciola d'emergència. La majoria dels dissenyadors i programadors web solen utilitzar el que es coneix com a «tipografies segures», entre elles es troben les següents encara que per descomptat si optes per alguna d'elles que sigui perquè qualla amb el projecte en qüestió: Verdana, Geneva, Sans-serif, Geòrgia, Times New Roman, Times, Serif, Courier New, Courier, Monospace, Arial, Helvètica, 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 ... (L'última no cola, no?)


Deixa el teu comentari

La seva adreça de correu electrònic no es publicarà. Els camps obligatoris estan marcats amb *

*

*

  1. Responsable de les dades: Miguel Ángel Gatón
  2. Finalitat de les dades: Controlar l'SPAM, gestió de comentaris.
  3. Legitimació: El teu consentiment
  4. Comunicació de les dades: No es comunicaran les dades a tercers excepte per obligació legal.
  5. Emmagatzematge de les dades: Base de dades allotjada en Occentus Networks (UE)
  6. Drets: En qualsevol moment pots limitar, recuperar i esborrar la teva informació.

  1.   Carmen va dir

    M'encanta el vostre blog i us agraeixo les eines que ens mostreu, però estic totalment en desacord amb la mania que li teniu els dissenyadors a l'còmics sans.A mi em sembla una font amb caràcter desenfadat i que segons perquè projecte pot encaixar. Ha alguna alternativa amb la mateixa personalitat però »políticament correcta» des del punt de vista de l'dissenyador?

    1.    Fran Marín va dir

      Hola Carmen! M'alegra tenir-te aquí! En primer lloc gràcies pel teu comentari i la teva sinceritat. El que passa amb Comic Sans (des del meu punt de vista) és que és una font amb un caràcter molt informal, això no vol dir que no tingui qualitat estètica, és clar que la té. El que passa és que malauradament hi ha molts usuaris que s'entesten a descontextualitzar-la i col·locar-la a escenaris que realment no li corresponen. No podem aplicar elements desenfadats i còmics a una composició acadèmica, seriosa i de cert rang cultural. El problema realment està en l'ús que se li dóna. Hi ha moltes persones que han utilitzat Comic Sans per a epitafis, comunicats legals o fins i tot denúncies. El resultat és que inevitablement aquesta font acaba exercint la seva influència com qualsevol altre disseny i entorpeix el missatge, restant en certa manera serietat i rigorositat. Més d'una vegada he mostrat la meva opinió (aquest article per exemple [http://www.creativosonline.org/sensibilidad-tipografica-apren-escoltar-al-narrador-darrere-de-las-letras.html] parla precisament d'això. No hi ha les males tipografies, sinó els mals usos que se'ls dóna, així que coincideixo totalment amb tu). Respecte a aquest article, únicament he fet una mena de gest de complicitat a tots aquells que l'odien a mort ;) Una alternativa políticament més correcta? Doncs hi ha moltes tipografies manuscrites que poden resultar força interessants com ara Bradley Hand, Chalkboard (Mac), Kosmik o Delius. Tot i que jo personalment penso que si una composició requereix Comic Sans s'ha d'aplicar independentment de la fama que tingui la tipografia. És l'etern debat entre els dissenyadors i de ben segur que més se sorprèn en veure el bon acabat d'un disseny amb aquesta tipografia. ;)

      Una salutació!

  2.   maralissimeg va dir

    Els teus apunts m'ajuden bastant, gràcies.

    1.    Fran Marín va dir

      M'alegra llegir-te :) De res! Una salutació!

  3.   gina va dir

    Fran, espero poder llegir-te més seguit, salutacions des de la ciutat de Mèxic
    col·lega !!

    1.    Fran Marín va dir

      Gràcies pel teu comentari Gina !!! És un honor ser llegit per tu. Una salutació !! :)