Disseny de tipus: una guia de regles i termes

El disseny de tipus, també conegut com a disseny tipogràfic, fa referència al procés de creació i estil de tipus de lletra que s'utilitzen per mostrar text en diversos mitjans, com ara impreses, llocs web, aplicacions mòbils i altres mitjans.

Els aspectes clau del disseny tipogràfic inclouen:

1. Creació de tipus de lletra: Desenvolupament de nous tipus de lletra amb formes úniques de lletres, números, signes de puntuació i altres símbols.
2. Escollir i combinar tipus de lletra: Seleccionar tipus de lletra adequades per a un disseny específic i combinar-los harmònicament per crear un text estèticament agradable i llegible.
3. Definició de característiques Font: Treballar amb paràmetres de tipus de lletra com l'estil (cursiva, negreta), la mida, l'interlineat, l'amplada dels caràcters i altres característiques per aconseguir un efecte visual específic.
4. Treballant amb mètriques i kerning: Determinar l'espaiat correcte entre caràcters (kerning) i establir mètriques (amplada dels caràcters) per garantir la llegibilitat i la coherència visual.
5. Creació de fonts variables: La capacitat de crear tipus de lletra amb paràmetres variables com ara el pes, la inclinació i l'alçada per a un disseny més flexible i sensible.
6. Tenint en compte les característiques culturals i lingüístiques: Tenint en compte els requisits i les característiques específiques de les diferents llengües i cultures a l'hora de crear tipus de lletra.

El disseny de la lletra és essencial per a l'atractiu visual, la llegibilitat i la comunicació eficaç del text. Influeix en la percepció global d'un disseny i pot ser un element clau per crear una marca o un estil reconeixible.

Abans d'endinsar-nos en el disseny de la tipografia, mirem què és el disseny de la tipografia. impremta i d'on venia.

Breu història de les fonts. Disseny de font

Què és el disseny de fonts? En resum, el disseny tipogràfic és l'art de crear un missatge en una composició llegible i estèticament agradable. Això és una integral element de disseny . La tipografia no demana al dissenyador que dibuixi les seves pròpies lletres, sinó que treballa amb tipus de lletra existents. Aquest procés requereix que el dissenyador prengui una sèrie de decisions, com ara triar el correcte auriculars, escollint la mida del punt, ajustant l'interlineat i l'interlineat, així com desenvolupar un disseny convenient.

Això es pot fer de manera ràpida i senzilla amb ordinadors portàtils, ordinadors i fins i tot telèfons. Gràcies a la tecnologia, la tipografia i les seves regles són desafiades cada dia per noves generacions de dissenyadors que imaginen les lletres d'una manera que ni tan sols podríem imaginar fa uns anys.

Tipus de lletra mòbil

Però no sempre es va tractar de tecnologia. El tipus mòbil va ser inventat a principis del segle XV per Johannes Gutenberg i va revolucionar la impressió permetent la producció en massa. materials impresos. Tanmateix, fins i tot abans que existissin les tècniques d'impressió, la gent encara ho era decidit a crear llibres o cartells impresos. Simplement ho van fer a mà, amb molta paciència i dedicació. La gent sempre ha creat missatges escrits: la manca de paper i d'eines d'escriptura adequades no ens ha aturat mai. Les civilitzacions antigues van tallar els seus glifos en pedra o fusta. Disseny de lletra

Si ens fixem en l'evolució de la tipografia i de totes les eines i tècniques utilitzades fins als nostres dies, ens adonarem d'una batalla constant entre mà i màquina, entre allò orgànic i allò geomètric. Avui, la separació radical dels dos mons, així com la seva unificació harmònica, produeix nous i inusuals resultats, alimentant el cicle interminable de recerca tipogràfica.

Tipus de termes de disseny que hauríeu de conèixer

Hi ha algunes regles bàsiques i termes de disseny que cal conèixer abans de capbussar-se en la tipografia. Aquests són els més importants d'ells:

Estil. Disseny de font

Les lletres tenen diferents formes i estils. Classificar-los pot ser un repte perquè hi ha molts factors a tenir en compte: el seu aspecte, la inspiració per a ells, l'època d'on provenen i el seu ús. Per mantenir les coses senzilles, sovint ens referim a tres categories principals d'estils i després les dividim en altres més petites.

Serif

Les primeres fonts serif es van inspirar en la cal·ligrafia tradicional i s'anomenen humanista o estils antics . Aquest estil es caracteritza per formes llises i arrodonides i lleugeres fluctuacions de pes. Disseny de font

Cap a mitjans del segle XVIII va aparèixer un nou tipus de serif, que ara anomenem de transició . Aquest estil marca la transició entre els estils humanístics i moderns, de manera que combina una mica característiques dels dos estils.

A finals del segle XVIII i principis del XIX, va néixer l'estil serif radical: modern . Podem reconèixer aquest estil pel contrast agut de pes i serifs rectes i prims.

Amb l'arribada de la publicitat al segle XIX, egipci o serifas de llosa . A causa de la seva aparença atrevida i els serifs pesats, eren l'estil preferit per mostrar missatges comercials.

Sense serif

Les fonts sans serif es van popularitzar al segle XX, i també van tenir una influència cal·ligràfica, per això també les anomenem humanista . Podem observar un lleuger canvi de pes i una sensació general de calor.

A mitjans de la dècada de 1900, es va crear Helvetica, posant el llistó per  de transició  sans serif. Aquestes lletres són uniformes i més rígides que les utilitzades anteriorment, sense l'element artesanal.

Geomètrica Els sans serif són l'equivalent dels serifs moderns. Estan construïts sobre formes geomètriques (la lletra O és un cercle perfecte), i la part superior de lletres com A o N són afilades i fortes. Disseny de font

  Disseny de lletra manuscrita

Guió l'escriptura imita estils cursius i cal·ligràfics, i poden anar des d'elegants i formals fins a desordenats i sense esforç.

Raspalls estan a prop dels guions, però s'inspiren en les lletres del pinzell. Això els fa més atrevits i menys elegants.

Finalment Gòtic estil o estil Blackletter tenen cal·ligrafia tradicional en forma de puntes de feltre. L'estil es va desenvolupar a partir de fines carolingies i a mitjans del segle XII es va crear un nou estil amb línies agudes, rectes i angulars. Disseny de font

Font vs font.

Estic segur que en algun moment de la nostra vida tots hem estat confosos per la diferència entre tipus de lletra i tipus de lletra. Definitivament ho vaig ser!

Auriculars (O família de tipus de lletra ) és un disseny visual de formes lletres i consta de diversos formats de lletra. En la composició metàl·lica, un conjunt de lletres físiques es considera un tipus de lletra, que conté totes les lletres, números i signes de puntuació existents com a element separat. En el món digital, la font és un programari que instal·lem i utilitzem. Disseny de font

Una família de tipus de lletra completa pot presentar-se en un nombre aclaparador d'estils, des de súper prims a ultranegres i súper condensats fins a molt amples, tots en cursiva i regular.

Però espera, hi ha més. Algunes cares també tenen majúscules petites (lletres majúscules que s'estenen només a l'alçada x), números amb línies i números sense folre (els números que s'estenen més enllà de la línia de base i l'alçada x s'integren més fàcilment en blocs de text), i en alguns casos un uns quants personatges alternatius addicionals. Això és molt, oi?

Anatomia. Disseny de font

L'anatomia de les lletres és força complexa: cada petit detall i element té el seu propi terme.

Aquí hi ha alguns:

Reconeixement d'il·lusions tipogràfiques. Disseny de font

Les lletres són sorprenents no només perquè expressen tantes emocions, sinó també perquè tenen la capacitat d'enganyar els nostres ulls.

Vegem algunes il·lusions òptiques que es troben en el disseny tipogràfic:

Il·lusió 1

La lletra S sembla una lletra perfectament simètrica, oi? Bé, això no és cert. Gireu-lo 180° i veureu que la part superior és realment més petita que la part inferior. Això el fa més estable i segur.

Il·lusió 2

Fins i tot si totes les lletres tenen la mateixa alçada, les formes rodones són en realitat una mica més grans. Per exemple, la intersecció de la lletra O amb la línia de base i l'alçada de la capçalera és només un punt. Mentre que la intersecció de la lletra E, per exemple, toca aquestes línies amb tota la seva superfície. Ja que tots dos les lletres són tècnicament de la mateixa mida, semblaran desproporcionats. Hem de compensar una mica les O per fer-les iguals visualment. Disseny de lletra

Il·lusió 3. Disseny de lletra

Perquè la O sembli simètrica i constant de pes, en realitat hem de fer-la, no constant de pes. Gireu l'O 90° i us adonareu que els costats són una mica més gruixuts que la part superior i inferior.

Il·lusió 4. Disseny de lletra

Com que estem donant voltes a les lletres, provem el mateix truc amb la lletra A. Si gira-la horitzontalment, es revelarà que aquesta lletra aparentment simètrica no és realment simètrica. S'han d'aplicar petites trampes a certes lletres, fins i tot si això vol dir que van en contra d'una regla matemàtica, per fer-les visualment agradables.

Il·lusió 5

Si saps alguna cosa sobre cal·ligrafia, saps que els traços són prims, els traços són gruixuts i els traços creuats tornen a ser prims. Aquesta regla s'ha d'aplicar fins i tot a les lletres més simples i geomètriques, com la lletra T. Disseny de font

Il·lusió 6. Disseny de lletra

Podríeu pensar que les barres transversals de les lletres E i A estan teòricament al mig de la lletra. Bé, pensa de nou. Perquè la lletra sembli ben equilibrada, s'ha de moure una mica. Podeu veure clarament que la barra transversal està descentrada si gireu la lletra cap per avall.

Il·lusió 7

Les lletres B, P i R són formes relacionades, una derivada de l'altra. Tanmateix, això no vol dir que tinguin les mateixes proporcions. El bol R ha de ser una mica més prim perquè quan hi connecteu la tija no quedi massa gruixuda. Encara que la tassa superior de la B hauria de ser més petita que la inferior per fer que la lletra sigui més estable. Disseny de font

Normes de disseny de fonts. Disseny de font

sí, ho sé  les regles s'han de trencar però per trencar les regles d'una manera que no faci plorar el dissenyador, primer cal aprendre-les.

Quan treballem amb tipus i organitzem paràgrafs en una pàgina, hem de parar atenció a diversos factors i assegurar-nos que el que creem sigui llegible i comprensible. Excepte, és clar, si creeu algun tipus de pòster tipogràfic abstracte i experimental dirigit al caos i l'anarquia totals. Si aquesta és la vostra melmelada, aneu-hi. Però si treballeu amb còpies llargues dissenyades no només per captar l'atenció de l'espectador, sinó també per representar un missatge d'una manera senzilla, heu de tenir en compte cada decisió que preneu.

Centrat

L'alineació fa referència a la col·locació del text en una pàgina, o més concretament, l'alineació de les seves vores amb les vores de la pàgina. Hi ha 4 tipus d'alineació, però recordeu que cap d'ells és menys correcte que l'altre, només tenen un aspecte diferent i expressen vibracions diferents.

Ras cap a l'esquerra. Disseny de font

Aquesta és probablement l'alineació més utilitzada, ja que segueix el flux natural de la majoria dels idiomes. Quan s'utilitza aquesta alineació, s'ha de tenir cura de crear una vora dreta ben equilibrada, amb longituds de fila que tinguin un aspecte natural.

Assegureu-vos d'evitar paraules solitàries en línies noves. S'anomenen "vídues" i estan tristos.

Ras cap a la dreta. Disseny de font

A diferència de l'alineació a l'esquerra, l'alineació a la dreta va en contra del flux natural de la majoria dels idiomes escrits, que també es pot utilitzar en el nostre avantatge. Tingueu en compte, però, que aquesta alineació crea un aspecte inusual i que pot ser difícil a la vista quan s'utilitza en paràgrafs llargs. Per tenir una vora dreta neta, intenteu evitar molts punts o comes al final de les línies.

Concentrat. Disseny de font

Si es fa malament, l'alineació centrada pot semblar bastant avorrida i desordenada. Tot i que amb molta cura, pot crear un aspecte elegant però dinàmic. La clau és jugar amb longituds de línia mantenint l'equilibri general.

Justificada. Disseny de font

Tot i que pot semblar modern i net si es fa correctament, l'alineació justificable pot fallar molt ràpidament. Com que les paraules han d'omplir tota la fila, pot haver-hi espais incòmodes entre elles. Assegureu-vos d'alinear-ho tot bé i, de nou, jugueu amb la mida del text, la longitud del quadre de text i el kerning si cal.

Seguiment

El procés d'ajustar l'espaiat general entre lletres s'anomena seguiment o espaiat entre lletres. En la majoria dels casos, podeu fer servir el seguiment positiu en lloc del seguiment negatiu per crear una composició més oberta i aèria. Disseny de font

A mesura que el text es fa més gran, l'espai entre lletres es fa més gran, per la qual cosa s'ha de reduir el seguiment. De la mateixa manera, si la mida del text es redueix, hem d'augmentar el seguiment.

Un consell per recordar és que les majúscules permeten una lectura millor que les minúscules.

Kerning. Disseny de font

Kerning es refereix a canviar l'espai entre lletres individuals. Tot i que podem evitar aplicar el seguiment en la majoria dels casos, de vegades hem d'anar-hi i ajustar l'espai entre només dues lletres. Aquests espais "tancats" apareixen més sovint al voltant de lletres com A, W, V, T.

Oh, aquí tens un petit joc per posar a prova les teves habilitats de kerning!

Si estem treballant amb tipus de lletra ben construïts, no cal que apliquem una gran quantitat de kerning. No obstant això, si fem això, tenim l'opció d'aplicar l'engreix òptic (que es fa automàticament pel programa en el qual estem treballant) o el kerning mètric (que utilitzarà l'enclet del dissenyador de tipus previst a l'hora de dissenyar el tipus de lletra) a la nostra edició. aplicació, o podem fer-ho tot manualment (utilitzant la nostra intuïció i experiència).

Analitzeu els vostres correus electrònics i apliqueu el mètode de seguiment que millor s'adapti al propòsit. A més, tingueu en compte que només perquè el kerning òptic funcioni bé per a determinats auriculars no vol dir que sigui la millor opció en totes les situacions.

Interlínia. Disseny de font

La distància entre dues línies de text s'anomena interlineat. En personalitzar-lo, podem jugar amb la textura i el color del paràgraf, creant interès visual i construcció de jerarquia. La mida òptima d'interlineat depèn de diverses coses, com ara el volum de paraules en relació amb l'espai utilitzat, la mida de la pantalla.

Jerarquia. Disseny de font

La jerarquia ens ajuda a crear interès visual i guiar l'ull de l'espectador a través de la pàgina, fent que l'experiència del text sigui molt més fàcil i intuïtiva. La manera més òbvia i senzilla de crear una mica de jerarquia és tenir la informació escrita diferents mides.

També podem crear una jerarquia interessant ajustant l'interlineat de lletres o línies o canviant la mida del nostre text. També podem barrejar els estils o colors utilitzats, o utilitzar caràcters especials o diferents alineacions i dissenys.

La manera com decidim organitzar el nostre text, en particular quines parts volem destacar, depèn molt del tipus de material per al qual estem preparant el text: imprès o digital. Si és per a impremta, és un diari amb molt de text, una portada de revista amb el títol principal i uns quants més breus que representen els continguts de la revista, o un cartell amb un títol i alguna informació com ara dates i llocs? Si és per a la web, quin és el nostre objectiu amb la pàgina: quant de temps hem de mostrar i per a qui el dissenyem?

Tanmateix, l'ús de la jerarquia no sempre s'associa a ressaltar certes parts del text. També podem utilitzar la jerarquia per crear composicions visualment interessants, com ara patrons i formes, variant els pesos, colors i mides.

Tenir en compte totes aquestes referències ens ajudarà a construir una jerarquia adequada sense aclaparar el lector.

Graelles. Disseny de font

Un dels més importants elements en procés Treballar amb cossos de text és una graella, i pot ser de simple a complex. Mitjançant l'ús de quadrícules, estructurem bàsicament la informació d'una pàgina determinada. Això ens dóna un millor control sobre com col·loquem els elements a la nostra pàgina. Quan s'utilitzen correctament, les graelles poden crear composicions que guien l'ull de l'espectador, facilitant el processament i la comprensió de la informació.

Com amb tot, podem treballar amb graelles simples i senzilles, o podem tornar-nos completament bojos i inventar-ne de complexes i complexes.

Una altra cosa molt important a tenir en compte a l'hora de col·locar informació en una pàgina és l'espai en blanc. Fes amistat amb ell i mantén-lo sempre a prop teu.

Disseny de font

Molta gent té el desig d'omplir cada racó de la pàgina amb text o imatges, però tenir molt espai en blanc sol ser una bona idea. Això dóna a la informació un espai de respiració, fa que la composició se senti més aèria i ajuda el lector a navegar per la informació.

El poder de les fonts. Disseny de font

El disseny tipogràfic té un poder enorme per influir en un missatge. Quan s'utilitza correctament, la combinació correcta d'estil, mida, jerarquia, kerning i interlineat, no hi podeu fer res. Des de pàgines formals i elegants fins a composicions dinàmiques i sorprenents, pots fer qualsevol cosa que puguis imaginar.

Entenent les regles i fets sobre les lletres i les diferents maneres en què les podem utilitzar, podem expressar-nos infinitament a través d'elles. Aquestes regles només són orientatives. Us recomano que seguiu endavant i els trenqueu tots! Aprèn, experimenta, oblida el que has après, comet errors i torna a començar. D'aquesta manera desenvoluparàs un estil únic per a tu.

Часто задаваемые вопросы

1. Què és el disseny de fonts?

   • Resposta: El disseny de tipus és el procés de creació i estil de tipus de lletra (tipografia) que es poden utilitzar per mostrar text en mitjans impresos i digitals.

2. Com es creen els tipus de lletra?

   • Resposta: Els dissenyadors creen els tipus de lletra mitjançant diverses eines, com ara tauletes gràfiques, editors de vectors o programes especialitzats de creació de fonts.

3. Com triar el tipus de lletra adequat per al vostre disseny?

   • Resposta: L'elecció del tipus de lletra depèn del context, la finalitat del text i l'estil de disseny. És important tenir en compte la llegibilitat, l'estat d'ànim i la compatibilitat amb altres elements.

4. Quines característiques del tipus de lletra afecten la percepció del text?

   • Resposta: Mida, estil (cursiva, negreta), interlineat, amplada dels caràcters, alçada de les majúscules superiors i inferiors: tots aquests factors poden afectar la percepció del text.

5. Com determinar les regles per a la variació de la font en el disseny?

   • Resposta: Les variacions de tipus de lletra poden dependre del contrast, la compatibilitat, l'estructura i la coherència del disseny. És important crear equilibri i emfatitzar els elements visuals.

6. Quines tendències predominen en el disseny de fonts?

   • Resposta: Les tendències en el disseny de fonts poden canviar, però actualment són populars les formes personalitzades, els tipus de lletra variables i el suport per a diversos idiomes.

7. Com crear el teu propi tipus de lletra?

   • Resposta: Crear el vostre propi tipus de lletra implica dibuixar lletres, números i símbols, vectoritzar-los, definir mètriques i crear un fitxer de tipus de lletra mitjançant programes especialitzats.

8. Els tipus de lletra poden influir en la percepció de la marca?

   • Resposta: Sí, l'elecció del tipus de lletra pot influir significativament en la percepció d'una marca, ja que els tipus de lletra poden transmetre un determinat estat d'ànim i estil, associant-se amb el caràcter de la marca.

АЗБУКА