Aprende Deseño Tipográfico

Aprende Deseño Tipográfico
Rick Davis

A tipografía xoga un papel importante na comunicación de información e na contribución ao aspecto xeral dun proxecto de deseño.

Entón, que é o deseño da tipografía?

A tipografía é a arte de poñer a linguaxe en forma visual. É o oficio de organizar, espaciar, elixir e manipular o tipo.

Fonte da imaxe: Unsplash

O deseño de tipografía é unha forma complexa de deseño gráfico que require unha inmensa atención aos detalles e require coñecementos técnicos e creatividade. A industria do deseño depende dos tipógrafos e deseñadores gráficos para entender como usar, manipular e crear letras que sexan lexibles, atractivas e acordes á marca.

Neste artigo, imos mergullarnos nun pouco de antecedentes sobre deseño de tipografía, algúns conceptos básicos do oficio, tipos de tipografía que debes coñecer e algúns exemplos para axudarche a comprender e inspirarte.

Remataremos o artigo con algunhas suxestións para seguir investigando para que poidas seguir investigando. continúa aprendendo sobre este oficio intrincado. Este é un aspecto fermoso, vital e infravalorado do deseño gráfico, polo que non podemos esperar a darlle o foco de atención que merece neste artigo. Imos comezar.

Algúns antecedentes sobre o deseño de tipografía

Todo comezou cun tipo chamado Gutenberg e unha fonte chamada Blackletter.

Espera. Espera. Rebobinamos. Comezou antes diso. Tecnicamente comezou en Mesopotamia (actual Iraq).

O primeiro guión paraxerarquía. Vexa como os diferentes tamaños de letra mostran ao lector onde debe buscar e guíeno a través da experiencia da información do xeito máis lóxico e sinxelo?

Comproba como se usa o aliñamento de forma creativa cunha xustificación á dereita. e o espazo en branco como atracción central para o ollo crea un deseño minimalista lixeiro e aireado.

O movemento Bauhaus deu orixe á súa propia tipografía, e a tipografía inspirada na Bauhaus aínda pode ser elegante e divertida en un deseño ata hoxe.

Consellos e recomendacións

Type conta unha historia visual

O texto é moito máis que o texto corporal nun xornal ou sitio web. O texto en si conta unha historia (e non nos referimos só ás palabras). Como notarás nos exemplos, o uso de obxectos, texturas e elementos da natureza converte o texto nunha historia e faino intrigante.

A fonte afecta o sentimento

Ou mellor dicimos "tipo de letra?" O tipo de letra ou tipo de letra ten un gran impacto nos moos. Como notarás nos exemplos, un serif serio representa un estado de ánimo moi diferente a un guión vintage lixeiro e burbullante.

A tipografía é moi técnica

Son as cousas técnicas detalladas as que teñen un impacto máis significativo no deseño da tipografía. Estes deseñadores teñen que ter un ollo moi agudo e preocuparse polo kerning, o espaciado entre liñas, as cuadrículas e todas as pequenas cousas que entran na anatomía da tipografía.

Deseño.Typography With Vectornator

Vectornator é unha excelente ferramenta para deseñar tipografía.

Tes acceso a todas as ferramentas relacionadas co texto que podes necesitar ao teu alcance, sen esquecer moitas ferramentas de debuxo para divertirse coas letras da man. Asegúrate de consultar a aplicación se aínda non o fixeches e comparte connosco os teus fantásticos deseños de tipografía!

nunca desenvolvido chamouse cuneiforme cara ao 3400 a.C. Esta estaba formada por símbolos tallados en barro para comunicar varias linguas na forma escrita. Despois, ao redor do 3200 a.C., os antigos exipcios desenvolveron xeroglíficos, tamén unha forma pictográfica simbólica de escritura.

Un primeiro sistema de escritura chinés parece que xurdiu ao redor do 1300 a.C da dinastía Shang. Os tres mencionados anteriormente eran formas de escritura únicas e creadas de forma independente. Esa é unha evidencia de que é simplemente a natureza humana comunicar a linguaxe visualmente.

Foron os exipcios os que comezaron a arte de escribir con tinta. Este concepto finalmente chegou ao mundo occidental, onde os pictogramas evolucionaron ata converterse en alfabetos que levaron á arte da caligrafía, que implicaba fermosas letras a man realizadas principalmente por monxes.

As letras a man consumían moito tempo e só estaban reservadas para os elite educada da sociedade, fomentando a necesidade do desenvolvemento posterior dos sistemas tipográficos.

Volver a Gutenberg: aquí comezou a tipografía moderna. El inventou a imprenta no século XV, e a primeira fonte denominada "blackletter", que cataliza o deseño de impresión e a tipografía tal e como a coñecemos.

Mira este vídeo para ver un breve e directo. historia.

Afondar na historia da escritura é unha madriguera que pode durar toda a vida, polo que o deixaremos aí para este artigo, sempre que entendas o texto tan vital.é para nós os humanos! Polo tanto, se es deseñador ou tipógrafo ou estás pensando en dedicarse ao oficio, as túas habilidades son realmente valiosas.

Tipografos famosos que debes saber

Creas ou non, hai hai moitos deseñadores de tipos famosos dos que aprender (algunha vez te preguntas de onde veñen algúns deses nomes de fontes?

Ben, moitos deles levan o nome dos seus creadores). Aquí tes algúns que podes atopar interesantes.

Johannes Gutenburg

Quizais o deseñador de tipos máis famoso, é o inventor do tipo móbil e a fonte "blackletter".

Jan Tschichold

Figura significativa no desenvolvemento do deseño gráfico no século XX, este tipógrafo, calígrafo e deseñador de libros construíu os principios do modernismo tipográfico (non por mencionar o desenvolvemento da identidade visual dos libros de pingüíns).

Carol Twombly

Tipo deseñado famoso para Adobe, e é coñecida polas súas creacións tipográficas “Trajan”, “Myriad”, “Adobe Caslon, ” e “Chaparral”.

John Baskerville

Un tipógrafo británico do século XVIII que deseñou “Baskerville”, unha fonte que aínda vive hoxe.

Stanley Morison

Deseñador británico de principios do século XX que creou a famosa fonte "Times New Roman".

Por que é importante a tipografía?

O deseño de tipografía é un dos máis importantes. elementos vitais no deseño gráfico e UX/UI.

A tipografía nos sistemas de deseño comunica unha mensaxe,orienta a experiencia, e enfatiza unha identidade de marca. A tipografía é a base das experiencias impresas e dixitais. Sen ela, non somos capaces de comunicar axeitadamente os conceptos.

As opcións tipográficas dun deseñador inflúen no aspecto dunha marca ou dun proxecto de deseño, así como na experiencia do espectador.

Tipos de tipo

Uh, que significa iso?

A tipografía tamén se pode denominar simplemente "tipo". E, irónicamente, hai algúns tipos diferentes de tipos, ou, mellor dito, estilos de tipo. Normalmente agrúpanse en cinco categorías principais: serif, sans serif, script, monospaced e display.

Dentro destas, tamén hai subcategorías. Darémoslle unha ollada máis detidamente nun minuto, pero antes de comezar, imos aclarar algo que quizais se estea a preguntar: cal é a diferenza entre o tipo de letra e o tipo de letra?

Tipo de letra e tipo de letra

Unha tipografía refírese ao estilo de deseño máis amplo dun grupo de caracteres, mentres que as fontes son as variacións creadas a partir desa tipografía.

"Arial" é unha tipografía, mentres que "Arial Narrow" ou "Arial". Negriña" é un tipo de letra. Hai moitos argumentos e malos entendidos ao redor destes, pero o principal que hai que saber é que os tipos de letra caen baixo tipos de letra. Unha fonte é esencialmente unha forma manipulada dunha tipografía maior. Aquí tes un artigo que o analiza en -profundidade se che interesa.

Categorías tipográficas

Serif

Estes son o teu corpo tradicionalestilos de copia, tamén usados ​​para títulos e titulares. Veraos en libros, revistas e xornais. As fontes serif defínense por ter un pequeno trazo ao final dos trazos principais que forman o carácter, como este:

Recoñecerás "Times" como un tipo de letra serif.

Sans. Serif

Sans Serif significa esencialmente "sen" (é dicir, sans) ese trazo extra. Estes tipos de letra son máis sinxelos. Tamén son tipografías comúns para a copia do corpo. Estes son xeralmente os tipos de letra máis lexibles.

Guión

Estes tipos de letra utilízanse para os títulos e fan que os tipos de letra sexan máis expresivos. Xeralmente son cursivas, menos estruturadas e máis elegantes.

Pantalla

Semellantes aos guións, os tipos de letra e os tipos de letra de visualización úsanse para títulos e titulares. Estes tamén fan que as fontes sexan máis creativas e expresivas.

Monoespazado

Esta é a tipografía típica da túa máquina de escribir. Úsanse máis xeralmente para mostrar código. Algunhas fontes monoespaciadas inclúen Menlo e courier.

Algúns conceptos e termos tipográficos básicos

No deseño da tipografía hai moitas cousas.

O deseñador ten que tomar tendo en conta a lexibilidade do texto, canto espazo teñen para traballar, o peso do texto, o espazo entre liñas e moito máis. Vexamos algúns elementos de deseño básicos para traballar coa tipografía.

Espazo de letras, tamén coñecido como "Seguimento"

O espazo entre liñase arredor dos personaxes é tan importante como os propios personaxes. Traballar co espazo é unha parte integrante do deseño tipográfica e do deseño gráfico. No deseño de tipografía, axustar o espazo entre letras chámase seguimento.

Kerning

Kerning refírese ao espazo entre caracteres e é á vez un substantivo e un verbo, ou un termo e un proceso. É tanto o espazo entre as letras como o proceso de axuste dese espazo. Esta é unha técnica importante no deseño que fai que o texto destaque e é bastante profundo. É por iso que escribimos un artigo completo sobre o kerning.

Escala de tipos

Isto refírese aos tamaños de texto. A escala de tipos afecta á lexibilidade e á disposición dun texto. Xogar coa escala de tipos pode ser unha oportunidade para ser creativo cun deseño e tamén se utiliza como técnica para guiar o ollo.

Xerarquías tipográficas

Pense nisto como unha técnica de "experiencia de usuario" para o tipo. A xerarquía tipográfica usa o tamaño da fonte, o peso e mesmo a cor para guiar o ollo a través do texto.

Peso

Refírese ao "lixeiro", "pesado" ou "negriño" dunha peza de texto. texto é.

Ver tamén: Como converterse nun deseñador gráfico en 10 sinxelos pasos

Anatomía do tipo

Este é un termo xeral para moitos conceptos máis pequenos que existen dentro do deseño de tipografía. É moi técnico e ten un aspecto así:

Aliñamento

Refírese a como se organiza o texto do corpo nunha páxina. Aínda que non sexas un deseñador, tidebes atopar un documento de Microsoft Word ou un documento de Google no que aliñaches o teu texto á esquerda, á dereita ou ao centro.

Grallas

Un elemento importante para o texto do corpo, o marco das cuadrículas. o texto: poden adoptar a forma de columnas, cadrados que deixan espazos en branco para enfatizar unha chamada ou unha mestura de formas interesantes nas que se asenta o texto. Verás o que queremos dicir nos exemplos máis abaixo.

Ver tamén: A IA é realmente un asasino de arte e deseño?

Exemplos de tipografía

Vexamos algúns exemplos de tipografía para ter unha mellor idea do que é posible, entender o que comentamos anteriormente e darche ideas para o teu próximo proxecto de deseño!

Este xenial exemplo de deseño de tipografía mostra o que podes facer cun pouco de imaxinación. Este deseñador casou a tipografía cun obxecto cotián para captar visualmente a esencia da palabra. O cordón dos zapatos é perfecto para crear texto e o elemento de animación engadido fai que este tipo de texto sexa aínda máis atractivo.

Esta fonte cursiva de estilo guión ten un aspecto estupendo como renderizado en 3D. O tipo é o elemento principal deste deseño. Se observas o estudo de caso completo, verás como este deseño de tipografía evolucionou e tomou vida a partir dun debuxo básico.

Unha estratexia similar á imaxe das zapatillas deportivas, esta peza de tipografía usa imaxes asociadas ao word.

Let Go Let Go

Let Go Lettering foi deseñada por Ana Stoyanova . Conéctate con eles en Dribbble; o globalcomunidade para deseñadores e profesionais creativos.

Este deseño fai un traballo fantástico ao capturar o sentimento das palabras. As cores pastel e unha fonte de inspiración vintage que evoca a sensación de liberdade fan que o espectador se sinta relaxado e a gusto, como suxiren as palabras "deixa ir".

Esta imaxe utiliza unha técnica de desenfoque sinxela para crear un xogo interesante. sobre as palabras. A tipografía é tan sinxela, só un tipo de letra serif básico en negro sobre un fondo branco, enfatizando que é suficiente a técnica de deseño simple de difuminar algunhas letras para crear unha mensaxe. Os deseños centrais de tipografía xeniais non precisan ser nada elaborados para impactar. A idea máis sinxela e intelixente tamén funciona!

Este atractivo deseño de tipografía que retorce a lingua usa creativamente unha lingua como base do texto. De novo, permitindo que as palabras orienten como deseñas o tipo.

Este deseño combina fotografía coa tipografía. Para un elemento adicional de creatividade, podes deixar que unha fotografía guie como podes deseñar o tipo. Podería conceptualizar primeiro como lle gustaría que se vexa o tipo en función do que quere comunicar; por exemplo, este deseñador puido ter a idea de que as palabras "non toques" fosen esmagadas por un par de mans para crear un parágrafo xenial antes de obter a fotografía.

Como alternativa, podes facer un divertido proxecto de deseño que consiste en facer e buscar fotografías que che gusten e encaixar textoa fotografía para crear unha historia visual interesante onde o texto e a foto traballan e contrastan entre si.

Ok, estamos a usar moitos exemplos onde o texto está formado por obxectos relacionados con a palabra. Enténdeso; conseguimos; só intentamos inspirarte cunha tipografía que se vea incrible. Esperamos que vos guste. Iso é todo.

Alguén máis lle apetece o queixo?

Este deseño xoga coa forma do texto para comunicar visualmente unha sensación de peso, ademais de empregar un queixo moi ponderado (é dicir, negriña ) para comunicar o mesmo.

Un fermoso exemplo de tipo combinado coa fotografía. Ademais, teña en conta a técnica de combinar varios tipos de letra nun mesmo texto para crear unha experiencia visualmente máis atractiva.

The Parkshore Font Collection

A Parkshore Font Collection foi deseñada por Jeremy Vessey. Conéctate con eles en Dribbble; a comunidade global para deseñadores e profesionais creativos.

Vibracións vintage para a vitoria! Hai moitas fontes incribles coas que xogar cando se trata dun aspecto vintage. Este é só un exemplo de tantos que hai. Fíxate como aquí se usan varias tipografías desde sans serif ata script.

Nuts About Typography

Nuts About Typography foi deseñado por Focus Lab. Conéctate con eles en Dribbble; a comunidade global para deseñadores e profesionais creativos.

Este é un exemplo de tipografía




Rick Davis
Rick Davis
Rick Davis é un experimentado deseñador gráfico e artista visual con máis de 10 anos de experiencia na industria. Traballou con diversos clientes, desde pequenas startups ata grandes corporacións, axudándolles a alcanzar os seus obxectivos de deseño e elevar a súa marca a través de imaxes eficaces e impactantes.Graduado na Escola de Artes Visuais da cidade de Nova York, Rick é un apaixonado por explorar novas tendencias e tecnoloxías de deseño e superar constantemente os límites do que é posible no campo. Ten unha profunda experiencia en software de deseño gráfico e sempre está ansioso por compartir os seus coñecementos e ideas con outros.Ademais do seu traballo como deseñador, Rick tamén é un blogueiro comprometido, e dedícase a cubrir as últimas tendencias e desenvolvementos no mundo do software de deseño gráfico. Cre que compartir información e ideas é fundamental para fomentar unha comunidade de deseño forte e vibrante, e sempre está ansioso por conectarse con outros deseñadores e creativos en liña.Se está deseñando un novo logotipo para un cliente, experimentando coas últimas ferramentas e técnicas no seu estudo ou escribindo artigos informativos e atractivos no blog, Rick sempre está comprometido en ofrecer o mellor traballo posible e en axudar aos demais a alcanzar os seus obxectivos de deseño.