it-swarm-es.com

Cantidad de fuentes por diseño

Estoy trabajando en un sitio web y me pregunto en qué momento estoy usando demasiadas fuentes y necesito recortar. En este momento, tengo un fuente manuscrita (HF1) que se está utilizando para el nombre del sitio, un fuente manuscrita (HF2) bastante diferente para el título de la página, y un - fuente serif (SF1) que se está utilizando para el texto del cuerpo.

Actualmente estoy mirando los encabezados, y realmente no me gusta cómo se ve Georgia (SF1) cuando está en negrita: los personajes se ven desequilibrados y demasiado pesados ​​cuando son grandes y audaces. Estoy dividido entre ...

  1. Haciéndolos no negrita, distinguiéndolos del texto del cuerpo de otra manera.
  2. Haciéndoles una fuente serif diferente (probablemente Jenson Pro de Adobe) y negrándolos.

Jenson Pro es una fuente de aspecto agradable, pero me pregunto si tengo demasiadas fuentes en la página en este momento. En términos más generales, ¿cuánto se puede esperar salirse con la suya tipográficamente?

10
ehdv

Me volvería minimalista con esto.

  1. Comience con una sola familia de fuentes. Es decir, una combinación de negrita, condensada, etc. Por ejemplo de lo que quiero decir ver PT Sans de la API de fuentes de Google.
  2. Si planea agregar más, justifíquelo explícitamente. Es decir, convéncete de que no solo hay una razón estética, sino también funcional para la fuente adicional.
  3. Las variaciones funcionales obvias incluyen code y tal vez la fuente utilizada en su logotipo.
  4. La razón por la que digo todo esto es que es más fácil transmitir una sensación general de armonía si sus fuentes son consistentes de alguna manera: las familias de fuentes harán todo el trabajo por usted.

Finalmente, lo mismo se aplica al uso de color y tamaño: intente mantener un subconjunto limitado de estos también. El Guía de estilo web tiene algunas cosas buenas sobre tipografía para la web.

11
Julian H

Durante mi educación en diseño gráfico, la regla general expresada fue fuentes por diseño.

Esto incluía la fuente del logotipo. Entonces, si tenía un logotipo con Gotham, eso es 1. Copia del cuerpo en digamos ... Lucida, eso es 2. y Títulos o encabezados usando League Gothic, ese es su tercero.

Así es como lo hago de todos modos.

5
Aubrey Johnson

Solo mi propio gusto: creo que si quisiera HF1, me quedaría con HF1 y me olvidaría de HF2. Para mí, es discordante enfrentarse con dos fuentes especiales desconocidas. En cuanto al cuerpo, elegiría una fuente sans-serif que no se notara y no se notara: nadie fue despedido por elegir IBM ^ h ^ h ^ h Helvetica.

3
pete142

Escoger entre:

  1. Solo un tipo de letra
  2. Tipo de letra serif para encabezados, tipo de letra sans-serif para todo lo demás, o al revés

Esta es una regla general simple pero efectiva para trabajar con la tipografía. Por supuesto, cuanto más aprenda acerca de la tipografía, podrá elaborar la elección (y romper la regla general), pero esta es una buena base para comenzar.

Considere también:

  • El logotipo es una excepción (y debe seguir siendo el único), pero uno de los dos tipos de letra que está utilizando debe verse bien junto con el logotipo en sí. Este consejo no cuenta si no tiene un logotipo adecuado.
  • Apunte a la legibilidad y el equilibrio en la página.
  • Use variaciones consistentemente: por ejemplo, use negrita con el mismo "significado" en todo el sitio web.
  • No use demasiadas variaciones en la página, ni tamaño ni cursiva/negrita.
  • Tenga cuidado con las diferencias de alias en diferentes navegadores.
3
Folletto

A los efectos de la interfaz, me esforzaría por lograr la coherencia en lugar de una regla dura y rápida sobre la tipografía. Si las fuentes que usa son consistentes en lugares consistentes, no debería haber ningún problema. Favorecer la legibilidad, la claridad y la coherencia sobre las reglas.

Haz que se vea bien y serás perfecto.

Dicho esto, vaya a sitios como Google, Apple y este como referencia.

1
DexterW

Para empezar: estoy de acuerdo con las sugerencias anteriores de no usar demasiadas fuentes, ¡y posiblemente trate de encontrar la misma fuente de 'escritura a mano' para ambos usos! 2-3 fuentes por página deben ser el máximo.

Como te quejas de que tu preferencia, 'Georgia' serif, parece demasiado desequilibrada, creo que hasta ahora se han pasado por alto otras opciones:

  1. podría usar un espacio de letras diferente para sus encabezados. Me parece que 'espacio entre letras: 0.2em;' (o un valor similar) en mi CSS a menudo hace que los encabezados se vean mejor en comparación con el texto del cuerpo.

  2. ¡use una pila de fuentes diferente! Prefiero ahora 'font-family: "Didot", "Bodoni MT", "Century Schoolbook", "Niagara Solid", "Utopia", "Georgia", "Times", "Times New Roman", serif;' para encabezados: todas estas fuentes son comúnmente compatibles. (Google 'pilas de fuentes' para encontrar otros).

  3. si todo lo anterior falla: use una fuente para sus encabezados que tenga una versión nativa 'negrita' incluida en la Fuente del sistema, por ejemplo, 'Arial + Arial Black' o las variaciones 'Century Gothic'. Encuentro que las fuentes que fueron diseñadas en negrita tienden a tener menos problemas de interletraje que las fuentes regulares diseñadas en CSS con 'fuerte' o 'negrita', por lo tanto, se ven más equilibradas.

0
webbeetle

Elija una serif y una sans para su proyecto. Preste atención para formar el equilibrio de ellos durante su elección, esto es obligatorio.

Elección de fuentes equilibradas significa diseño de diseño equilibrado.

0
zetareticoli

Utiliza la cantidad adecuada de tipos de letra necesarios. No hay una 'regla' para esto que no sea contratar a un buen diseñador gráfico.

0
DA01

Estoy de acuerdo con ehdv en la consolidación de las dos fuentes HW a menos que haya una razón convincente para mantenerlas como están, o si ya se ven bastante similares.

Para sus encabezados, sugeriría hacer algo más para que sus encabezados se destaquen. ¿Quizás un tamaño más grande y cursiva si no te gusta el negrita? Soy un gran admirador de cómo se ve Georgia en las pantallas, pero elija algo que se adapte al estilo de su sitio web.

Puede salirse con la tipografía que desee siempre que funcione. Si tiene un montón de fuentes diferentes de familias similares, y nada se destaca incómodamente, entonces funciona. Simplemente elija fuentes que no conmuevan al lector al pasar de texto -> encabezado -> texto.

0
Andrew Shipe