Deseño de tipos: unha guía de regras e termos

O deseño de tipos, tamén coñecido como deseño tipográfico, refírese ao proceso de creación e estilo de fontes que se usan para mostrar texto en varios medios, como impresión, sitios web, aplicacións móbiles e outros medios.

Os aspectos clave do deseño tipográfico inclúen:

1. Creación de fontes: Desenvolvemento de novas fontes con formas únicas de letras, números, signos de puntuación e outros símbolos.
2. Elixir e combinar fontes: Seleccionando fontes adecuadas para un deseño específico e combinándoas harmoniosamente para crear un texto estéticamente agradable e lexible.
3. Definición de características tipo de letra: Traballar con parámetros da fonte como o estilo (cursiva, negriña), tamaño, interliña, ancho de caracteres e outras características para conseguir un efecto visual específico.
4. Traballando con métricas e kerning: Determinar o espazamento correcto entre caracteres (kerning) e establecer métricas (ancho dos caracteres) para garantir a lexibilidade e a coherencia visual.
5. Creación de fontes variables: A capacidade de crear fontes con parámetros variables como peso, inclinación e altura para un deseño máis flexible e sensible.
6. Tendo en conta as características culturais e lingüísticas: Tendo en conta os requisitos e características específicas das diferentes linguas e culturas á hora de crear fontes.

O deseño da fonte é esencial para o atractivo visual, a lexibilidade e a comunicación eficaz do texto. Inflúe na percepción xeral dun deseño e pode ser un elemento clave para crear unha marca ou estilo recoñecible.

Antes de mergullarnos no deseño de tipografía, vexamos que é o deseño de tipografía. imprenta e de onde veu.

Breve historia das fontes. Deseño de fontes

Que é o deseño de fontes? En definitiva, o deseño tipográfico é a arte de crear unha mensaxe nunha composición lexible e estéticamente agradable. Esta é unha integral elemento de deseño . A tipografía non pide ao deseñador que debuxe as súas propias letras, senón que traballa con fontes existentes. Este proceso require que o deseñador tome unha serie de decisións, como escoller o correcto auriculares, elixindo o tamaño do punto, axustando o kerning e o espazamento entre liñas, así como desenvolver un deseño cómodo.

Isto pódese facer de forma rápida e sinxela usando ordenadores portátiles, ordenadores e mesmo teléfonos. Grazas á tecnoloxía, a tipografía e as súas regras son desafiadas cada día polas novas xeracións de deseñadores que imaxinan as letras dun xeito que non imaxinabamos hai uns anos.

Tipo de letra móbil

Pero non sempre se trataba de tecnoloxía. O tipo móbil foi inventado a principios do século XV por Johannes Gutenberg e revolucionou a impresión permitindo a produción en masa. materiais impresos. Non obstante, mesmo antes de que existisen as técnicas de impresión, a xente aínda estaba decidido a crear libros ou carteis impresos. Simplemente fixérono a man, con moita paciencia e dedicación. A xente sempre creou mensaxes escritas: a falta de papel e de ferramentas de escritura adecuadas nunca nos detivo. As civilizacións antigas tallaron os seus glifos en pedra ou madeira. Deseño de fontes

Se observamos a evolución da tipografía e todas as ferramentas e técnicas empregadas ata hoxe, notaremos unha batalla continua entre a man e a máquina, entre o orgánico e o xeométrico. Hoxe en día, a separación radical dos dous mundos, así como a súa unificación harmónica, produce novos e insólitos resultados, alimentando o ciclo interminable de investigación tipográfica.

Escriba os termos de deseño que debes coñecer

Hai algunhas regras básicas e termos de deseño que debes coñecer antes de mergullarte na tipografía. Aquí están os máis importantes deles:

Estilo. Deseño de fontes

As letras veñen en diferentes formas e estilos. Clasificalos pode ser un reto porque hai moitos factores a ter en conta: a súa aparencia, a inspiración para eles, a época da que proviñan e o seu uso. Para manter as cousas sinxelas, adoitamos referirnos a tres categorías principais de estilos e despois dividilos en outros máis pequenos.

Serif

As primeiras fontes serif inspiráronse na caligrafía tradicional e chámanse humanístico ou estilos antigos . Este estilo caracterízase por formas suaves e redondeadas e lixeiras flutuacións de peso. Deseño de fontes

Ao redor de mediados do século XVIII apareceu un novo tipo de serif, que hoxe chamamos transitoria . Este estilo marca a transición entre os estilos humanísticos e modernos, polo que combina un pouco características de ambos estilos.

A finais do século XVIII e principios do XIX, naceu o estilo radical serif: moderno . Podemos recoñecer este estilo polo forte contraste de peso e serifs rectos finos.

Coa chegada da publicidade no século XIX, exipcio ou serifas de lousa . Debido ao seu aspecto atrevido e ás pesadas serifas, eran o estilo preferido para mostrar mensaxes comerciais.

Sans serif

As fontes sans serif fixéronse populares no século XX, e tamén tiveron unha influencia caligráfica, polo que tamén as chamamos humanístico . Podemos observar un lixeiro cambio de peso e unha sensación xeral de calor.

A mediados dos anos 1900 creouse Helvetica, que establece o listón para  transitoria  sans serif. Estas letras son uniformes e máis ríxidas que as usadas anteriormente, sen o elemento artesanal.

Xeométrico Sans serifs son o equivalente aos modernos serifs. Están construídos sobre formas xeométricas (a letra O é un círculo perfecto), e as partes superiores de letras como A ou N son nítidas e fortes. Deseño de fontes

  Deseño de letra manuscrita

O guión a escritura imita estilos cursivos e caligráficos, e poden variar desde elegantes e formais ata desordenados e sen esforzo.

Pinceles están preto dos guións, pero inspíranse nas letras do pincel. Isto fainos máis ousados ​​e menos elegantes.

Finalmente Gótico estilo ou estilo Boletín negro teñen caligrafía tradicional en forma de puntas de fieltro. O estilo desenvolveuse a partir de finos carolinxios e a mediados do século XII creouse un novo estilo con liñas nítidas, rectas e angulares. Deseño de fontes

Font vs fonte.

Estou seguro de que nalgún momento da nosa vida todos estivemos confundidos pola diferenza entre tipo de letra e tipo de letra. Definitivamente estaba!

Auriculares (Ou familia tipográfica ) é un deseño visual de formas de letras e consta de varios formatos de fonte. Na composición metálica, un conxunto de letras físicas considérase un tipo de letra, que contén todas as letras, números e signos de puntuación existentes como un elemento separado. No mundo dixital, a fonte é un software que instalamos e utilizamos. Deseño de fontes

Unha familia de fontes completa pode vir nun número abrumador de estilos, desde súper finos ata ultra-negros e súper condensados ​​ata extra anchos, todos en regular e cursiva.

Pero espera, hai máis. Algunhas caras tamén teñen maiúsculas pequenas (letras maiúsculas que se estenden só ata a altura x), números aliñados e números sen aliñados (os números que se estenden máis aló da liña base e da altura x intégranse máis facilmente en bloques de texto), e nalgúns casos un poucos personaxes alternativos adicionais. Iso é moito, non?

Anatomía. Deseño de fontes

A anatomía das letras é bastante complexa: cada pequeno detalle e elemento ten o seu propio termo.

Aquí tes algúns deles:

Recoñecemento de ilusións tipográficas. Deseño de fontes

As letras son sorprendentes non só porque expresan moitas emocións, senón tamén porque teñen a capacidade de enganar os nosos ollos.

Vexamos algunhas ilusións ópticas que se atopan no deseño tipográfico:

Ilusión 1

A letra S parece unha letra perfectamente simétrica, non? Ben, iso non é certo. Só tes que xiralo 180° e verás que a parte superior é realmente máis pequena que a inferior. Isto faino máis estable e seguro.

Ilusión 2

Aínda que todas as letras teñan a mesma altura, as formas redondas son en realidade un pouco máis grandes. Por exemplo, a intersección da letra O coa liña base e a altura da cabeceira é só un punto. Mentres que a intersección da letra E, por exemplo, toca estas liñas coa súa superficie completa. Xa que ambos as letras son tecnicamente do mesmo tamaño, aparecerán desproporcionados. Necesitamos compensar un pouco os O para que sexan visualmente iguais. Deseño de fontes

Ilusión 3. Deseño da fonte

Para que o O pareza simétrico e de peso constante, necesitamos facelo, non constante de peso. Xire o O 90 ° e entenderase que os lados son lixeiramente máis grosos que a parte superior e inferior.

Ilusión 4. Deseño da fonte

Xa que estamos cambiando letras, imos probar o mesmo truco coa letra A. Darlle a volta horizontalmente revelará que esta letra aparentemente simétrica non é realmente simétrica. Hai que aplicar pequenos trucos a certas letras, aínda que isto signifique que van en contra dunha regra matemática, para que sexan visualmente agradables.

Ilusión 5

Se sabes algo de caligrafía, sabes que os trazos son finos, os trazos son grosos e os trazos cruzados son finos de novo. Esta regra debe aplicarse incluso ás letras máis sinxelas e xeométricas, como a letra T. Deseño da fonte

Ilusión 6. Deseño da fonte

Poderías pensar que as barras transversales das letras E e A están teoricamente no medio da letra. Ben, pensa de novo. Para que a letra pareza ben equilibrada, hai que moverla un pouco. Podes ver claramente que a barra transversal está descentrada se volteas a letra.

Ilusión 7

As letras B, P e R son formas relacionadas, unha derivada da outra. Non obstante, isto non significa que teñan as mesmas proporcións. A cunca R ten que ser un pouco máis delgada para que, cando conectes o talo a ela, non se faga demasiado espesa. Aínda que a cunca superior da B debe ser máis pequena que a inferior para que a letra sexa máis estable. Deseño de fontes

Regras de deseño de fontes. Deseño de fontes

Si o sei  hai que romper as regras pero para romper as regras dun xeito que non faga chorar ao deseñador, primeiro debes aprendelas.

Ao traballar co texto e organizar parágrafos nunha páxina, debemos prestar atención a varios factores e asegurarnos de que o que creamos sexa lexible e comprensible. Agás, por suposto, se creas algún tipo de cartel tipográfico abstracto e experimental dirixido ao caos total e á anarquía. Se esta é a túa mermelada, vai por ela. Pero se estás a traballar con copias longas que están deseñadas non só para captar a atención do espectador, senón tamén para retratar unha mensaxe dun xeito sinxelo, tes que ter en conta cada decisión que tomes.

Centrado

O aliñamento refírese á colocación do texto nunha páxina, ou máis concretamente, ao aliñamento dos seus bordos cos bordos da páxina. Hai 4 tipos de aliñamento, pero recorda que ningún deles é menos correcto que o outro, só teñen un aspecto diferente e expresan vibracións diferentes.

Lixeira á esquerda. Deseño de fontes

Este é probablemente o aliñamento máis usado xa que segue o fluxo natural da maioría das linguas. Ao usar esta aliñación, hai que ter coidado de crear un bordo dereito ben equilibrado, con lonxitudes de fila que teñan un aspecto natural.

Asegúrate de evitar palabras solitarias en liñas novas. Chámanse "viúvas" e están tristes.

Fluxo cara á dereita. Deseño de fontes

A diferenza do aliñamento á esquerda, o aliñamento á dereita vai en contra do fluxo natural da maioría das linguas escritas, que tamén se poden usar no noso beneficio. Teña en conta, non obstante, que este aliñamento crea unha aparencia inusual e pode ser difícil para o ollo cando se usa en parágrafos longos. Para ter un bordo dereito limpo, intenta evitar moitos puntos ou comas ao final das liñas.

Concentrado. Deseño de fontes

Se se fai mal, o aliñamento centrado pode parecer bastante aburrido e desordenado. Aínda que con moito coidado, pode crear un aspecto elegante pero dinámico. A clave é xogar coa lonxitude das liñas mantendo o equilibrio xeral.

Xustificada. Deseño de fontes

Aínda que pode parecer moderno e limpo se se fai correctamente, un aliñamento xustificable pode fallar moi rapidamente. Debido a que as palabras teñen que encher toda a fila, pode haber espazos incómodos entre elas. Asegúrate de aliñar todo ben e de novo, xoga co tamaño do texto, a lonxitude da caixa de texto e o kerning se é necesario.

Seguimento

O proceso de axustar o espazamento global entre letras chámase seguimento ou espazamento de letras. Na maioría dos casos, podes usar o seguimento positivo en lugar do negativo para crear unha composición máis aberta e aireada. Deseño de fontes

A medida que o texto se fai máis grande, o espazo entre as letras faise máis grande, polo que hai que reducir o seguimento. Así mesmo, se o tamaño do texto se fai máis pequeno, necesitamos aumentar o seguimento.

Un consello para lembrar é que as maiúsculas permiten ler mellor que as minúsculas.

Kerning. Deseño de fontes

Kerning refírese a cambiar o espazo entre letras individuais. Aínda que podemos evitar aplicar o seguimento na maioría dos casos, ás veces necesitamos entrar alí e axustar o espazo entre só dúas letras. Estes espazos "pechados" aparecen con máis frecuencia arredor de letras como A, W, V, T.

Oh, aquí tes un pequeno xogo para probar as túas habilidades de kerning!

Se estamos a traballar con fontes ben construídas, non necesitamos aplicar unha gran cantidade de kerning. Non obstante, se facemos isto, temos a opción de aplicar o kerning óptico (que o fai automaticamente o programa no que estamos a traballar) ou o kerning métrico (que utilizará o kerning do deseñador de tipos á hora de deseñar a fonte) na nosa edición. aplicación, ou podemos facelo todo manualmente (usando a nosa intuición e experiencia).

Analiza os teus correos electrónicos e aplica o método de seguimento que mellor se adapte ao propósito. Ademais, teña en conta que só porque o kerning óptico funcione ben para determinados auriculares non significa que sexa a mellor opción en todas as situacións.

Interliña. Deseño de fontes

A distancia entre dúas liñas de texto chámase interlineado. Ao personalizala, podemos xogar coa textura e a cor do parágrafo, creando interese visual e xerarquía de construción. O tamaño óptimo do espazo entre liñas depende de varias cousas, como o volume de palabras en relación ao espazo utilizado, o tamaño da pantalla.

Xerarquía. Deseño de fontes

A xerarquía axúdanos a crear interese visual e guiar o ollo do espectador pola páxina, facendo que a experiencia do texto sexa moito máis fácil e intuitiva. A forma máis obvia e sinxela de crear unha xerarquía é escribir a información diferentes tamaños.

Tamén podemos crear unha xerarquía interesante axustando o interliñado entre letras ou liñas ou cambiando o tamaño do noso texto. Tamén podemos mesturar os estilos ou cores utilizados, ou usar caracteres especiais ou diferentes aliñacións e deseños.

A forma en que decidimos organizar o noso texto, en particular cales son as partes que destacamos, depende en gran medida do tipo de material para o que esteamos a preparar o texto: impreso ou dixital. Se é para impresión, é un xornal con moito texto, unha portada de revista co título principal e algúns máis breves que representan os contidos da revista, ou un cartel con título e algunha información como datas e lugares? Se é para a web, cal é o noso obxectivo coa páxina: canto tempo de texto debemos mostrar e para quen o estamos deseñando?

Porén, o uso da xerarquía non sempre está asociado a resaltar determinadas partes do texto. Tamén podemos usar a xerarquía para crear composicións visualmente interesantes, como patróns e formas, variando pesos, cores e tamaños.

Ter todas estas referencias presentes axudaranos a construír unha xerarquía axeitada sen desbordar ao lector.

Reixas. Deseño de fontes

Un dos máis importantes elementos en proceso Traballar con corpos de texto é unha cuadrícula, e pode ser de simple a complexo. Usando cuadrículas, estruturamos basicamente a información nunha páxina determinada. Isto dános un mellor control sobre como colocamos os elementos na nosa páxina. Cando se usan correctamente, as cuadrículas poden crear composicións que orienten o ollo do espectador, facilitando o procesamento e comprensión da información.

Como en todo, podemos traballar con cuadrículas sinxelas e sinxelas, ou podemos volvernos completamente tolos e chegar a outras complexas e complexas.

Outra cousa moi importante a ter en conta á hora de colocar información nunha páxina é o espazo en branco. Fai amizade con el e mantelo preto de ti sempre.

Deseño de fontes

Moitas persoas teñen o desexo de encher cada recuncho da páxina con texto ou imaxes, pero ter moito espazo en branco adoita ser unha boa idea. Isto dálle espazo á información, fai que a composición se sinta máis aireada e axuda ao lector a navegar pola información.

O poder das fontes. Deseño de fontes

O deseño tipográfico ten un enorme poder para influír nunha mensaxe. Cando se usa correctamente (a combinación correcta de estilo, tamaño, xerarquía, kerning e interlineado), non podes facer nada con iso. Desde páxinas formais e elegantes ata composicións dinámicas e sorprendentes, podes facer todo o que poida chegar á túa imaxinación.

Ao comprender as regras e os feitos sobre as letras e as diferentes formas en que podemos usalas, podemos expresarnos infinitamente a través delas. Estas regras son só orientacións. Recomendo encarecidamente que siga adiante e que os rompa todos! Aprende, experimenta, esquece o que aprendiches, comete erros e comeza de novo. Deste xeito desenvolverás un estilo único para ti.

Preguntas máis frecuentes

1. Que é o deseño de fontes?

   • Resposta: O deseño de tipos é o proceso de creación e estilo de tipografías (tipografía) que se poden usar para mostrar texto en medios impresos e dixitais.

2. Como se crean as fontes?

   • Resposta: As fontes son creadas polos deseñadores mediante varias ferramentas, como tabletas gráficas, editores de vectores ou programas especializados de creación de fontes.

3. Como elixir a fonte correcta para o teu deseño?

   • Resposta: A elección da fonte depende do contexto, da finalidade do texto e do estilo de deseño. É importante ter en conta a lexibilidade, o estado de ánimo e a compatibilidade con outros elementos.

4. Que características da fonte afectan á percepción do texto?

   • Resposta: Tamaño, estilo (cursiva, negriña), interlineado, ancho de caracteres, altura das maiúsculas superiores e inferiores: todos estes factores poden afectar a percepción do texto.

5. Como determinar as regras para a variación da fonte no deseño?

   • Resposta: As variacións de fonte poden depender do contraste, compatibilidade, estrutura e consistencia dentro do deseño. É importante crear equilibrio e enfatizar os elementos visuais.

6. Que tendencias predominan no deseño de fontes?

   • Resposta: As tendencias no deseño de fontes poden cambiar, pero actualmente son populares as formas personalizadas, as fontes variables e a compatibilidade con varios idiomas.

7. Como crear o teu propio tipo de letra?

   • Resposta: Crear o teu propio tipo de letra implica debuxar letras, números e símbolos, vectorizalos, definir métricas e crear un ficheiro de fontes utilizando programas especializados.

8. As fontes poden influír na percepción da marca?

   • Resposta: Si, a elección da fonte pode influír significativamente na percepción dunha marca, xa que as fontes poden transmitir un determinado estado de ánimo e estilo, asociándose co carácter da marca.

АЗБУКА