30 aplicaciones de tipografía para la creatividad moderna

La tipografía en línea ha crecido a pasos agigantados a lo largo de los años. Atrás quedaron los días en los que tenía que elegir entre una fuente de aspecto ordinario y una inadecuada para el diseño.

Pero, aunque los métodos relacionados con el diseño de tipografía han recorrido un largo camino, la selección de fuentes sigue siendo un aspecto desafiante en cada proyecto de diseño.

Para ayudarlo a navegar su camino hacia la tipografía, aquí están las cosas que necesita aprender sobre fuentes : sus categorías, el proceso de selección de fuentes, sus usos y las herramientas de tipografía que puede utilizar para mejorar su trabajo.

Tabla de contenido

Categorías de fuentes

Fuente o tipo de letra

Categorías de fuentes

Hay toneladas de fuentes disponibles en línea, incluidas algunas 'locas' que casi no están categorizadas. Pero hay cuatro categorías fundamentales y omnipresentes con las que todo tipógrafo o diseñador tipográfico debe estar familiarizado. A menudo se utilizan en combinaciones de fuentes.

Serif – Las fuentes serif son aquellas con 'pies pequeños' adheridos a los extremos de las letras. Por lo general, tienen un aspecto serio o convencional.
Sans-Serif – Sans-Serif, que se traduce como 'sin serif', son fuentes que no tienen líneas adjuntas al final de las letras. Como tales, generalmente tienen un aspecto moderno y aerodinámico.
Texto – Las fuentes de escritura son el equivalente a los estilos de escritura cursiva con letras conectadas. Por lo general, tienen un aspecto elegante y dibujado a mano.
Monitor – Las fuentes de exhibición o decorativas son las que “gritan” para llamar la atención de la audiencia. Suelen tener un aspecto único y más que práctico.

Fuente o tipo de letra

Mucha gente confunde fuentes como tipografía y viceversa . Técnicamente, los dos términos no significan lo mismo. Sin embargo, normalmente se usan indistintamente sin sacrificar el mensaje del contexto actual.

Para aclarar, el tipo de letra es el diseño, es lo que ves. Por otro lado, la fuente es cómo se presenta el diseño, es lo que usa.

Tipo de letra + Estilo + Tamaño = Fuente

Por ejemplo, Times New Roman, tal como está, es un tipo de letra; Times New Roman Bold de 12 puntos es una fuente. Otro ejemplo, Calibri Italic de 10 puntos y Calibri Bold de 48 puntos son dos fuentes diferentes, pero el mismo tipo de letra.

Importancia de la elección de fuentes

Para la mayoría de los diseñadores, elegir la fuente adecuada para un proyecto de diseño es muy similar a elegir el atuendo adecuado para un evento. La ropa que llevas dice algo sobre varios aspectos de tu vida: tu personalidad, tu estilo, tu edad (o la edad que quieres proyectar), tu origen social y económico y la impresión que deseas transmitir al público.

Diferentes situaciones y eventos requieren diferentes atuendos. Pero una cosa sigue siendo la misma: siempre hay un nivel de idoneidad en el que pensar.

Lo que su elección de atuendo hace por usted tiene el mismo propósito que su selección de fuente. Más que el diseño general de un proyecto web o gráfico, es la tipografía la que recibe la primera impresión de un vistazo.

Es la parte del diseño que los espectadores ven y juzgan desde el principio. Como tal, sus opciones de fuente deben ser apropiadas, relevantes y con un propósito.

La elección de fuentes suele marcar la pauta para el aspecto general del diseño. No hace falta decir que es un factor importante que influye en la forma en que las personas percibirán su trabajo o marca. Las malas elecciones de fuentes suelen distraer a los espectadores del mensaje del diseño.

Proceso de selección de fuentes

Los basicos

Su objetivo principal al elegir una fuente es asegurarse de que sea adecuada para el proyecto de diseño. Debe transmitir con precisión el mensaje o el propósito de su diseño.

Antes de buscar los posibles tipos de letra para usar, es inteligente tener una idea de cómo desea que los espectadores vean o interpreten su diseño. De esta manera, puede ahorrar tiempo y recursos, ya que ya conoce el estilo que desea utilizar.

Es importante que la fuente que elija presente el mismo estado de ánimo o 'personalidad' que su marca. Esto es fundamental porque si la fuente no complementa o realza el mensaje de su diseño, creará una desconexión visual en su lugar.

La audiencia también es un factor importante que debe considerar. Esto es especialmente importante si su mercado involucra datos demográficos muy específicos. La fuente que elija debe resonar con ellos.

Adecuación de la fuente

La idoneidad es un elemento vital a considerar durante la selección de fuentes. La fuente que elija debe funcionar en el lugar donde desea usarla. Debe ser práctico en el contexto de su diseño.

Uno de los errores más comunes que cometen los tipógrafos novatos es el uso de la categoría de fuente incorrecta. Algunos toman decisiones incorrectas entre el cuerpo y la tipografía de pantalla.

El primero se usa en el cuerpo del contexto - ej. texto de revista, texto de libro, texto de periódico, contenido web. Las fuentes para el cuerpo del texto deben ser siempre legibles y agradables a la vista. Es imperativo que el estilo del tipo de letra no distraiga a los lectores.

Este último, por otro lado, es un tipo de letra que rara vez es apropiado para una lectura extensa. Las fuentes de visualización son del tipo que grita: “¡Oye! ¡Mírame!' Si se usan correctamente, pueden tener un gran impacto positivo; de lo contrario, reducirán el diseño a algo amateur.

Versatilidad de fuente

Cada diseñador web o gráfico tiene una lista de tipos de letra preferidos, a menudo denominados 'caballo de batalla'. Estos se pueden utilizar en cualquier momento para cualquier proyecto de diseño. Por lo general, se trata de fuentes neutrales que pueden adaptarse fácilmente y sin problemas a un diseño.

Los tipos de letra Workhorse suelen ser una combinación de fuentes Serif y Sans-Serif que son versátiles y se pueden usar prácticamente en cualquier lugar. Tener un caballo de batalla le permite asignar varios estilos usando un solo tipo de letra a diferentes aspectos de su diseño para crear un aspecto cohesivo general.

Legibilidad de fuente

Si su diseño requiere tipografía, es probable que tenga algo vital que comunicar. Esto significa que la legibilidad es un factor que nunca debe pasar por alto.

Si la gente tiene que entrecerrar los ojos solo para leer su mensaje, falló en un aspecto importante del diseño. Además de la evaluación visual, estos son los elementos que debe verificar para garantizar una fuente legible:

Tamaño

El tamaño en puntos debe ajustarse al contexto del diseño. Por ejemplo, el tamaño de fuente de una tarjeta de presentación es diferente del tamaño de fuente de un póster de anuncio. Lo mismo ocurre con el diseño de gráficos que se ven en computadoras de escritorio y se ven en dispositivos portátiles.

Espaciado

Hacer el ajuste de espaciado adecuado da como resultado un impacto favorable en la legibilidad. En general, el espaciado sustancial mejora la legibilidad de un texto. Sin embargo, si el espacio es reducido, experimente con varias combinaciones y luego tome una decisión informada para que el texto sea fácil de leer. Muchas herramientas de tipografía en línea permiten a los usuarios ajustar el espacio entre letras, así que use una para asegurarse de obtener el ajuste de espacio correcto.

Altura X

X-height es la 'altura' de las letras minúsculas de una fuente. Para garantizar la legibilidad, la altura de la x debe ser generosa, pero no en la medida en que se acerque a la altura de las letras mayúsculas.

Emparejamientos de fuentes

Los pares de fuentes o combinaciones de fuentes juegan un papel importante en cada proyecto de diseño que requiere tipografía. Lo bueno de este aspecto es la gran cantidad de recursos en línea que hacen que el proceso sea una tarea menos desafiante.

Algunas herramientas ofrecen combinaciones de fuentes listas para usar. También hay sitios web que pueden buscar las mejores fuentes para emparejarlas con una fuente inicial. Pero, incluso con estos recursos, es importante que aprenda los conceptos básicos de las combinaciones de fuentes.

Empareje fuentes complementarias.

Cada fuente creada tiene un cierto estado de ánimo o característica. Al combinar fuentes, asegúrese de que los estados de ánimo de cada fuente se complementen entre sí. Si su diseño necesita un tipo de letra de pantalla como fuente inicial, asegúrese de que la fuente complementaria sea neutral.

Complementar las fuentes también puede significar encontrar una calidad compartida. Esto significa encontrar algo en común con dos fuentes claramente diferentes que podrían funcionar bien juntas.

La cualidad compartida puede ser su altura o su estructura básica. A veces, la calidad es sutil. Pero cuando se combinan las dos fuentes, todo encaja bien.

A veces, encontrar dos fuentes complementarias puede convertirse en un proceso técnico. Pero la mayoría de las veces, también es una combinación de un enfoque de prueba y error que utiliza sus conocimientos sobre 'psicología de fuentes'.

Evite utilizar demasiadas fuentes.

Una regla de tipografía básica es mantener las cosas simples. Si usa varias fuentes en un diseño, la combinación puede crear una desconexión visual que puede dejar una impresión negativa en su diseño o marca.

Además, un número excesivo de fuentes frustrará el propósito de agregar tipografía en primer lugar. La audiencia no recibirá el mensaje de su diseño porque se distraerá con el revoltijo de tipos de letra utilizados.

Ahora, si un proyecto requiere el uso de varias fuentes, asegúrese de que todas se equilibren entre sí, ya sea que sean una combinación perfecta, una combinación perfecta o ambas.

Presenta una jerarquía visual.

Cada fuente de la combinación debe tener su propia relevancia en el aspecto general del diseño. Las fuentes deben ser lo suficientemente diferentes como para dar lugar a alguna forma de jerarquía visual. El 'truco' más probado es combinar una fuente Serif y una fuente Sans-Serif.

Esto es particularmente importante para las fuentes utilizadas en el cuerpo del texto. El tamaño, la altura y el espaciado de las fuentes juegan un papel importante en la forma en que la audiencia mira la página y lee su contenido.

Lo mismo ocurre con las combinaciones de fuentes. En general, el titular debe presentar un aspecto llamativo. Dependiendo del concepto de diseño, puede ser una tipografía tradicional o decorativa. Alternativamente, el cuerpo debe ser legible en todos los ámbitos.

También es importante que elija las fuentes complementarias adecuadas para otros factores textuales, como el título de la imagen, la línea de autor y la línea citada.

Utilice fuentes creadas por el mismo diseñador.

Los tipógrafos suelen tener un 'aspecto característico' que ayuda a los usuarios de fuentes a identificar sus creaciones. Este aspecto es típicamente una estética reconocible que tiene una cierta estructura, lo que resulta en combinaciones de fuentes lógicas y más fáciles.

Si no puede encontrar dos fuentes complementarias de un diseñador que se ajusten a su diseño, consulte las 'superfamilias de fuentes'. Estas son familias de fuentes que tienen un tipo de letra Serif y Sans-Serif diseñadas específicamente para equilibrarse entre sí.

Herramientas de tipografía

Internet es el mejor lugar para encontrar herramientas y recursos tipográficos. De hecho, la mayoría de los diseñadores en estos días tienen sus herramientas de uso para garantizar que sus opciones de fuentes funcionen bien con el diseño general del proyecto.

Aquí hay 30 de los mejores recursos de tipografía para ayudarlo a dominar hacen aspecto de su trabajo.

Typegenuis

Typegenius es un subconjunto de Canva.com. Permite a los usuarios encontrar la mejor combinación de fuentes para adaptarse a cualquier proyecto de diseño. El proceso comienza con la selección de una fuente de inicio. Una vez que se selecciona el tipo de letra, el sitio presentará las fuentes que mejor se complementan con la fuente inicial. Aparece un texto en pantalla para facilitar la comparación.

WordMark.it

WordMark.it proporciona a los usuarios un proceso de selección de fuentes que muestra vistas previas del texto utilizando las fuentes instaladas en la computadora del usuario. Para utilizar el programa sin problemas, se debe instalar el complemento Flash. JavaScript también debe estar habilitado. El programa también funciona en productos insignia de Apple incluso sin Flash.

Ardilla de fuente

Font Squirrel es un excelente recurso de tipos de letra categorizados para facilitar la búsqueda. El sitio ofrece fuentes clasificadas (por ejemplo, Sans Serif, Dibujado a mano, Monoespaciado) y etiquetas (por ejemplo, Encabezados, Oblicua, Pesada). Las fuentes también se presentan bajo dos filtros principales: licencias y tamaño de familia. Todas las fuentes del sitio web son 100% gratuitas para uso comercial.

TipoLobo

TypeWolf es un sitio web de tipografía curada que ayuda a los usuarios a encontrar e identificar las mejores fuentes para usar en un diseño web. El sitio es uno de los recursos en línea de referencia para todo lo relacionado con la tipografía. También es un recurso independiente que ofrece fuentes de todo tipo de fundiciones.

Fuentes abstractas

Abstract Fonts ofrece más de miles de tipos de letra descargables para uso comercial y personal. Para una búsqueda sin complicaciones, las fuentes se pueden buscar por categoría, orden alfabético y diseñador. El sitio también tiene un foro donde se publican detalles adicionales de la fuente.

Fuente Flame

Font Flame es un recurso exclusivo y seleccionado de tipos de letra que permite a los usuarios elegir si 'aman' u 'odian' una combinación de fuentes que se muestra en pantalla. Implementa un proceso similar a Tinder para un emparejamiento de fuentes divertido y simple.

Fuentes de Google

Google Fonts tiene como objetivo hacer que cada diseño web sea más hermoso e intuitivo a través de una excelente tipografía. El sitio ofrece una amplia selección de fuentes web de diseño de código abierto. Su extenso directorio se compone de fundiciones y diseñadores de tipos individuales con detalles relevantes sobre los tipos de letra, así como estadísticas sobre su uso y datos demográficos.

Nitrógeno

Typekit es un recurso fácil de usar de las mejores fuentes en la web. Se asocia con las principales fundiciones tipográficas de todo el mundo para llevar miles de tipos de letra a los diseñadores a diario. Todas las fuentes descargables del sitio están disponibles para uso comercial y personal.

Escriba cualquier cosa

Type Anything es una herramienta sencilla diseñada para ayudar a los usuarios a crear excelentes combinaciones de fuentes. El programa permite a los usuarios personalizar la configuración de fuente más apropiada que complementa su proyecto de diseño. Para facilitar las combinaciones de fuentes, Type Anything también proporciona atajos de teclado.

Tipo pepita

Type Nugget es un recurso de composición tipográfica totalmente receptivo que brinda a los usuarios control sobre las mejores combinaciones de fuentes en línea. Con su interfaz de usuario fluida y elegante, el sitio genera pepitas de CSS compatibles y accesibles. El proceso de selección y la aplicación se pueden llevar a cabo fácilmente sin ninguna experiencia en codificación.

Escala modular

Modular Scale es una herramienta de tipografía fácil de usar que genera medidas que se pueden usar para la composición tipográfica, como el tamaño y el espaciado del texto del cuerpo y los encabezados. La salida del sitio está disponible para copiar y pegar, y con complementos de Sass o JavaScript.

Encasillar

Typecast es una herramienta en línea avanzada diseñada para crear diseños visuales y semánticos. Los usuarios pueden utilizar el programa para comprobar la legibilidad, el aspecto visual y la representación de las fuentes web. El sitio también permite a los diseñadores compartir cómodamente un prototipo funcional de su diseño.

Fontic

Fontic es una herramienta de tipografía en línea que se utiliza principalmente para archivos PSD. El programa escanea PSD en busca de fuentes con un solo clic. Los usuarios pueden elegir fuentes y obtener sus códigos correspondientes directamente desde Photoshop.

FontReach

FontReach es un recurso de tipografía en línea que escanea miles de sitios web para ofrecer el uso de fuentes en la web. El sitio también enumera las fuentes principales utilizadas en línea junto con información relevante sobre cada tipo de letra.

Fuente en uso

Font In Use es un gran recurso en línea para la tipografía. El sitio es un archivo público de composición tipográfica categorizado por fuentes, formato e industria. El equipo detrás del programa documenta y evalúa el diseño gráfico con el objetivo de mejorar la alfabetización de los usuarios y la apreciación de la tipografía.

RightFontApp

RightFont es una aplicación de fuentes ligera para Mac. El programa permite a los usuarios obtener una vista previa, sincronizar, descargar y administrar fuentes en su Mac, Dropbox o Google Drive. También proporciona una sencilla función de gestión de fuentes principalmente para Photoshop, Illustrator y Sketch.

Typ.io

Typ.io proporciona a los diseñadores las últimas inspiraciones para combinaciones de fuentes. Para facilitar la búsqueda, todas las combinaciones se pueden buscar por categorías y etiquetas de palabras clave. El sitio también muestra sitios web de muestra con los tipos de letra correspondientes utilizados en el diseño.

Tipo de muestra

Type Sample es una herramienta de tipografía que identifica fuentes web mediante un bookmarklet. Los usuarios pueden guardar hasta tres muestras de fuente de forma gratuita. Para muestras ilimitadas, los usuarios deben pagar una pequeña cantidad ($ 5) al año.

Par de fuentes

Font Pair ayuda a los diseñadores a fusionar las fuentes de Google sin problemas. El sitio divide los posibles emparejamientos en seis categorías: Sans-Serif / Serif, Serif / Sans-Serif, Sans-Serif / Sans-Serif, Cursive / Sans-Serif, Cursive / Serif y Serif / Serif.

Detalle de tipo

Type Detail es un recurso excelente para todo lo que un diseñador necesita saber sobre un tipo de letra web en particular. El sitio presenta una fuente al día, enumerando todos sus detalles relevantes y únicos. El programa también enumera las razones por las que ciertas fuentes son perfectas para ciertos diseños web.

Tienda de fuentes

Font Shop, como su nombre lo indica, es un cruce entre un sitio de comercio electrónico y un directorio de tipografía en línea. El sitio también proporciona noticias y actualizaciones de fuentes. Es un gran recurso para las personas que desean obtener fuentes personalizadas o ser un diseñador de fuentes.

Prototypo

Prototypo permite a los diseñadores crear sus propias fuentes con solo unos pocos clics. El software en tiempo real ayuda a los usuarios a generar fuentes personalizadas de forma rápida y sencilla sin necesidad de conocimientos de dibujo o codificación. Todas las fuentes creadas por Prototypo se pueden utilizar en diseño web y otras aplicaciones basadas en web.

Ajuste de fuente

Font Fit es una fuente avanzada de tipografía en línea que permite a los usuarios encontrar la fuente o combinaciones de fuentes adecuadas para su proyecto de diseño. El sitio impulsa una extensa biblioteca de tipos de letra divididos por clasificaciones para una búsqueda de fuentes más rápida y sencilla. También ayuda a los usuarios a determinar el tamaño adecuado de las fuentes para que se ajusten al diseño con precisión.

Mis fuentes

What the Font de My Fonts es una herramienta de búsqueda de tipografía única. El programa permite a los usuarios cargar una imagen de muestra de una fuente desconocida, y la base de datos del sitio presentará las posibles coincidencias de fuentes en segundos. Si su extenso directorio no puede producir resultados, los usuarios pueden ir al foro del sitio web para obtener posibles respuestas.

Fuente impresionante

Font Awesome es un conjunto de herramientas de fuentes y CSS. Proporciona a los diseñadores iconos vectoriales escalables que son fáciles de personalizar. Todo lo que se pueda realizar a través de CSS se aplica al programa.

Descargar fuentes gratuitas

Download Free Fonts, como su nombre indica, es un sitio web que permite a los usuarios descargar fuentes sin cargo. Es uno de los depósitos de fuentes más grandes en línea. Para facilitar la búsqueda, todas las fuentes están clasificadas alfabéticamente.

La liga de tipos móviles

The League of Movable Type es un recurso bien seleccionado de las mejores fuentes móviles en línea. Desde 2009, el equipo detrás del programa, también conocido como The League, ha lanzado con éxito varias fuentes bien hechas, gratuitas y de código abierto.

Tipo perdido

Lost Type es un recurso de tipografía único que implementa una fundición de tipo Pay-What-You-Want. El sitio ofrece una hermosa colección de más de 50 fuentes de diseñadores de todo el mundo. El pago total del 100% de una venta va directamente al diseñador de fuentes.

Tipo Novela

Type Novel es un recurso impulsado por Tumblr de fuentes únicas que se encuentran en línea. El sitio presenta imágenes con fuentes geniales y, a menudo, impopulares.

Caras libres

Free Faces es un sitio web que ofrece fuentes gratuitas que se ven en diferentes sitios. Actúa como un directorio de fuentes que los diseñadores pueden consultar para uso comercial o personal. Para facilitar la búsqueda, las fuentes se dividen en seis categorías: Sans, Serif, Cursive, Slab, Mono y Display.

20 de septiembre zodiaco

Siempre es mejor verificar la licencia de la fuente antes de descargarla y usarla. Esta es una práctica que debe hacer, incluso para las fuentes compradas, para protegerse (o proteger a su cliente) de problemas legales.

Compartir Con Tus Amigos: