Com triar famílies de fonts per al vostre lloc web

Com decidir quina família de fonts voleu utilitzar

Mireu qualsevol pàgina web en línia avui, independentment de la mida del lloc o de la indústria per a això, i veureu que una cosa que comparteixen en comú és el contingut del text.

Una de les maneres més fàcils d'afectar el disseny d'una pàgina web és amb les fonts que utilitza per al contingut de text d'aquest lloc. Malauradament, molts dissenyadors web que estan en les seves carreres es tornen una mica bojos amb massa fonts a cada pàgina. Això pot donar lloc a una experiència muddied que sembla no tenir cohesió de disseny. En altres casos, els dissenyadors intenten experimentar amb fonts que són pràcticament il·legibles, usant-les simplement perquè són "fredes" o diferents. De fet, poden ser fonts fredes, però si el text que volen transmetre no es pot llegir, "frescor" d'aquesta font es desactivarà quan ningú llegeixi aquest lloc web i, en comptes d'això, surt per un lloc que pugui processar.

Aquest article examinarà alguns dels elements que hauríeu de tenir en compte a mesura que trieu una família de fonts per al projecte següent del vostre lloc web.

ALTRES NORMES DE PES

  1. No utilitzeu més de 3-4 tipus de lletra en cap pàgina. Qualsevol cosa més que això comença a sentir-se amateur, i fins i tot 4 fonts poden ser massa en alguns casos.
  2. No canvieu el tipus de lletra a la meitat de la frase, tret que tingueu una bona raó (Nota: en els meus anys, com a dissenyador web no he trobat mai una bona raó per fer-ho)
  3. Utilitzeu fonts sans serif o fonts serif per al text corporal per fer que aquests blocs de contingut siguin més fàcils de llegir.
  4. Utilitzeu fonts de monoespacio per al text de la màquina d'escriure i el bloc de codi per establir aquest codi a part de la pàgina.
  5. Utilitzeu fonts d'escriptura i fantasia per accents o titulars grans amb poques paraules.

Recordeu que aquests són tots els suggeriments, no regles difícils i ràpides. Si vas a fer alguna cosa diferent, però, hauries de fer-ho amb intenció, no per accident.

SANS SERIF FONTS SÓN LA BASE DEL TEU WEB

Les fonts Sans serif són aquelles fonts que no tenen " serifs " -el petit tractament de disseny afegit als extrems de les lletres.

Si heu pres cap curs de disseny d'impressió, probablement us hàgiu informat que només hauria d'utilitzar fonts serif per titulars. Això no és cert per a la web. Les pàgines web estan pensades per ser vistos pels navegadors web en els monitors d'ordinador i els monitors d'avui són molt bons a l'hora de mostrar clarament les fonts serif i sans-serif. Alguns tipus de lletres serif poden ser una mica desafiants per llegir en mides més petites, especialment en pantalles antigues, de manera que sempre haureu de ser conscients del vostre públic i assegurar-vos que puguin llegir fonts serif abans de prendre la decisió d'utilitzar-les per al text del vostre cos. Dit això, la majoria de fonts serif avui estan dissenyades per al consum digital i funcionaran bé com a còpia corporal sempre que es configuren a una mida de font raonable.

Alguns exemples de fonts sans-serif són:

Trivia: Verdana és una família de fonts que es va inventar per a la seva utilització a la web.

UTILITZAR LES SONDES DE SERIF PER IMPRESSIÓ

Tot i que els tipus de lletra serif poden fer-se servir per llegir en línia per a pantalles més antigues, són perfectes per imprimir i són bons per a titulars a la pàgina web. Si teniu versions amigables d'impressió del vostre lloc, aquest és el lloc perfecte per utilitzar fonts serif. Els serifs, a la impressió, fan que sigui més fàcil de llegir, ja que permeten a les persones diferenciar les lletres amb més claredat. I perquè la impressió té una resolució més alta, es pot veure amb més claredat i no semblen desenfocament.

Millor pràctica: consideri l'ús de fonts serif per a les pàgines d'impressió.

Alguns exemples de fonts serif són:

MONOSPACE FONTS TAKE UP EQUAL SPACE PER CADA LETRA

Fins i tot si el vostre lloc no es tracta de la informàtica, podeu utilitzar l'espai en monedes per proporcionar instruccions, donar exemples o implantar text escrits a mà. Les lletres monospace tenen el mateix ample per a cada personatge, de manera que sempre ocupen la mateixa quantitat d'espai a la pàgina.

Les màquines d'escriure solen utilitzar fonts de monoespai, i usar-les a la vostra pàgina web us poden donar la sensació d'aquest tipus de contingut escrit.

Alguns exemples de tipus de lletra monospace són:

Millor pràctica: les fonts de monospace funcionen bé per obtenir mostres de codi.

FANTASIA I SCRIPT FONTS SÓN Dures de llegir

Els tipus de lletra de fantasia i seqüència de comandaments no són tan àmplies a les computadores, i en general poden ser difícils de llegir en grans trossos. Encara que us agradaria l'efecte d'un diari o d'un altre registre personal que usés una font cursiva, els vostres lectors podrien tenir problemes. Això és especialment cert si el vostre públic inclou parlants no natius. A més, les fonts fantàstiques i cursives no sempre inclouen caràcters d'accent o altres caràcters especials que limiten el text a l'anglès.

Utilitzeu fonts fantàstiques i fonts cursives a les imatges i com a titulars o trucades. Mantingueu-los curts i tingueu en compte que qualsevol font que trieu probablement no serà en la majoria dels ordinadors dels vostres lectors, de manera que haurà de lliurar-los mitjançant fonts web .

Alguns exemples de fonts de fantasia són:

Trivia: Impact és la família de tipus de lletra que més probable sigui en màquines Mac, Windows i Unix.

Alguns exemples de fonts de seqüència de comandaments són:

Trivia: els estudis han demostrat que les fonts més difícils de llegir poden ajudar els estudiants a conservar més informació.

Article original de Jennifer Krynin. Editat per Jeremy Girard el 17/09/17