Emparejar fuentes es como alimentar a los niños ...

Al iniciar un proyecto de diseño web, hay muchas decisiones difíciles que tomar, incluida la clásica: seleccionar fuentes. La tipografía bien ejecutada puede involucrar a los visitantes, cuando de otro modo tal vez repasarían el contenido principal.

Sin embargo, es difícil lograr que las personas se interesen en la nueva información beneficiosa. Pensar en esto trae pensamientos de comparaciones difíciles con el manejo de niños. De hecho, las dificultades para hacer que los niños coman adecuadamente son muy similares a nuestro dilema mencionado anteriormente. Es por eso que en este artículo repasaremos cómo la comprensión de esta relación mejorará su emparejamiento de fuentes.


Rompiendo la relación

Bien, entonces introducimos la lección de analogía bastante rápido. Tomemos un momento para analizar por qué vale la pena aprender esta analogía..

De archivo: Public Domain Photos cc

¿Alguna vez has tratado de hacer que un niño coma sus vegetales verdes? Para aquellos que tienen la suerte de no haber experimentado esto, no es un picnic. Los niños odian las cosas que son buenas para ellos porque los beneficios tardan en aparecer, mientras que la alegría encontrada en comer un helado está presente de inmediato en cada bocado.

Esto se relaciona con los usuarios de hoy porque todos nos hemos acostumbrado a la gratificación inmediata. No importa lo bueno que pueda ser algo, la ruta más rápida a los resultados es la mejor opción.


Esto se muestra a sí mismo en cómo los usuarios interactúan con los sitios web por la tendencia a leer el titular y sentir que tienen todo lo que necesitan. No me avergüenza decir que hago esto de vez en cuando.


Atributos de Calidad

La calidad en términos de la elección de fuentes y la alimentación de los niños es muy importante estómago) de la cosa del espectador.

Imagen: Sean Dreilinger cc

Realmente no se puede generalizar lo que a la gente le gustaría, ya que ninguno de nosotros es el mismo, pero hay algunas cualidades que ayudan a proporcionar el mejor intento posible de esto..

Se ve bien

La apariencia es un factor importante en la idea de un niño de cómo sabe algo. Por ejemplo, tomar un pastel de manzana y ostras crudas. Si ambos se presentaran a un niño, ¿cuál de ellos tendría dedos de inmediato? Por supuesto, la tarta de manzana tendría al niño a la altura del codo, mientras que las ostras probablemente los asustarían..

El mismo principio es cierto para las opciones de fuente. Apelación es en lo que los usuarios se apoyan en los primeros cinco segundos para determinar si se quedan o no. Al menos hasta que la tecnología mejore hasta el punto en que podamos usar aromas para diseñar para la web. Eso va a ser increíble!

Sabroso

¿Qué sentido tiene algo que se ve bien si sabe horrible? Hacer que la comida sepa bien no es ciencia espacial. En la medida en que entienda los principios básicos de la proporción adecuada entre tamaño y cantidad de condimento, será oro..

En el caso de su proyecto, la fuente es uno de los condimentos y el contenido es la comida. En cada nivel de contenido, título a cuerpo, la fuente debe complementar adecuadamente su contenido. Por supuesto, hay otros factores que intervienen en esto, como el tamaño de fuente, la altura de la línea, el espaciado de la sección y muchos otros, pero estos son un poco más adelante..

Apropiadamente colorido

Has estado siguiendo este artículo muy bien hasta ahora, debo decir, al menos en mi cabeza. ¿Esta experiencia de lectura sería la misma si el color de fuente para la copia del cuerpo fuera rojo, naranja o amarillo? No, sería horrible. Los colores alejarían toda la atención del contenido..

Imagine un plato con tres opciones de comida frente a un joven que se distrae fácilmente. Un verde saludable, un marrón no tan saludable y un rojo y amarillo muy poco saludables. El elemento poco saludable, por supuesto, llama su atención, el rojo y el amarillo son muy atractivos, a veces de colores cálidos y complementarios..

Aplicando esto de nuevo a las fuentes, sus opciones de color deben usarse para llamar la atención y complementarse entre sí..


"Plan de comidas" ideal para el emparejamiento de fuentes

Después de esa breve introducción, es hora de presentarte por qué estás leyendo este artículo. Así es, nos estamos moviendo hacia el uso de este nuevo entendimiento para crear el plan de comidas ideal para la combinación de fuentes. ¿No suena delicioso??

Imagen: katstan cc

La entrada principal

Esta parte de nuestro plan de comidas podría describirse con precisión como su corazón. Ahora, de memoria, no me refiero a estar más alineado con el mensaje ideal. En cambio, está siendo identificado como el principal captador de atención..

Como ejemplo, piense en el menú infantil de un restaurante. ¿Ves que el elemento resaltado es el orden del lado de los espárragos al vapor o los jugosos nuggets de pollo a la parrilla? Los nuggets de pollo a la parrilla son el punto culminante que actúa como un incentivo para ordenar artículos de cortesía como espárragos..

Consejos

  • Lo ideal es utilizar un color de fuente cálido fuerte
  • La fuente más distintiva en proyecto.
  • Un resumen de incentivos del mensaje de contenido general
  • Debería tener el mayor peso de fuente, o al menos un rol autoritario en la jerarquía
  • Gran cantidad de espacios en blanco que lo separan del contenido.

Guarniciones)

Si el plato principal es el foco, entonces solo es apropiado describir las guarniciones como los aleros. Lo sé, lo sé, demasiadas analogías están siendo lanzadas por aquí. Sin embargo, solo desnudo conmigo, va a tener sentido en un instante.

Una vez que se decida su plato principal, comenzará a buscar otros alimentos que funcionen bien para mejorarlos. Es ese objetivo de mejora que define el plato de acompañamiento. Este objetivo también es la razón por la cual los encabezados de copia del cuerpo son sus guarniciones. Se agregan al valor en la atención del usuario al contenido creado a partir de su titular. Como cualquier adolescente puede decirte, tener un compañero de ala complementario puede ser un salvavidas!

Consejos

  • El color de la fuente es complementario y menos intenso.
  • Intente establecer el tamaño de fuente al menos 10 px, 0,6 em, más pequeño que el título
  • Menos espacios en blanco entre él y el contenido dado al titular

Vegetal

Ahora hemos pasado de todos los captadores de atención a nuestra verdadera fuente de sustancia, las verduras. En cualquier comida para un niño, la verdura es lo principal que usted quiere que coman. Sin embargo, hacer que lo vean se siente como una tarea imposible.

Proporcionar cosas que hacer Como el plato principal y el plato de acompañamiento como incentivo para comer sus vegetales. Para su proyecto, el título y los encabezados del cuerpo son su incentivo, y la copia de su cuerpo es la sustancia..

Consejos

  • El tamaño de la fuente no debe ser más pequeño que 12px, 0.75 em
  • El color de la fuente debe ser algo sólido como un tono de gris más oscuro (asumiendo un fondo pálido)
  • Los párrafos no deben tener más de 6 líneas.
  • Las opciones de palabras utilizadas deben ser fácilmente digeridas por cualquier tipo de usuario

Conclusión

Ahora tiene una comprensión completa de un método fácil de seguir para emparejar fuentes para sus proyectos.

Imagen: phalinn (también se utiliza como miniatura del artículo) cc

Por supuesto, este nuevo enfoque tomará tiempo para acostumbrarse al uso, pero le facilitará las cosas. Además, vale la pena utilizar los aspectos de tratar a sus usuarios como niños solos para el aspecto cómico. Derecha?!


Lectura adicional

  • Una guía para principiantes para emparejar fuentes
  • La anatomía de la tipografía web
  • Entendiendo la Jerarquía Tipográfica