Cómo dominar la tipografía: 8 reglas para mejorar tu diseño tipográfico

1. Contenido de la clase: Hola y bienvenidos a mi video sobre tipografía. En esta clase, comenzaremos con el aprendizaje de términos tipográficos clave y sus definiciones. Y pasaremos a ocho, rosa tipográfica para llevar tanto tu tipografía como tus habilidades de diseño al siguiente nivel. Terminará la clase con un proyecto donde podrás poner en práctica todos los bits que has aprendido a lo largo del video. Entonces, empecemos con definir la topografía. topografía es el arte de hacer legible, legible y atractivo el lenguaje escrito. ¿ Cuál es la diferencia entre legible y legible? Puedo oírte preguntar, bueno, curiosamente, legibilidad se define como ser lo suficientemente clara para leer. Escúchame arriba. Por ejemplo, el tipo de la izquierda es mucho más legible que el de la derecha. Y en cuanto a legibles, donde todos estos párrafos son legibles, no están leyendo de la manera pretendida. Al organizar el texto, son mucho más legibles. 2. Tracking y Kerning: Por el seguimiento en kerning se refiere al espaciado entre caracteres. Pero hay algunas diferencias que voy a explicar. Kerning es específicamente el espaciado entre un par de caracteres. Por ejemplo, este a y V no tienen Kerning. Y se puede ver que la parte superior de la VA se alina con la base de la a. Pero cuando se agrega kerning, la parte superior de la VA ahora se superpone a la base de la a. Y con kerning, se puede empujar caracteres más separados o traer ellos más cerca juntos. Por ejemplo, aquí hay onda sin Kerning y luego onda con kerning. Hay una diferencia bastante grande. Por lo que se ha añadido Kerning entre la W y la a, la a y la v, y la V y la a, donde se ajusta el kerning y se adapta específicamente a un par de caracteres. El camionaje es una distancia constante establecida entre todos los personajes en un bloque de texto más grande. A menudo se utiliza el rastreo en lugar de coning en bloques de texto más grandes, ya que tardaría demasiado en contar cada par de caracteres individualmente. Para recordar la diferencia entre Tracking y kerning iRemember token a los caracteres son amables. 3. Principal: lectura es la cantidad de espacio desde la línea base hasta la línea base. El préstamo es una parte vital de la topografía porque afecta directamente la legibilidad de su trabajo. Por ejemplo, este párrafo ESTA agrupado y no hay mucho Ledi, pero sólo agregar un poco de préstamo aumenta la legibilidad enormemente. En realidad hay una fórmula simple que uso cada vez para calcular mi boda. Es tamaño de fuente más tu tamaño de fuente dividido por cuatro. Y funciona como magia. Te sientes como una lavadora de genio de las matemáticas ahí en ella. 4. Rags: jacta de la desigual edad del texto. Por ejemplo, en este primer párrafo, el trapo del lado derecho es liso y rayado. En este segundo párrafo, sin embargo, el trapo es Jaggard, es zigzag es simplemente horrible. Hacer que tu trapo sea correcto puede aumentar tu legibilidad y el atractivo de tu texto. Y no hay nada peor como diseñador, el notar un maletero. Estas son las tres formas principales que corrijo las mías. En primer lugar, utilizo guiones. Puedo dividir la palabra en, y eso con bastante frecuencia arreglará el problema. En segundo lugar, lo ajustaré mi columna. Y en tercer lugar, puedo ajustar mi texto, mi copia para incluir una palabra más corta o más larga puede hacer que el trapo se vea más atractivo. 5. Viudas y Orphans: Sí, no estoy bromeando. viudas y los huérfanos son términos tipográficos. Una viuda es una línea muy corta en la última línea de un párrafo. Y un huérfano es una línea muy corta en la primera línea de una nueva columna o página. Viudas y huérfanos, o un problema en la tipografía porque perturban la legibilidad de un trozo de texto. En este artículo, hay algunos ejemplos de viudas y huérfanos. El renglón muy corto al final del primer párrafo es una viuda. Y la sola palabra en la segunda columna es una, muchas veces, parece bastante solitaria, ¿no? Estas palabras parecen desarticuladas del resto de su texto es si hubiera un pensamiento tardío. Corregir a tus viudas y huérfanos es el mismo proceso que corregir tus trapos. Se puede guionar un ancho de columna gestual donde se puede ajustar su copia. 6. Alineación de la izquierda: Este es un simple consejo, pero uno de los más efectivos. No es casualidad que cada periódico, libro y artículo del sitio web estén escritos con texto alineado a la izquierda. En el mundo occidental, leemos de arriba a abajo, de izquierda a derecha. Se ha convertido en parte de nuestra naturaleza al haber terminado de leer una línea para volver al lado izquierdo del párrafo. Con texto alineado a la derecha. Regresamos al lado izquierdo del párrafo y nuestros ojos tienen una revuelta subconsciente para tratar de encontrar la siguiente palabra para continuar con la lectura. En última instancia, alinear a la izquierda aumenta la legibilidad de nuestra topografía. Y eso es clave para transmitir nuestro mensaje al lector. 7. Peso de la fuente: Al usar varios font-weight, siempre debes intentar saltarte esperar. Por ejemplo, usar luz y negrita como emparejamiento de espera. Deberías hacer esto porque agrega contraste, que es un elemento clave en el diseño. También introduce la jerarquía. Esta es la forma en que el espectador es líder alrededor de la página. Por ejemplo, si hay texto del mismo tamaño, es más probable que el espectador lea texto en negrita antes. Es como contraparte. Saltarse el peso también muestra tu intención. Si estás usando negrita y regular o irregular y liviana, estos son muy similares y a veces el lector los puede ver como un error. Si te estás saltando esperar y estás usando texto audaz y claro, entonces la diferencia es mucho más obvia. Y muestra intención. 8. Tamaño de la fuente: Al usar diferentes tamaños de fuente, usamos números redondos al escalar hacia arriba o hacia abajo. Por ejemplo, este texto es 82, w que es 164. Y w otra vez, 328. Al igual que nuestras luces de fuente, hacemos esto para Jerarquía Contraste. Y para mostrar intención. Donde estos dos tamaños de fuente son sólo ligeramente diferentes, podría ser interpretado por el lector como un error. Al apegarse a números redondos, tener duplicado, triplicar o cuadruplicar, deja claras las intenciones de los diseños. 9. Cuadrícula y diseño: Cuando me enteré por primera vez del sistema de rejilla y diseño de rejillas en general, me volaron. Era como una fórmula para un diseño perfecto cada vez. Aquí te mostramos un ejemplo de lo que el uso de grid puede hacer por tu diseño. Toma este modelo de texto con solo poner el mismo contenido en una cuadrícula. Se organiza. Es fácil a la vista, y sin duda mejora la legibilidad. Un concepto similar al sistema de cuadrícula es alinear tu contenido al eje. Por ejemplo. Estas son mis diapositivas de título que creé para estos videos. Se puede ver que los elementos múltiples se alinean de una manera u otra. Esto ayuda a lograr un efecto general de todos los elementos trabajando juntos como parte del diseño. Una vez que hayas terminado estos videos, definitivamente, definitivamente ve a mirar las rejillas de diseño porque ha cambiado la forma en que pienso sobre el diseño y la presentación de mi trabajo. 10. Una fuente de una una fuente de una: Este es otro simple consejo, pero definitivamente no uno a pasar por alto. Utilice una fuente. Una fuente aumenta la legibilidad del diseño, legibilidad y la consistencia. Los emparejamientos de fuentes, mezclar dos fondos que complementan entre sí pueden ser efectivos cuando se hace bien. Pero para empezar, recomiendo dominar una fuente. 11. Espacio en blanco: Espacio en blanco o espacio negativo, es la parte de un diseño que se deja en blanco. Ayuda a separar los elementos gráficos. Cuando se utiliza con eficacia, el espacio en blanco puede enfatizar aspectos clave de su diseño. Puede aumentar la legibilidad y la apelación. El espacio en blanco es sala de respiración visual y hace que sea más fácil para el espectador para digerir información. Aquí hay un ejemplo de espacio en blanco utilizado bien. 12. Proximidad: La proximidad indica relación. Esto significa que dos elementos que están cerca uno del otro son vistos como relacionados. Por ejemplo, aquí hay dos bloques de círculos separados por color. Y aquí están las mismas dos cuadras con un par de círculos cambiados. Ahora agrupamos a través de la posición o la proximidad más que del color. Otro ejemplo muy común de esto está en los resultados de búsqueda de Google. Sabemos qué información se relaciona con qué sitio web, porque si es eficaz, agrupar. 13. Romper las reglas: Todos estos consejos y trucos son buenas reglas de pulgar y que ayudaron a crear topografía legible, legible y atractiva. Pero habrías escuchado que se hacen que se rompan las reglas del dicho, y esto se aplica a la Tipografía Dos, romper un conjunto estándar de filas, puedes ayudarte a diseñar a destacar del resto. Estos son algunos ejemplos de ruptura de reglas en la topografía. Una vez que empieces a dominar los caminos y romperlos, te encontrarás en un ciclo entre los dos usando rosa, rompiendo reglas, usando reglas, etcétera y así sucesivamente. 14. El proyecto: Entonces, antes de sumergirnos en el proyecto, solo recapitulemos lo que hemos aprendido hoy. Entonces empezamos por mirar el seguimiento y el kerning. Nos fijamos en dejar trapos, viudas y huérfanos. Después pasamos a las reglas doradas de la topografía, como alinear a la izquierda, font-weight, tamaño de fuente, cuadrículas y diseños. Y también miramos el uso de una fuente, el uso de espacios en blanco, proximidad, y eventualmente romper las reglas. Y eso es mucho en poco menos de 15 minutos. Gracias por quedarte conmigo, pero aún no terminamos. próxima vez para el proyecto, en los adversarios del proyecto a continuación, he agregado algunas de mis propias fotos y algún texto de muestra. Siéntete libre de usar estos o algunos de los tuyos. Echa un vistazo a crear algunos diseños tipográficos, mezclar texto e imágenes, y sé paciente. Puede tomar un par de intentos para conseguir algo con lo que estás contento. Aquí hay algo que armé al hacer esto se consideran todos los elementos por los que hemos pasado hoy. Y si quieres usar este gráfico cool que hice para fuera de tu zona de confort y siéntete libre. Eso se puede descargar con las imágenes en texto de muestra también. Siéntete libre de trabajar desde mi propio diseño o puedes llegar a algo completamente nuevo. Sólo recuerda ver las clases de Patrick si te atascas o si algo no ve bien y definitivamente compartir tus proyectos conmigo después, me encantaría decir lo que todo el mundo se le ocurrió. Gracias por venir y les deseo todo lo mejor en su viaje para convertirse en un gran maestro de topografía.