Campamento tipográfico: introducción a la tipografía para diseñadores gráficos

1. ¡Bienvenido a la versión del campamento!: Hola a todos y bienvenidos al campamento tipo. llamo Neal y seré tu proverbial consejero en esta aventura a través de todas las cosas diseño gráfico y tipografía. Vamos a cubrir mucho en esta clase corta, como, ¿qué tipo de letra uso? ¿ De qué fuentes de alelos provienen? Y cómo puedo abastecerlos mejor a mis proyectos para que se vean bien, pero también hacer que se comuniquen con claridad. Vamos a cubrir todos los términos que necesitas conocer como kerning, dejar, seguimiento, cuál es la diferencia entre todos esos. Por lo que se pone en marcha con ponte cómodo y empecemos. 2. Font vs. Typeface: ¿te importas?: Muy bien, tipografía. Cuando estás trabajando en el mundo del diseño gráfico, vas a escuchar mucho la palabra tipografía y vas a escuchar mucho la palabra fuente. Entonces, ¿cuál es la diferencia? ¿ Y cuándo usas qué? Bueno, la buena noticia es. Puedes usar ya sea en cualquier momento que quieras. Puedes usarlos indistintamente. Y al final del día no importa. Pero creo que con el propósito de una clase de tipografía, realmente deberíamos mirar estas palabras y ver cuál es la diferencia justo para que sepamos para nuestra propia edificación. Antes de que nos puras por ahí que realmente quieren usar el término correcto en el momento adecuado. ¿ Cuál es la diferencia? Entonces, tipografía, una tipografía se refiere al estilo específico de un conjunto específico de letras o palabras, ¿verdad? Esto es lo que se ve en la página impresa. Esto es lo que ves en tu pantalla. A esto nos referimos cuando hablamos del estilo y diseño específico de las letras. Ahora una fuente, técnicamente es el mecanismo o archivo que produce la tipografía que ves. Entonces como analogía, piensa en tu iPhone. En tu iPhone tienes archivos mp3 específicos, pero no bailas a tu MP3 ni sincronizas a tu MP3. Mp3 se carga en tu iPhone. Y eso toca y produce la música que escuchas. El música es como el tipo de letra, mientras que el mp3 es como la fuente. Es el mecanismo físico que produce la tipografía o la música. Ahora si miramos la palabra fuente y retrocedemos en el tiempo y miramos el origen de la palabra. Eventualmente vamos a llegar a la palabra fundición. Y piensas en un estudio de tipografía, esos pedacitos de tipo. A esos se les llama las fuentes y fueron forjadas en metal. Ahora tomas ese trozo de tipo, lo presionas en la página y eso produce tu tipografía lo que ves. Entonces, de nuevo, es el mecanismo físico el que está produciendo la tipografía que se ve. Es como el MP3, produce la música que escuchas. De acuerdo, bajemos aquí y vamos a complicar aún más las cosas, ¿de acuerdo? Para complicar aún más las cosas. Las fuentes son también una referencia a los miembros individuales de la familia que conforman la tipografía mayor. Entonces tomemos una tipografía como helvetica. Ahora dentro de Helvetica, podría tener Helvetica regular, Helvetica negrita, Helvetica oblicua, que es sólo una palabra diferente para cursiva. Y cada una de esas versiones de Helvetica son diferentes fuentes que conforman la tipografía que llamamos Helvetica. Por lo que volvamos a la analogía musical. Entonces para esta analogía, los diseñadores gráficos, el músico, y vas a poner un álbum cerca de elemento va a llamarse Helvetica. Cuando volteas ese álbum y miras las pistas de la canción en la parte posterior, vas a tener una canción llamada Helvetica irregular. Helvética negrita, cursiva, aleta, regular, lo que sea. Fácil, correcto. Entonces ahora que tenemos eso aclarado, vuelvo a lo que dije al inicio del video. El final del día no importa qué término estés usando. Hoy en día. Fuente significa tipografía, tipografía media desove. No te sientas intimidado por usar la correcta o la equivocada en el momento adecuado o la equivocada usando la correcta o la equivocada en el momento adecuado, en el momento equivocado. Sabemos a lo que te refieres. Está bien, sintiéndome bien. Está bien. 3. Elige las fuentes: calidad sobre la cantidad: Oh Dios mío, ¿quién tenía fuente debería usar? Hay tantos. Puede ser realmente intimidante como diseñador con tantas fuentes por ahí, literalmente miles de fuentes. Entonces, ¿por dónde empiezas? En primer lugar, la cantidad de fuentes que tienes no es presumir de derechos no te convierte en un mejor diseñador. La primera regla para la tipografía, la calidad sobre la cantidad. Entonces qué, así que tienes 1000 fuentes en tu computadora realmente no te ayuda. Si no sabes usarlas correctamente o estás eligiendo las equivocadas. Entonces esto es lo que recomiendo, sobre todo cuando estás empezando, es solo elegir un puñado de fuentes que te atraen que son algo conocidas y que han sido probadas con el tiempo y llegar a saber cómo usarlas. Obtén una comprensión de cómo es el espaciado en el rastreo y kerning. ¿ Y van a trabajar con mis diseños? Y empezar por tal vez escogiendo una variedad. Entonces toma un sans-serif que te guste, elige un serif que te guste, y luego serás un experto en esos en particular. Entonces, cuando tengas que sumergirte en un proyecto, ya tendrás un gran conjunto de fuentes con las que trabajar y sabrás qué buscar. Por ejemplo, esta fuente, sé que el kerning entre estas dos letras particulares siempre está apagado. Entonces sabré hacer ese ajuste cuando lo vea. Al menos cuando estás empezando, quieres quedarte con algunos de los clásicos probados por el tiempo. Algunas de estas fuentes han existido literalmente por cientos y cientos de años. Y han aguantado la prueba del tiempo. Son legibles. Funcionan bien, están diseñados bien, y ya sabes, van a funcionar. Entonces, en lugar de escoger algunas fuentes lindas y oscuras, quédate con los clásicos probados por el tiempo. Elige sobre fuente como Helvetica horno año. La consejería de Adobe es una fuente preciosa. Baskerville, baja, más vieja escuela, pero sigue siendo una tipografía hermosa. Futura futuro tiene más de esa ventaja moderna. Entonces aquí hay una confesión. Me gusta mucho Times New Roman. Creo que está bellamente diseñado. Se lee muy bien. Creo que hay cierta aprensión con Times New Roman porque es una especie de eso: estoy escribiendo un papel y cargando Microsoft Word y esta es la fuente, así que esto es lo que estoy usando. A menos que tal vez estés buscando algo con un poco más de moda o zándole, podrías mirar una fuente serif moderna como Bodoni. De acuerdo, entonces, ¿cómo eliges entonces? ¿ Una vez que tienes tu conjunto reducido? Bueno, mira al cliente o proyecto en el que estás trabajando. Si estás trabajando en un proyecto para un bufete de abogados de 100 años, quizás quieras usar algo que tenga un sentido de longevidad, que le tenga un sentido de profesionalismo. Podría querer hacer algo así como un millón Pro. O tal vez estás haciendo un diseño para un stand de hotdog retro comenzó. Podría recomendar algo así como cooper black. Pero no quieres usar Cooper negro para un bufete de abogados y no quieres usar Minion Pro para un soporte de hotdog vegano retro. Por lo que siempre considera el cliente y el proyecto en el que estás trabajando. Otra cosa importante a considerar a la hora de elegir una fuente es el periodo de tiempo del que provenía. Entonces, como regla general, tipografías sans-serif son más modernas y son más nuevas que las caras de tipo serif, que habían existido mucho más tiempo. Otra cosa que debes considerar es la forma y funcionalidad de lo que realmente estás creando. Si estás tipografiando una novela larga, va a ser una mejor opción usar una tipografía Serif porque tienen más legibilidad que una sans-serif. legibilidad va a ser la prioridad número uno. Y otra cosa en la que pensar cuando estás escogiendo una tipografía es en cuántos elementos diferentes voy a estar creando? Si estoy haciendo una marca grande donde voy a tener toda la identidad corporativa, ya sabes, un reporte anual y vallas publicitarias y tarjetas de visita y todas estas cosas. Vas a querer elegir una tipografía con muchos miembros de la familia de fuentes, ¿verdad? Mucha cantidad de pesos y variaciones diferentes. Y luego puedes jugar esos hasta a lo largo de tus diseños. Entonces, ya sabes, podría gustarle una fuente como el impacto. Pero a lo mejor de mi conocimiento, realidad sólo hay un peso con impacto. tanto que aquí una fuente como Avenir, vas a tener delgadas, gruesas, condensadas todas estas variaciones para trabajar con y dentro de la misma familia. Entonces elige una tipografía que vas a ser capaz de construir y realmente crear una marca robusta y diversa por el camino. De acuerdo, lo último en lo que debes pensar a la hora de elegir una tipografía es cómo se compara con las otras tipografías que estoy usando en mi diseño. Entonces eso podría ser un cartel o un informe anual. Ya sabes, está bien usar una cara tipo, especialmente si tienes varios miembros de la familia, múltiples pesos dentro de esa tipografía. Pero si estás trabajando en algo más grande, quizás quieras integrar tipos de letra adicionales solo para agregar una sensación de variación y no dejar que se vea demasiado mundano. Ahora lo primero que te diría sin embargo, es que no quieres demasiados. Entonces si estás trabajando en un diseño en particular, realmente me limitaría a 12 o tres tipos de letra. Cualquier cosa mayor de tres puede ser distrayente y realmente puede desechar al espectador en algo así como un cartel para podría ser un buen medio feliz, sobre todo si estás trabajando con tipografías ellos, esos de peso múltiple. Ahora al elegir tus múltiples opciones, no quieres nada que sea dos emparejamiento, emparejamiento, ya sabes, no quieres emparejar Helvética con accidentes grotescos porque esencialmente con lo mismo al laico, no a nosotros pros, ¿verdad?. Y al pensar en par y recordar lo que dije sobre legibilidad, ¿verdad? serifs tienden a leer un poco mejor, sobre todo en la copia corporal frente a un sans-serif. Por lo que podrías elegir un sans-serif como Helvetica para tu titular. Pero entonces en tu copia corporal podrías usar algo así como minion pro. Ya sabes, me gusta realmente apegarme a la cosa minimalista clásica a mí mismo. Pero eso no es para arrastrarte lejos de algunas de las fuentes realmente geniales como scripty, grungy, raritas por ahí. Y, pero solo recuerda si estás usando algo así para un titular, lo cual puede ser genial. Y solo recuerda que quieres usar algo más legible para tu copia corporal. No quieres estar usando alguna fuente de script extraña para tu copia corporal. Ya sabes, elegir una tipografía Serif que se pueda leer fácilmente. Por lo que puede estar notando que siempre he estado referenciando esta copia corporal y legibilidad y legibilidad como necesidad de una tipografía serif antigua y agradable. Pero eso no siempre es cierto. No me refiero a alejarte totalmente de usar una tipografía sans-serif como copia del cuerpo. Esos pueden funcionar bien. Hasta he visto novelas dispuestas con una tipografía sans-serif. Pero justo como regla estándar, sí creo que las tipografías serif sí se leen mejor, forman más largas, y encarnan copia. Una cosa más en la que pensar es el tamaño del tipo que estás usando. Es fácil dejarse chupar en esto como burbuja de diseño en una computadora y donde todo está como dispuesto para ti a escala perfecta en tu pantalla. Creo que Aaron Harappa y este gran diseñador que realmente me gusta, lo llama ser dibujado. Por lo que desde luego considera la distancia. Entonces eso se va a leer en, ¿voy a estar navegando por la calle y necesito leer un póster a cierta distancia en dos segundos a medida que paso, Elige Tu talla y tu tipografía en consecuencia. Pero si está en un libro, ya sabes, si me escriben diciendo un libro, sé cuáles son las distancias. Va a estar a 18 pulgadas de mi cara o lo que sea. Y probablemente lo voy a mecanografiar alrededor de diez puntos. Diez puntos es un promedio bastante bueno para la copia corporal o un libro o folleto de forma larga. Y es gracioso porque en muchos programas, tu tipografía predeterminada tamaño 12, que en realidad es bastante grande una vez que lo imprimes. Por lo que un buen estándar a seguir son los periódicos. Creo que nuestra impresión usualmente alrededor de 9, dar o tomar. Entonces sí, 12 va a ser masivo comparado con eso. Entonces recuerda, tu trabajo es el diseñador gráfico para dejarlo claro y para comunicarte bien. No eres un estudiante de secundaria secundaria que está tratando de convertir un papel de una página en un papel de dos páginas. Pero te mostraré cómo puedes hacer eso con dejar en lugar de tamaño de punto. De acuerdo, así que ahora ojalá tengas un poco de sentido de por dónde empezar en la elección de tus fuentes. Recuerda, calidad sobre cantidad. Apégate a los clásicos, sobre todo cuando estás empezando, consigue un puñado de tus fuentes favoritas y realmente consigue una idea de cómo funcionan. Siempre considero el cliente o el proyecto, la forma, la funcionalidad, el sesgo de tren hacia tipos de letra que tengan múltiples miembros de la familia o peso múltiple. Y cuando empareje fuentes juntas, realmente intenta mantenerlo en solo dos o tres. No te vayas por la borda con demasiadas fuentes. 4. Crimes: finalizar la injusticia.: Tenemos que hablar de delitos de tipo. Como diseñadores gráficos, es nuestro trabajo defender los principios de una tipografía adecuada. Estas son las cosas que debes evitar. Y lo que ven aquí es Times New Roman. Esta va a ser nuestra línea de base para todos los ejemplos de delitos tipo que veamos. ¿ Listo? De acuerdo, ¿qué tiene de malo esto? Escribe aquí nuestro primer crimen es que nunca queremos estirar ese tipo. tipografías de calidad están diseñadas con unas proporciones muy específicas en mente que prestan legibilidad y legibilidad. Y no queremos distorsionar estos y hacerlos más difíciles. Queremos respetar el diseño original de la tipografía y el tipógrafo que la hizo. Y aquí de nuevo está la versión correcta. ¿ Qué te damos? ¿ Otro ejemplo de tipo que se estira? Esta vez se estira horizontalmente y no verticalmente. El enfoque. Y la versión correcta. Oh, alguien ha puesto un trazo en el exterior de su tipo para que parezca audaz. Y ahora los formularios de cartas han sido destruidos, estaban disparando. No queremos fingir audacia. Queremos usar el verdadero tazón. Miembros de la familia de fuentes de una tipografía en particular para Times New Roman, se ve realmente audaz así. Alguien ha intentado hacer que esta tipografía parezca una versión en cursiva. Pero no lo es. Todo lo que hicieron fue sesgar las letras para que se vean inclinadas, papel normal, normal. Queremos usar versiones verdaderas metálicas u oblicuas de esa familia de tipografías. Se asegura de que estás escogiendo la fuente correcta. No lo finjas. Así es la verdadera versión en cursiva de Times New Roman. Como pista esta topografía demasiado apretada. Y ahora todas las cartas están empujando juntas y es difícil de leer y por favor no cometas este error. Alguien ha usado comillas dobles en lugar de comillas reales en la tipografía. Estas no son comillas, estas son pulgadas. Y he visto lo mismo con los apóstrofos donde la gente usa marcas de pies en lugar de apóstrofos. No podemos dejar que esto continúe. Las cotizaciones deben estar ligeramente actualmente en una tipografía Serif o inclinadas en una sans-serif. Vivimos otro día. ¿ Viste que dos espacios después del periodo? No escuches lo que nadie más te diga. Ahora eres gerente de marketing, no tu secundaria secundaria, un profesor de clase de mecanografía. Sólo hay un espacio después de un periodo. No demasiado. Ya lo has oído aquí. Si alguien no está de acuerdo contigo, puedes hacer que me contacte personalmente. No, peor que la revuelta. Nunca use el guión doble. Si necesitas hacer una pausa en una frase, usa siempre el guión M adecuado. Existen tres líneas horizontales primarias y topografía. El más corto es el guión. El guión se utiliza para guionar palabras o al comparar dos conjuntos de valores. Por ejemplo, los gemelos ganaron anoche nueve a seis, y tenemos dos guiones primarios. El más corto de los dos es el n dash. Y n dash se utiliza para un rango de valores. Por ejemplo, Juan Doe vivió de 1987 a 2042. Simplemente no lo olvides. Y esa. Y el más largo de todos los guiones es el todopoderoso guión M. Esto se utiliza para crear una pausa en el idioma. K-mean no es nada peor en este mundo que el mal Kearney contento ya. O lo que se llama Schroeder. 5. Trabajar ese tipo.. .: En este video, vamos a descomponer letras individuales y vamos a hablar de cómo se llaman las piezas o partes de esas letras. También vamos a ver la cuadrícula invisible que compone estas letras y palabras. Entonces nuestro ejemplo aquí, menú y pero, hermosa tipográfica serif. Vamos a empezar con la línea de base. Basal es la línea donde se sientan todas las letras a donde vienen a descansar a una especie de su fundación. Me estoy moviendo de la línea de base a la parte superior de las letras minúsculas. A esto se le conoce como nuestra altura x. Ahora el área, la altura x, que se extiende al punto más alto de la cuadrícula en la que están diseñadas nuestras letras, se conoce como nuestra Altura del Cap. Cualquier cosa por encima de la altura x se conoce como ascendente. Y nada por debajo de la línea de base se conoce como descendiente no es un hermoso piso G de doble planta allí. Ahora esta palabra en particular y tipos de letra interesantes porque tenemos una ligadura pasando aquí. Una ligadura es cuando se combinan dos letras en el mismo glifo. ¿ Qué es un glifo? Un glifo es cualquier pieza de un tipo de letra. Podría ser una letra, un número, puntuación, o cualquier ligadura única para símbolos únicos. Ahora esta ligadura phi funciona particularmente bien porque el ascendente, el F, actúa como el punto en el i minúscula. En tipografía, ese punto en la parte superior de un i minúscula o minúscula j se conoce como el título. Ahora las ligaduras salieron del mundo de la letra prensa. O a veces tendrías dos piezas de tipo y no necesariamente se alinearían lado a lado tan bien como querrías que se imprimieran. Entonces en cambio crearían estas ligaduras individuales que combinarían ciertas letras. Entonces el tipógrafo no tendría que preocuparse por ese espaciado entre el f y el ojo y simplemente puede agarrar la ligadura FI en lugar de las dos letras. Ahora, a veces cuando estás diseñando un InDesign e Illustrator, el software insertará automáticamente una ligadura para las letras que has escrito. Pero si quieres profundizar más y quieres ver lo que está disponible, siempre puedes hacerlo en tu paleta de glifos para encontrar que vamos a Tipo Ventana en glotas. Ahora en esta paleta. Y tenemos todos nuestros glifos de Minya en Pro. Y puedo ver aquí abajo tenemos nuestra FI. Y cada vez que veas una de esas zanahorias pequeñas, una de esas flechas pequeñas, eso significa que hay más opciones debajo. Por lo que puedes hacer clic en eso y aguantar y puedes ver qué otras opciones debajo. Por lo que pasa mucho en esta tipográfica. Puede que no necesites una ligadura en un punto específico, pero a veces son un bonito diseño tocado, sobre todo si estás trabajando en un logotipo. Ahora podemos hablar de ligaduras sin mencionar las más famosas y ampliamente utilizadas a la ligadura de todas ellas. El ampersand. Entonces el ampersand es técnicamente este tipo de integración distorsionada hasta las letras E y T, que son latinas para la palabra. Y ahora hay un montón de ampersands realmente cool por ahí. Por lo que si alguna vez estás trabajando en un logotipo para un nombre que use en y en él, podría querer considerar encontrar un ampersand único para ello. Este de aquí es bastante clásico, pero sé que menú y pro itálica tiene un ampersand particularmente único. Y ahí está. Y aquí realmente se puede ver la E minúscula y la T aquí representando la palabra latina. Ok, entonces ahora que conocemos todas las piezas y conocemos la cuadrícula y maquetación de nuestras letras. Hablemos de cómo podemos cambiar las letras. Por lo que lo más obvio que podemos hacer es aumentar o disminuir el tamaño o el tamaño del punto. Ahora eso va a estar en nuestra paleta de personajes aquí. Si no ves esa paleta de caracteres, puedes encontrar todas tus paletas y ventanas en el menú Ventana. Bajar a tipo y tablas, carácter, párrafo y nuestros glifos de antes. Ahora, esto ya está establecido en 72.72 puntos equivale a una pulgada. La distancia desde la parte superior de la altura del gorro hasta la parte inferior del descendiente. Ahora sólo podemos disminuir o aumentar como nos parezca conveniente. O podemos tomar el menú desplegable y elegir un preset. De acuerdo, y ahora el término que todos habéis estado esperando, Kearney. Carniano se refiere al espaciado entre letras individuales o glifos. Ahora sí ajusta el kerning. Pondremos nuestro cursor entre las dos letras que queríamos ajustar. Y podemos encontrar nuestro kerning aquí justo debajo de nuestro tamaño de punto. Y podemos disminuir el Kearney para acercar las letras. O podemos aumentar el Kearney para alejarlos aún más. Cada tipo de letra es diferente en la forma en que actual. Es por eso que recomiendo particularmente para las personas que empiezan, es solo encontrar esos puñado de tipos de letra que realmente puedes llegar a conocer. Para que cuando escribas una combinación específica de letras, sepas que esas letras pueden necesitar algunos ajustes. Kerning es más una forma de arte que una ciencia. Si fuera una ciencia, ya estaría programada en las letras y no tendríamos que preocuparnos por ello enseguida. Nuestra IA es que estaremos haciendo todo nuestro kerning por nosotros, pero por el momento, optamos por hacerlo nosotros mismos para movernos un poco más rápido a medida que actuas a través de múltiples palabras y letras, puedes usar tus teclas de flecha izquierda y derecha para mover el cursor. Y cuando estés listo para ocurrir y pulsa tu tecla Alt u Opción. Y luego la flecha izquierda para acercarlos, o la flecha derecha para alejarlos más. Y básicamente solo buscamos un bonito, incluso equilibrado conjunto de letras que se vaya a comunicar lo más claramente posible. Recuerda el siglo XX, tiempos difíciles para Kearney. número uno es un glifo muy delgado, y así son siempre aparece. Espaciado extra. En cualquier momento que veas una fecha o ciertos números emparejados. Por esa razón, estaba muy emocionado por el año 2020. Ahora, ¿cuál es el término para el mal kerning? ¿ Vienes? De acuerdo, entonces hablamos de kerning. Ese es el espaciado entre letras individuales o glifos. Ahora vamos a hablar de rastreo. Tendrás que usar el seguimiento siempre que quieras expandir todas las letras dentro de una palabra o una frase. Entonces para hacer eso, primero voy a convertir esto a todas las mayúsculas. Voy a hacer eso yendo a lo muy importante, dale un pequeño menú de hamburguesas aquí en la esquina de mi paleta de personajes. Y voy a bajar a todas las gorras. Y voy a reducir esto a tal vez alrededor de la mitad del tamaño. Voy, selecciono mi tipo y puedo ir a mi rastreo, que está justo a la derecha de mi Kerning. Y a medida que aumente el rastreo, espaciará esas letras hacia fuera. O a medida que disminuya el rastreo, eliminarlos juntos. Ahora, no te pongas demasiado apretado en esto. Si vas a las cosas apretadas se aplastan juntas y se vuelven difíciles de leer. Si quería saltar esto fuera, digamos 2222. Ya están pasamos de un restaurante italiano de $10 jugados a un restaurante italiano de $20 el plato con sólo un poco de seguimiento. De acuerdo, entonces hablamos kerning, hablamos de seguimiento. Ahora hablemos de Ledi, no liderando. El modo de recordar esa pronunciación es pensar en qué estudios de prensa de letras que estamos usando tipo hecho de una pierna. De ahí salió el término. Y literalmente pegarían piezas de plomo entre las líneas de tipo para espaciarlas. Entonces eso es lo que es Letting, es el interlineado. Entonces vamos a seleccionar esta caja de texto y vamos a ir a nuestro rastreo. Por lo que vamos a seleccionar esta caja de textos. Y vamos a ir a nuestro arrendamiento, que está justo a la derecha de nuestro tamaño de punto. Podemos ver que está establecido en 12 aquí, que es un estándar para el tamaño de punto de diez. Por lo que eso significa que permite puntos de espaciado entre cada línea de tipo de 10 puntos. Y el tamaño de punto del tipo se mide desde la parte superior de la altura de la tapa hasta la parte inferior en el descendiente. Ahora otra vez con un permiso, no quieres ir demasiado apretado. Porque vamos a tener el mismo tema que nuestro seguimiento donde las cosas se aplastan juntas y se vuelven más difíciles de leer, sobre todo cuando estos ascendientes comienzan a chocar entre sí. Pero puedes obtener algún efecto agradable cuando espacias las cosas, obtener un poco más de legibilidad, tal vez alguna sofisticación ahí. Si tienes la habitación en tu página para trabajar, puede agregar un bonito toque. Siempre sesgada al lado de demasiado dejar en lugar de no lo suficiente. Digamos que quieres hacer algo un poco más creativo que simplemente mantenerlo en esa línea de base de calle. Dibujé esta pequeña línea feliz aquí con mi herramienta de bolígrafo y quiero conseguir este tipo conjunto en esta línea. Entonces lo primero que voy a hacer es hacer doble clic y seleccionar todo mi tipo. Voy a ir Editar y Copiar. Entonces ahora que Mi portapapeles, puedo bajar a la Herramienta Tipo. Veo otra zanahoria o flecha ahí para que pueda hacer clic y sostener y bajar a mi tipo en una herramienta de camino. Y conforme me acerqué a la línea, vas a ver cambiar el cursor y va a ser un pequeño signo más. Ahí es cuando sé que puedo dar click. Mi cursor irá a esa línea. Y ahora puedo ir Editar y pegar. Soy tipo se pone puesta ahí. Ahora hay muchas maneras de deshacerse de esa línea. Forma lo voy a hacer como voy a primero hit escape. Para sacar ese cursor de ahí. Voy a ir a mis muestras. Asegúrate de que mi trazo esté delante aquí. Voy a seleccionar ninguno y hacer que desaparezca. Ahora puedo obtener aún más opciones si voy a escribir y voy abajo a escribir en un camino, opciones, puedes hacer cosas como voltear el tipo o incluso jugar un poco con la perspectiva o cómo se establece la línea base. Fácil, ¿verdad? Ahora con Adobe, no te limitas a tener líneas rectas de un tipo, o mantenerlas en cajas rectangulares. Realmente puedes poner tipo en cualquier forma. Voy a ir a mi palé de forma aquí. Voy a dar click en la Forma y mantenerla para obtener mis otras opciones aquí, voy a elegir una elipse. Voy a dibujar un círculo. Voy a mantener presionada mi tecla de turno. Y eso creará un círculo de proporción en este caso. Ahora puedo volver a mi herramienta de texto estándar, ya que podría escribir en la línea ya está seleccionada. Por lo que voy a hacer clic y mantener presionado y elegir Herramienta de tipo. Y cuando entro en la forma, se puede ver mi cursor cambiado de nuevo, ¿no? Para ordenar un círculo de línea punteada a partir de una partitura. Vamos a dar click ahí dentro. Y ahora mi cursor está dentro de la Forma. Cualquier trabajo de forma. Y ahora puedo entrar en Editar y Pegar todavía en mi portapapeles desde antes cuando lo copiamos. Editar pegar y puedo llenarlo y puedo formatearlo como me parezca conveniente, deshazte de los guiones si me gusta. Y al igual que el tipo en la línea. Entonces ve a mi paleta de muestras y puedo ocultar eso. Por lo que tenemos justo las apretadas, muchas maneras de ponernos creativos aquí. De acuerdo, de vuelta a nuestro italiano únase. Ahora, en este momento, Adobe está viendo esto como un conjunto de letras editables. Puedo meter mi cursor aquí si quiero. Puedo resaltar, puedo cambiar la ortografía, puedo cambiar la fase, lo que me guste. Pero va a haber casos ya que estás diseñando donde vas a querer convertir estas letras en lo que Dolby InDesign esencialmente va a leer como formas. Y a eso lo llamamos crear contornos. Entonces me voy a escapar de aquí, asegurarme de que mi texto esté seleccionado. Y voy a subir a escribir y crear todas las líneas. Por lo que ya no puedo editar este texto. Y ahora InDesign ve esto como formas, no letras. Por lo que esto tiene benéfico es que ahora puedes manipular el tipo. Esto es realmente genial si estás trabajando en un logo porque quieres que tu logo sea único. Por lo que ya tienes la opción. Para personalizar las letras. Entonces para hacer eso en esta instancia, puedo tomar mi flecha blanca y puedo seleccionar algunas de estas asas o bits y piezas de mi tipo. Y puedo sacarlos sin embargo me parezca conveniente crear algo un poco más interesante o único. Y de nuevo, sobre todo con un logotipo, no quieres que solo sea algún tipo de letra mecanografiado, llamándolo un día. Quieres hacer algo para que sea un poco más memorable, sobre todo si no estás trabajando con un símbolo o paleta de colores en particular. Piensa que eso se ve bastante bien. Creo que estamos hasta un restaurante italiano de $30 el plato. Entonces no está mal, ¿verdad? Construir un cliente. Está bien, puede que haya oído hablar del programa de MTV. Entonces vamos a Prim algún tipo aquí. Tenemos una bonita cuadra aquí, un bonito párrafo. Entonces, ¿cómo podemos hacer esto un poco mejor, un poco más legible? Bueno, lo primero hablemos de justificación. Podemos seleccionar nuestro tipo y claramente subimos el plano todas las opciones de izquierda justifican, centradas, o derecha justificadas. Volvamos a la izquierda aquí. En realidad voy a copiar esta caja manteniendo presionada mi tecla alt. Y solo voy a deslizar mi copia sobre como go solo para que tengamos un antes y un después para ver cómo esto, lo primero que quiero hacer es deshacerme de esta separación de guiones aquí en cualquier momento que pueda. Yo sólo quiero evitar eso. Hazlo un poco más legible y lo hago en mi ventana Párrafo. Esto no es mostrarte para ti. Aquí puedes subir a tu paleta de ventanas, teclear y tablas, y todo está disponible. Entonces voy a desmarcar eso. Ese es el valor predeterminado en InDesign. Y ahí vamos. Lo siguiente que voy a hacer para esto es pensar en esto como periódico o revista, y lo voy a justificar en Bolsa. Consigue esas lindas líneas pareadas de cada lado y ve cómo eso se ve mal. Pero de verdad quiero imprimir esto. Entonces voy a seleccionar mi texto y vamos a entrar en mi párrafo. Recuerda esta muy importante minúscula hamburguesa menú oculto. Y yo selecciono eso, voy a bajar a la justificación. Ahora lo que este menú me va a permitir hacer es darle permiso a InDesign, para hacer algunos ajustes menores para espaciar las cosas un poco más uniformemente. De modo que eso puede ser el espaciado entre las palabras o las letras espaciadas. Y también le voy a dar a InDesign un poco de margen de maniobra con escala de glifos, lo que está permitiendo una especie de estirar esas letras sólo un poquito. Si ayudará a que el párrafo se vea mejor. Ahora estoy súper aprensivo por estirar letras porque siento que es la destrucción del diseño del tipógrafo. Pero en realidad lo voy a permitir hasta un 2% porque no creo que eso vaya a ser muy notable, sobre todo a pequeña escala. Entonces voy a decir que puedes bajar al 98% o todo el camino hasta un 102%. Espaciado de palabras. Este valor predeterminado es bastante bueno, 80% menos. Ahora el máximo predeterminado es 133. Pero me gusta poner eso en 120 porque entonces es 20% a cualquiera de los lados de mi cantidad deseada. Espaciado entre letras, voy a permitir que baje 5% o 5% como InDesign considere conveniente. El resto de estos parámetros podemos dejar por ahora. Y vamos a pegarle OK. Y ver el cambio de párrafo. Bastante bien, ¿verdad? Vamos a deshacer clic. Se ve mucho mejor desde nuestra primera opción a la izquierda. 6. Una (información) historia de la tipografía: Hey a todos y bienvenidos a una historia de tipografía y entender la historia es realmente importante para los diseñadores gráficos porque te hace un mejor diseñador. En primer lugar, te da un contexto para dónde vinieron estas tipografías, que te ayuda a decidir qué elegir en tus proyectos. Pero como diseñadores contemporáneos, ahora eres parte de la historia y parte de ese patrimonio. Y eso es algo que es muy empoderador como diseñador. Entonces la palabra topografía es griega. Viene de errores tipográficos, que significa impresión en gráfico vía escritura significado. Antes de ir demasiado lejos, sólo quiero darles una idea de la línea de tiempo que estamos trabajando. Vamos a estar de crucero por cerca de 4 mil años de comunicación visual. Ahora la mayor parte de lo que vamos a cubrir es de Europa y va a ser desde la perspectiva de la civilización occidental. Pero realmente sería rementida si no mencionara todo lo que estaba pasando en el este de Asia, 500 a incluso 1000 años antes de lo que vamos a hablar en Europa. Ahora los asiáticos se adelantaron mucho a su tiempo en términos de lenguaje en tecnología de impresión. Esta impresión de madera que ves aquí era de la dinastía Han en China hace unos 2 mil años. Esto se imprimió en tela, pero también desarrollarían papel, como saben, desarrollaron papel de cáñamo durante 100 años después de que esto hubiera sido impreso. Entonces, ¿cuál fue la motivación para empujar esta tecnología de impresión y difundir esta información? Si bien en el caso de Asia, era para difundir el mensaje del budismo. Ahora vamos a ver una historia paralela en Europa con la necesidad de difundir el cristianismo. Pero es interesante cómo en los primeros días, esta fue la principal función y motivación para la tecnología de impresión, la religión. Y esto es interesante aquí. Este es un diagrama de esencialmente una Lazy Susan para la topografía asiática. Ahora los agentes primero hicieron su tipo de cerámica. Entonces al igual que en un estudio de tipografía, podrías ver pedacitos de tipo metal. Sus formas más tempranas eran cerámicas. Y puedes sacar la pieza que querías decir, imprimirla en la página tanto como quisieras. Y era reutilizable. Y luego puedes volver a poner la pieza de cerámica violeta hasta que necesites volver a usarla. Ahora de vuelta al budista. Este ejemplo de unos 700 años de edad proveniente de Corea se llama las enseñanzas seleccionadas de sabios budistas y maestros sianos. Por lo que este es el libro más antiguo conocido que se imprimió con tipo móvil. Ahora vamos a cambiar periodos de tiempo y geográficos. Entonces vamos a ir a cerca del año 1400, hace aproximadamente 600 años. Y vamos a ir a Europa Central. Entonces este tipo de aquí es escriba y básicamente su trabajo era copiar libros. Hizo algunas cosas administrativas, pero de nuevo, su propósito principal era copiar textos religiosos como la Biblia. Por lo que estas Biblias, se condecoraban con ilustraciones y las hojaban de oro, y se les llamaba Manuscritos Iluminados. En su momento, esta era una profesión muy respetada. Pero claramente a medida que llegaba la impresión, les empujaba la tecnología. Eso vimos en la Revolución Industrial. Y ahora lo estamos viendo de nuevo con Ya sabes, autos autónomos tomando los trabajos de conductores de Uber y camioneros. Ahora estos monjes solían trabajar en estas salas específicamente para escribir llamado scriptorium. Este ejemplo aquí es una Biblia manuscrita del año 1407, escrita en latín. Se puede ver la decoración ahí en la segunda columna. Nuevamente, todo escrito a mano, a la vez increíble y hermosa. Este es un primer plano de esa misma biblia. Y en esta decoración aquí, esto es lo que llamamos una gorra inicial o un drop camp. Básicamente ese tipo está parado dentro de una letra gigante p. Y eso es para empezar el párrafo y la escritura a su alrededor en la típica letra negra estilo letra. Y ese estilo apunta a esa zona germánica de Europa. Ahora desde el momento en que se imprimió esta Biblia, vamos a avanzar rápidamente sólo un par de décadas a este caballero Johannes Gutenberg. Generalmente se le atribuye como el inventor de la imprenta. Habría sido inventado su primera prensa alrededor de 1439 por encima de quinientos, seiscientos años atrás. Ahora, cuando empezó a orar por primera vez, seguía usando esa vieja tipografía negra. Un ejemplo sería factor. El factor se considera una de las primeras tipografías. Y basó ese diseño de tipografía en la escritura de esos escribas. Ahora Gutenberg está trabajando fuera del área germánica. Está usando el tipo de metal, que en su mayoría está hecho de plomo y estaño. Es por eso que en un estudio de tipografía se refieren a esos trozos de tipo como Legos tóxicos. Y aquí una réplica de una de las primeras prensas de Gutenberg. Fuera a la derecha aquí se pueden ver estos oficios. Esos son para las piezas individuales de tipo, por lo que puedes arreglarlas. Y dato divertido, aquí es de donde salieron los términos mayúsculas y minúsculas. Se guardaban físicamente letras minúsculas en minúsculas y mayúsculas en mayúsculas. Y esta es una imagen, una de las biblias de Gutenberg. Ahora hoy solo sobrevivieron 48 ejemplares originales, y son considerados entre los libros más valiosos del mundo. Si puedo presumir por un minuto, en realidad llegué a sostener una página de una biblia original de Gutenberg en un museo. Es decir, estaba en una funda de plástico, pero llegué a sostener la funda de plástico que sostenía la página de la Biblia de Gutenberg fue muy emocionante. Entonces, vamos a pasar de Alemania. Hablemos un poco de Italia. Si hay una región geográfica que realmente impulsó la tipografía moderna, Es Italia. Roma era una ciudad moderna muy vibrante. Y al igual que cualquier otra ciudad metropolitana que tengamos hoy en día, atrajo a forasteros a venir ahí por la cultura y tal vez a armar su negocio. Ahora venía gente de Alemania para ir a Italia a montar sus tiendas. Y Bennis, otra gran ciudad moderna, atrajo a un francés llamado Nicholas Jensen, quien seguiría creando la primera tipografía romana. Llamado Jensen en el año 1470. Entonces esto es sólo un par de décadas después de la Biblia de Gutenberg. Ahora esta columna que estamos viendo se llama columna de Trajan. Tiene alrededor de 2 mil años de edad. Y era un monumento de guerra, por supuesto, que se colocó en Roma e inscrito con estas formas romanas mayúsculas. Estas son las formas de letras primarias que inspiraron a estos tipógrafos, incluso 1400 años después. Entonces Jensen, quien vivía y trabajaba en Venecia y hacía un viaje a Roma, paseando por ahí, viendo la columna de Trajan. Y eso lo inspira a crear su tipografía Jensen. Ahora esta imagen de la izquierda es una selfie de Jensen y la la derecha es su marca tipógrafos o como marca de imprenta. Esto sería algo que imprimiría en la página como una especie de logotipo o firma para identificarlo como el impresor de esa página. Ya sabes, tener tus impresoras marcadas en una página impresa es como tener el logotipo de Cadillac en la parte trasera de un auto. Ahora bien, Italia era realmente el lugar que avanzaba la topografía. De hecho, la palabra tau x viene de la palabra Italia. Este es un ejemplo de una de las primeras formas de tipo metálico en el momento en que se llamaba Córcega dukkha humanista. Y esto realmente surgió del Renacimiento. De nuevo, estamos en los 15 cientos. Ahora lo interesante al respecto, tipo cursiva es que originalmente fue diseñado justo como un ahorro de espacio. La impresión era cara y básicamente estás pagando por la carta. Entonces tomaron estos formularios de cartas y como que los inclinaron, lo defienden un poco para que caben más en la página. Por lo que la topografía salió de Alemania, había empezado a explotar en Italia. Y ahora está empezando a extenderse a Suiza y a España. Y eventualmente va a abrirse paso a Inglaterra. Pero en su camino va a golpear a Francia. Y este tipo aquí mismo en clade Garamond Hume, quien quizá conozcas por la tipografía. Garamond, fue encargado como tipógrafo por el rey Francisco el primero en 1541 para crear su tipografía. Es decir, imagina que estamos viviendo en una época en la que los Reyes de estos países ven el valor en el lenguaje y la comunicación y están comisionando tipos de letra. Por lo que el presidente en realidad consiguió mucha fama al diseñar su tipografía. E incluso hoy considerado uno de los más grandes diseñadores de tipo. Y seguimos usando su tipografía en forma digital en nuestras computadoras. Y aquí un ejemplo de Garamond en Itálica forma del año 1540. Pasemos a Inglaterra, porque ahora nos estamos metiendo en los 17 cientos. Y va a haber mucho desarrollo de tipos en Inglaterra. Este ejemplo aquí es una página de espécimen tipo de William Castle. La página de espécimen de tipo es básicamente una muestra de cómo sería una tipografía. Y esto sería algo que le mostrarías a tus clientes o usarías para vender tus tipos de letra. línea de vacas William era originalmente un grabador de armas. Y fue ese conjunto de habilidades de trabajar con metal y talla. Lo llevó a convertirse en tipógrafo. Ahora, chasm, sabemos del catálogo de tipografía o probablemente esté listado en tu computadora como vacas de Adobe en lo que significa que Adobe tomó la fuente de abismo y especie de hizo su propia versión computarizada de la misma. Por lo que Kathleen es un diseñador bastante famoso y también influiría en otro inglés llamado John Baskerville. Y a finales de los 17 cientos, sería Baskerville quien crearía lo que llamamos las tipografías transicionales. Donde tipo de empujar los delgados y arreglar las letras. No es lo que consideraríamos una tipografía moderna, pero definitivamente fue una evolución en el avance en las formas tipo. Ahora avanzando hacia los primeros 18 cientos, vemos la evolución hacia lo que llamamos tipografías modernas. Por lo que se trata de un espécimen tipo de la tipografía donada conocida como Bodoni. Probablemente lo tengas en tu computadora hoy. Ahora Bodoni era italiano y tenía un homólogo francés llamado DDL. Y estos son grandes ejemplos de lo que se convirtieron en las tipografías modernas. Tan extrema variación entre los thicks y adelgaza las letras. Serifs de corte muy recto. Muchas veces verás tipografías serif modernas como esta en el mundo de la moda. Piensa en la cabeza del mástil para Vogue, Revista, decoración. Todos estos están usando estas tipografías serif modernas. El Looker tiene un titular, pero no es necesariamente algo que te gustaría usar como copia corporal, estas serifs modernas se encogen y las líneas delgadas se vuelven tan delgadas que a veces se pierden en el imprimiendo y descompone las letras. De acuerdo, entonces estamos en los primeros 18 cientos, hace aproximadamente 200 años. Nunca vas a adivinar lo que pasó. Cortaron las serifs y crearon la primera fuente sans-serif. De hecho, el tipo que creó la primera tipografía sans-serif fue William Castle en la cuarta, quien fue el bisnieto del Castillo William que acabamos de mencionar aquí para estar bromeando, eso es una locura. Ahora tuve un poco de problemas para encontrar los primeros ejemplos de ese sans-serif. Este ejemplo es de sólo unos 100 años de edad, pero se tiene una idea de cómo se usaron esos primeros. Ahora, cuando salieron estas tipografías, originalmente fueron referidas como grotescas porque eran una salida tan radical de la tradicional topografía serif y lo de financiamiento, todavía usamos el término grotesco hoy como clasificación para tipografías sans-serif. Un gran ejemplo de eso es la tarea de accidentes, que posteriormente evolucionaría a Helvética. Entonces los sans-serif, no muy populares en el momento en que salieron, pero se pondrán al día. Entonces ahora estamos en los 18 cientos. Tenemos industrialización, tenemos impresión masiva hasta periódicos, tenemos publicidad, tenemos carteles. Y esto va a traer muchas nuevas variaciones de topografía, como caras más audaces. Las cosas fuera captarán la atención de los lectores. Vemos el advenimiento de la escena de serifs de losa aquí. Y vemos fuentes como Rockwell, que fueron diseñadas específicamente para publicidad y periódicos para llamar la atención de la gente. Por lo que las serifs de losa tienen estos. Gruesas serifs blocky y se utilizan principalmente en titulares, no tanto en copia corporal como vemos aquí. Por lo que también alrededor de esta época estamos viendo el advenimiento de las máquinas de escribir. Y las máquinas de escribir tenían estas consideraciones mecánicas para cómo podían funcionar. Por lo que tuvimos que desarrollar este nuevo tipo de fuente llamado ancho monospacado o fijo, en que cada letra del alfabeto era esencialmente del mismo ancho. Ahora esto es lo contrario del 98% de todas las fuentes que hay por ahí, a las que nos referimos como fuentes proporcionales. la actualidad, las fuentes comunes monospacadas o de ancho fijo más famosas serían el mensajero o el Mónaco. Por supuesto, también hay menos legibles y ocupan más espacio en la página. Entonces por eso típicamente ya no los usamos mucho. De acuerdo, entonces llegamos al siglo XX y ahí es cuando realmente empieza a despegar la tipografía. Por lo que en 1927, Paul Renner diseña Futura, y lo diseña a partir de formas geométricas simples. Entonces la a es el triángulo, ese n es el cuadrado, el o es el círculo. Y pocas Tara tiene estos golpes de peso realmente parejos, ¿verdad? No hay mucha variación. El thicks y adelgaza. Ahora Futura es la tipografía favorita del director Wes Anderson. Entonces a medida que veas sus películas en el futuro, mantente atento porque siempre está ahí dentro. Ahora. Avance rápido, mediados del siglo 1957, MAX messenger diseña Helvetica. Aquí hay un ejemplo que vemos desde el sistema de metro de Nueva York. Helvetica solo dice que limpia levántate. Mirar casi, ligeramente ambiguo, casi genérico. Pero este es un ejemplo de uno de estos grandes tipos de letra que viene. Se aguanta la prueba del tiempo y se comunica muy bien. Y por lo tanto es adoptado por todo tipo de diseñadores sistemas. También en 1957, universo está diseñado por Adrian Frutiger. Ahora también diseñó una de mis canciones favoritas serifs, Robin year, y universo fue notable en su lanzamiento porque salió con tantos pesos, tantos miembros de la familia de fuentes al fructificarlo o sacarlo. Fue uno de los primeros chicos en poner estos números al final para clasificar sus pesos. Entonces, cuanto menor sea el número 45, más ligera es la tipografía, y cuanto más grande es el número 93, más pesada es la tipografía, audaz será la tipografía. Ahora este sistema fue adoptado por otros diseñadores tipográficos. Y aún se puede ver esto utilizado en algunos de los. Entonces en tu computadora. A continuación, nunca vas a adivinar qué pasa. Computadoras. Este es el siguiente cambio radical en la topografía, el advenimiento de fuentes computarizadas. Ahora este ejemplo aquí se ha vuelto bastante famoso. Se llama Chicago. Se instaló en todas las computadoras Macintosh originales. Y estas primeras fuentes basadas en computadora eran esencialmente arrays de píxeles que se llamaban fuentes de mapa de bits. Y fueron diseñadas específicamente para la pantalla y las pantallas de baja resolución que teníamos en su momento. Cada letra es básicamente una imagen que escala hacia arriba y hacia abajo. Hay muchas limitaciones en lo que se puede hacer con el dimensionamiento y el formato. Son muy simples, pero tampoco son muy legibles. Ni siquiera es justo comparar la legibilidad de Chicago para decir castillo solo en una página impresa. Ahora dato divertido. Es posible que veas mucho esta frase cuando estás probando diferentes tipos de letra. El Quick Brown Fox salta sobre un perro perezoso. A esto se le llama pan Graham. Básicamente es una frase que incluye cada letra del alfabeto. Entonces, cuando estás probando una fuente, puedes usar esta pequeña frase y realmente puedes obtener una visión general rápida de todo ese tipo. Ahora alejándonos de estos viejos bonos pixelados bitmapeados, desarrollamos lo que usamos hoy en día, que son tipografías basadas en vectores, lo que significa que se pueden escalar hacia arriba o hacia abajo en tamaño sin resolución. Existen esencialmente basados en una fórmula matemática a diferencia de una imagen pixelada. Y entonces nunca adivinarás qué pasa después. En un giro irónico del destino. ¿ Recuerdas dónde empezamos con los pictogramas y los jeroglíficos? Bueno ahora hemos llegado círculo completo y tenemos a nuestros emojis. 7. El 1%.: Muy bien a todos, felicitaciones. Ahora estás en el 1% de las personas que saben más de tipografía que nadie más en el mundo. Entonces, por favor, use sabiamente sus poderes. Y que no te olvides de revisar las actividades y proyectos y ver qué se te puede llegar. Muchísimas gracias. 8. VÍDEo: tipos de tipografía extra: el árbol familiar de la tipografía: Con tantas tipografías diferentes, es importante entender las diferentes categorías y los diferentes periodos de tiempo de los que vinieron. Por lo que se puede pensar en la tipografía tiene un gran árbol genealógico. Vamos a ver las ramas individuales y ver cómo estas diferentes categorías de tipos de letra conforman ese árbol. Cuando estás mirando una tipografía, hay algunas cosas diferentes que puedes mirar para realmente ayudarte a descifrar qué es y de dónde vino. Lo primero que busco son las tetas y los delfines de las letras. Son pocas las letras diferentes que siempre te apuntan en la dirección correcta de lo que es este tipo de letra. El primero es la letra a. minúscula a es un gran ejemplo porque hay tantas versiones y variaciones diferentes que pueden entrar en una minúscula. Un g minúscula sería otro ejemplo. Por lo que a medida que pasamos por estas tipográficas, vigilen esas letras únicas. Piénsalo como tipografía forense. Entonces vamos a empezar por volver a una tipografía llamada factor. El factor se considera una tipografía de letra negra. Y estas son una de las primeras tipografías que se usaron en la impresión en el mundo occidental. Factor fue diseñado hace casi 500 años en los 15 cientos. Y en realidad fue comisionado por el Imperio Romano. Ahora en el árbol genealógico metafórico de la topografía, si fuéramos a descomponer esto en dos ramas principales, esas ramas serían serif y sans-serif. Por lo que las serifs son el poco beat o los pequeños acentos en los bordes de cada letra. En tanto que el término sans-serif, que es una palabra francesa, SON, que significa sin. Por lo que significa sin serif. Esos pequeños acentos y esos pequeños piensos han sido cortados esencialmente en formas de carta más racionalizadas. Entonces, empecemos por pasar por las principales categorías de las caras tipo serif. Aquí tres, y verás cómo evolucionan las letras con el tiempo. Entonces la primera tipografía serif que vamos a ver es Garamond. Garamond es considerado un estilo antiguo o a veces llamado humanista. Sarah Garamond fue diseñada por un tipo llamado Claude a Garamond, Por supuesto, en el siglo XVI. Entonces estamos hablando de los 15 cientos aquí. En su momento era bastante avance es realmente genial para la legibilidad. De verdad empujó las variaciones entre los ticks y los delfines que se alinea. Tan bastante increíble. Es decir, esta tipografía tiene más de 400 años al día y aún la usamos. Otros ejemplos de una tipografía serif de estilo antiguo serían Adobe Jensen, o gobbledy, a veces visto como gawdy, viejo estilo, más fácil de recordar ¿verdad? Ahora a medida que avanzamos a través del tiempo y las tipografías comienzan a evolucionar, pasamos a lo que se llama la fase transitoria de la tipografía. Entonces nuestro ejemplo aquí es Baskerville, que es una especie de cruce entre el viejo estilo que acabamos de ver en lo que veremos a continuación, que se llama el monitoreado. Cómo Baskerville como transición, fue diseñado por un tipo llamado John Baskerville en el año 1757. Por lo que hace unos 250 años. Más definición aquí. Ticks y delgados son las líneas frente a Garamond. Otro ejemplo de un serif transicional sería uno de mis favoritos, Times New Roman. Yo sí siento que Times New Roman es mucho más refinado sin embargo, mientras que Baskerville, Baskerville tiene más de esa vieja escuela, especie de aspecto artesanal hecho a mano un poco menos refinado, pero sigue siendo muy agradable y lee variable. De acuerdo, avance rápido a través del tiempo. Y ahora hemos llegado a las serifs modernas. Por lo que este serif moderno aquí, la masa, fue diseñado a finales del siglo XVIII. Ahora este ejemplo aquí es una tipografía francesa y fue diseñada a finales del siglo XVIII. Entonces después de baskerville, y esto se considera nuestro serif moderno. Entonces ahora lo que estás viendo es una variación muy extrema entre los ticks y los delfines. Y se ven serifs muy definidos, casi como pequeñas líneas rectas. Ahora es un poco menos legible. Y no es algo que te gustaría usar en copia corporal. Porque cuando realmente te encoges ese tipo, esas líneas delgadas casi van a gustar perderse en la página, ¿verdad? Se van a lavar un poco. Pero estos son geniales para titulares y el serif moderno todavía se está utilizando. Se ve mucho en revistas de moda. Quiero decir que la decoración Vogue o L están ambos usando tipografías serif modernas ya que son cabezas enmascaradas. Un ejemplo más conocido de un serif moderno que probablemente tengas en tu computadora sería la contraparte italiana de Dido, pero Donny. De acuerdo, ahora veamos una alineación de estas tres categorías de tipos de letra. Entonces de izquierda a derecha, tenemos el viejo estilo, el transitorio y lo moderno. Y aquí realmente se pueden ver esas variaciones y los ticks y delfines y cómo las letras se cortaron o diseñaron esencialmente. Ya sabes, el viejo estilo luce un poco más curvilíneo y hecho a mano, mientras que la transición es un poco más refinada. Y lo moderno es un muy elegante, Barry forrado duro, muy refinado. Ahora antes de saltar adelante a las tipografías sans-serif, quiero hablar de un par de otras ramas del árbol Serif. El primer ejemplo que probablemente viste es un serif de losa Rockwell es un serif de losa muy conocido, bien diseñado. Estos también pueden denominarse tipografías egipcias. Pero básicamente puedes identificarlos por las serifs realmente gruesas, contundentes, parecidas a bloques que sobresalen los bordes de estas letras. Ya sabes, en el momento en que esto fue diseñado en 1934, había tantas fuentes puntales que los anunciantes querían algo más que pudiera salir de la página. Querían algo nuevo o que la gente no había visto. Por lo que se les ocurrió estas serifs de losa. Ahora Rockwell fue desarrollado por la lesión telefónica tipo mono. Ahora estas fundiciones son esencialmente las organizaciones o empresas que diseñarían y desarrollarían nuevas tipografías. Por lo que muchas veces cuando estás revisando tu lista de fuentes en tu computadora, verás el nombre de una fuente con un par de letras junto a ella. Por ejemplo, rizos vacíos. Por lo que ese vacío representa la fundición de la que procedía, en este caso tipo mono. Ahora otro famoso ejemplo de la losa serif sería carrera. Todos hemos visto una especie de mensajería parece una máquina de escribir ¿verdad? Ahora. El mensajero es único en eso. También se considera lo que llamamos una tipografía de ancho monospacado o fijo. Eso significa que todas las letras son iguales con, ya sabes, una tipografía monospacada o de ancho fijo es lo contrario del 95% o 98% de todas las demás tipografías por ahí, que se denominan fuentes proporcionales en ese las letras individuales son proporcionales entre sí. Ahora la razón por la que estos fueron diseñados es porque esta era la edad de la máquina de escribir, ¿verdad? Y había tantas limitaciones mecánicas a las máquinas de escribir que tenía más sentido mantener todas las letras del mismo ancho. Courier fue diseñado específicamente por una mujer llamada Susan Nebraska en el año 1955. Ahora si te interesa esta idea de una tipografía de ancho fijo, realidad hay una versión Sans-Serif más moderna en tu computadora llamada Mónaco. Para que puedas revisar eso y jugar con él. En términos generales, evito tipos de letra monospaced. A menos que haya un proyecto o uso realmente único al que pueda aplicarlo. Simplemente no leen tan bien como las fuentes proporcionales. De acuerdo, pasemos a la rama sans-serif del árbol. Ahora el primer sans-serif que quiero mostrarles es el humanista. Ahora, al igual que con las tipografías serif, cómo teníamos el viejo estilo y el transitorio y lo moderno, tenemos el mismo conjunto de categorías y evolución en las tipografías sans-serif. Tenemos un humanista, Tenemos una transición, y luego nuestra moderna opción de corte y mermelada. Entonces empezando por el humanista, tenemos a Gill Sans. Gil Sans es considerado la Helvética británica. Fue diseñado por un caballero llamado Eric Gill en el año 1926, por lo que alrededor de 100 años de edad. Esto se considera humanistas porque casi le tiene ese sentimiento ligeramente caligráfico. Al igual que, como tal vez una mano podría haber escrito o sacado esto. Y otra vez, volvamos a esa minúscula a, a ver ese pequeño lazo. Ve ese pequeño gancho en la parte inferior. Eso es lo que nos ayuda a definir esto como una tipografía humanista. La otra cosa que siempre queremos volver a mirar, recuerda, es la variación entre el fix depende cómo se mira esa letra mayúscula G. Realmente no estás viendo ninguna variación en lo grueso y lo delgado. Pero entonces de nuevo, vas a esa minúscula a y mira donde ese cuenco tipo de se adhiere al tallo mayor de esa Se pone mucho más delgado en los puntos de conexión, ¿no? Muy bien, Helvética. helvética es una gran tipografía, te guste o no. Y es el ejemplo perfecto como nuestro sans-serif transicional. Entonces, ¿qué significa eso? Hay un poco menos variación de ancho de línea. De nuevo, vayamos a esa a, al final de la palabra. Los puntos de conexión que firmamos Gil Sans son mucho más delgados que los puntos de conexión que ahora se veían en Helvética. No hay mucha variación gruesa y delgada en esta tipografía. Y eso es lo que es un poco genial de Helvetica. Pero creo que las fortalezas helvéticas también son sus debilidades. Su tipo de tipografía pseudo genérica que se utiliza en todo este tipo de marcas corporativas. Y, y ya sabes, le tiene su nivel de ambigüedad. Pero eso es lo que me gusta de ello, es que puedes aplicarlo a las cosas y los demás elementos del diseño realmente definirán el tono del proyecto. Ya sabes, Helvetica es solo este plano muy recto stand up tipo de tipografía. Y si no has visto el documental al respecto, creo que está en Netflix. Es bastante interesante. Por lo que sólo para que conste, Helvetica fue diseñada por un caballero llamado Max messenger en 1957. Entonces, entonces es esencialmente una tipografía de mediados de siglo, ¿verdad? Otro ejemplo clásico de un serif transicional y otra hermosa tipografía sería Universo deletreado sin ningún 0s. De acuerdo, evolucionando y avanzando, ahora vamos al sans-serif geométrico. Esto se está moviendo hacia la evolución moderna. El sans-serif tipografías. Ahora es un poco de truco aquí porque pocos fueron diseñados técnicamente en 1920, siete. Entonces, a pesar de que fue diseñado antes de lo que uno podría esperar, realmente estaba por delante de su tiempo. Entonces gracias a Paul Renner, quien fue el diseñador para eso. Ahora nos referimos a estos como tipos de letra geométricos porque las propias formas de letra se basan en formas geométricas simples. Se puede ver un triángulo en la capital a, se puede ver una plaza en la capital F. Se puede ver un círculo y la O mayúscula, etcétera. Ahora se centra otro ejemplo muy famoso de una tipografía geométrica sans-serif, que podrías reconocer como la fuente Weezer. Muy bien, vamos a la alineación. Entonces aquí a la izquierda, humanista a transitorio, a geométrico. Claramente vemos algo diferente en la tipografía geométrica. Esto no quiere decir que todos los humanistas y las tipografías sans-serif transicionales necesariamente tienen esa guerra tazón que nosotros le llamamos ese espacio abierto. Antes de los ejemplos que te mostré, esto realmente sí dice mucho, de nuevo, minúscula a. Así que a la izquierda con el humanista, de nuevo, mira la variación del engrosamiento que luego ve el pequeño gancho, la cola en el a le da que pequeños humanistas tocan. Pasar al transitorio, menos grueso y delgado. Mira el cuento. Está un poco menos acentuado. Es un poco más plano k, un poco, un poco menos de ese toque humano. Y luego sobre lo geométrico, la cola se ha ido esencialmente. Y hay aún menos variación en lo grueso y delgado. Fácil ¿verdad? Ahora como saben, hay mucho más por ahí que lo que les he mostrado aquí. Y creo que para el propósito de la clase, creo que sólo deberíamos mostrar un par de esas otras ramas que están en nuestro árbol genealógico topográfico. Entonces esta es Verdana. Y el Vedanta es único en que fue diseñado específicamente para la pantalla electrónica. Entonces cuando salieron las computadoras, si recuerdas las viejas, esas resoluciones de pantalla muy baja, ¿verdad? Resoluciones de píxeles muy bajas. Ahora, eso se convirtió en un problema cuando estás cargando fuentes y mostrando tipos de letra en pantallas. Porque se volvieron más difíciles de leer y entender, sobre todo en escalas más pequeñas. Por lo que los diseñadores trataron de combatir esto haciendo un par de cosas. Número uno, aumentaron lo que llamamos la altura x, que es el espacio entre la línea base y la parte superior de las letras minúsculas. Esto agregó un poco más de legibilidad. Y también trabajan para abrir las bolas y los espacios abiertos dentro la letra para que más de esos píxeles espaciales negativos pudieran realmente brillar a través de las letras. L Verdana es una fuente relativamente nueva. Fue diseñado en 1996 por Matthew Carter como un encargado por Microsoft. Curvas más simples, foros más abiertos. De acuerdo, entonces tenemos bots de guión. Ahora un guión es un poco como suena. Una tipografía casual, de estilo cursivo escrito a mano. Brush Script ha existido desde hace mucho tiempo en realidad desde 1942. Y fue diseñado por Robert Smith, no el cantante principal de la cura. Entonces tenemos toda esta categoría de lo que simplemente llamamos fases de tipo display. Estos son todos esos raros trucos que ves por ahí en definidos o esos otros sitios que puedes descargar tipos de letra. Cracked es bastante conocido. Está precargado en muchas computadoras. Estas tipográficas de exhibición son, ya sabes, ornamentales y decorativas o novedosas. Definitivamente no es el tipo de tipografía que se desea utilizar para la copia del cuerpo. A menos que estés tratando de hacer algo realmente experimental, entonces por todos los medios, romper las reglas. último, pero no menos importante, quiero mencionar que las tipográficas ding bat. Este en particular son reuniones web. A estos también se les conoce como adornos de impresora. Y ese nombre provenía de imprentas reales adornos que se usaban en estudios de tipografía como una forma de identificar quién era la impresora. Era esencialmente su logotipo o firma que plantarían en una página o usaban para decorar antes de que ellos y la tecnología para imprimir fotos. Pero al final del día, estos símbolos son glifos, igual que las letras individuales son glifos. Sus símbolos que representan algunos, algo que necesita ser comunicado. Ahora no uso mucho estos, pero un consejo que tengo para ti, pueden ser útiles si necesitas un pequeño ícono o algo así. Entonces mirando aquí, tal vez necesites un poco de ícono de bicicleta para algún proyecto en el que estás trabajando. Ya sabes, puedo manejar esa bicicleta, pero me puede llevar 20 o 30 minutos. En tanto que si guardo un caché de murciélagos Ding y cosas web , ya sabes, puedo sacar de estos. Por lo que puedo utilizarlos para botones bajos si es necesario. Muy bien, fácil. Por lo que las principales cosas que debes recordar aquí son cuando estás jugando topografía forense con tus amigos en tu cena nocturna. No olvides mirar la minúscula a is. Y realmente considera los ticks y adelgaza las diferentes tipografías que estás viendo que te ayudarán a determinar la categoría en la que se encuentran. Y tal vez hasta el marco de tiempo del que vienen.