Introducción a la tipografía: fundamentos del diseño para principiantes

1. 01 Introducción: Hola a todos. Mi nombre es Cassandra, y bienvenido a Introducción a la Tipografía. Están en los videos de SYRIZA. Vamos a discutir algunas definiciones básicas para que empiece. Entonces todos estamos en la misma página. Te voy a dar algo de historia del diseño de tipografía y de la imprenta, la anatomía de una tipografía y cómo mecanografiar correctamente cualquier telefoneo hacia el final. Vamos a hablar de dimensionamiento tecnológico adecuado para impresión y web, las diferentes personalidades de las tipografías y cómo eso te puede ayudar en la recolección de múltiples teléfonos. Y por último, pondremos todo esto en acción viendo cómo elegir correctamente las tipografías para emparejarlas que puedas asegurar que tus diseños se vean bien y sean legibles. Toda esta información se va a hacer con mucha ayuda visual. Por lo que estaré compartiendo pantalla para mostrarte ejemplos cuando se trata de tipografía. Los ejemplos te serán muy útiles para que puedas hacer referencia de lo que estoy hablando. O bien estos conceptos tal vez demasiado abstractos. Van a ser algunos pequeños cuestionarios a lo largo del video. Siri's Si quieres poner a prueba tus conocimientos sobre lo que acabas de aprender de otra manera, entrémonos al curso, y espero que aprendas mucho de estos videos 2. 02 Por qué la tipografía es importante: topografía es en realidad algo muy técnico, y mucho más que simplemente elegir teléfonos hermosos. tipografía debe guiar y formar a los usuarios y creerlo o no, es una gran parte de una excelente experiencia de usuario. Una buena tipografía debe ser amigable con los lectores y permitir que los lectores obtengan toda la información que necesiten . Esto en realidad puede funcionar tan bien que la mayoría de las personas ni siquiera se dan cuenta del teléfono o de la tipografía, que es exactamente lo que querrías para facilidad de comprensión. Cuando se usa correctamente, tipografía puede transmitir cierto estado de ánimo o sentimiento, lo que también hace cumplir su marca. Los clientes asociarán subliminalmente la tipografía con tu marca, por lo que usar tipografía consistente y fuerte a lo largo de tu marca es importante para ayudar a moverte. El tipo de marca forward también establece una jerarquía de información, que ayuda a guiar al lector o al cliente a lo largo. Puedes hacer que vean lo que quieres que vean e influyan en sus decisiones a través de la tipografía. Otro factor importante es que la tipografía es también una gran parte de garantizar que un producto, sitio web o pieza de diseño de comunicación sea accesible para todos los usuarios. Las personas que son de la tercera edad tienen mala vista. Etcétera debe poder tener la misma experiencia de lectura que todos los demás. 3. 03 Definiciones: empecemos por repasar algunas definiciones básicas en términos que estarán utilizando a lo largo este curso. Todos estos términos son utilizados por diseñadores gráficos de manera regular. Entonces si quieres convertirte en diseñador o incluso simplemente comunicarte con el diseñador con el que trabajas . Entender estos términos será clave en una nota muy básica. ¿ Qué es la tipografía exactamente? tipografía es la técnica 't are de arreglar un significado apretado, apretado. Letras y personajes, que a veces también pueden ser referidos a sus acantilados, notan que la tipografía es algo más que el diseño de letras y caracteres, que sería el diseño de tipografía. El arreglo de esas letras y personajes colocó a Justus Big de una regla sobre distinción importante . Para hacer es la diferencia entre una tipografía y una fuente. A veces las personas usan estos términos de manera intercambiable, pero tienen una definición muy definida. Un tipo de letra es un conjunto de símbolos y caracteres tipográficos. Son las letras, los números, la puntuación y otros personajes los que nos permiten poner palabras en un papel o pantalla. Una falla, por otro lado, se define tradicionalmente como un carácter completo conjunto dentro de una cara ajustada, a menudo de un tamaño y estilo particulares. Las fuentes también pueden ser específicas de la computadora para también contener caracteres y vislumbrar un tipo de letra. Entonces, por ejemplo, como se puede ver, toda una familia telefónica como Helvetica sería referida como tipografía. Pero Helvetica luz, Helvetica regular o medio Helvetica serían todos teléfonos individuales. Tenga en cuenta que una tipografía también puede a veces referirse como familia de fallas y que los términos son intercambiables. Otra definición sutil pero muy importante es la legibilidad versus la legibilidad. legibilidad es una función del diseño de tipografía. Es una medida de lo fácil que es reconocer una letra o palabra de otra, y lo fáciles que son los bloques de texto de leer. Esto está directamente relacionado con cómo se diseñó la tipografía que estás usando. legibilidad es una función de cómo se usan las tipografías. Se trata de lo invitante que es tu tipo para leer y de conseguir el dedo del pie del espectador Quieres leerlo . Esto se cubrirá Maurin la porción tipográfica del curso. Pero esencialmente, como diseñador, me gustaría elegir un tipo de letra que sea muy legible, como Helvetica, por ejemplo, y lo escribiría y crearía un diseño acogedor para hacerlo aún más legible lector si fuera a elegir la tipografía que ya no es fácilmente legible, como esta difícil de leer, fuente escrita a mano que tengo en pantalla. Yo escribiría dijo que fuera un poco más legible, pero sería muy limitado en lo que podría hacer para ayudar, ya que el lector aún no es capaz de leer esto ya ilegible, Fond. Por último, vamos a repasar las fuentes Sarah Ifs y San Serif. Vamos a repasar esto más a fondo más adelante, pero quería discutir lo básico para que no estés confundido. En el siguiente video, dos de los principales tipos extranjeros vamos a hablar de nuestro serif y sans serif. Son los dos tipos de fuentes que la mayoría de los diseñadores utilizan la mayoría de las veces eso, jarabes o tipos de letra que tienen pies pequeños, como losa en los extremos de los personajes. Y los aranceles san obviamente no tienen ninguno. lo que se puede ver en el ejemplo que la versión de la izquierda es una fuente serif, y la versión de la derecha es una Sancerre peleada. Esta distinción va a ser mucho más importante más adelante en el curso. En general, muy importante saber es un diseñador, pero por si acaso, estás confundido. Todo avanzando. Estas son las definiciones básicas, y vamos a entrar más en profundidad sobre esto más adelante. 4. Prensa de impresión 04: nos vamos a sumergir en un poco de historia sobre la imprenta. Se crearon tipografías junto a la imprenta, que era esencialmente un dispositivo que permitía la producción en masa de Pretty Materials. Entonces, por ejemplo, libros, panfletos, periódicos, etcétera. Nadie sabe si quién inventó la primera impresión para nosotros, pero fue creada originalmente en China. algún momento durante el primer milenio, un D. Inicialmente, se utilizaron paneles de bloques impresos, pero esto fue reemplazado rápidamente por letras individuales que podrían reutilizarse y moverse en China. Originalmente utilizaban bloques móviles de arcilla, que eventualmente se convirtieron en bloques de madera. Esto fue adoptado en Alemania por Johannes Gutenberg, quien fue Goldsmith, un inventor. La diferencia integral fue que la imprenta del Gutenberg fue capaz de usar bloques metálicos en lugar de los bloques de madera que se usaban en China. Metal Box le permitió crear elenco para bloques para que pudieran ser replicados usando el mismo molde una y otra vez. Goudenbour se convirtió en el arquitecto de la primera letra negra tipográfica. Poco después, otros comenzaron a incursionar en el nuevo arte del diseño de tipografía. Una historia divertida. A mí me gusta contar que por lo general palos de personas es una historia de por qué nos referimos a las letras como mayúsculas o minúsculas. Por lo que cuando Tipógrafo es usar la imprenta, tenían un juego de cajones donde guardaban todos sus bloques apretados. Siempre se guardaban las mayúsculas en el cajón de mayúsculas y lo que se refería en momento ya que se guardaban muchos sellos en minúsculas. Entonces de ahí vienen los términos. A veces la gente disfruta eso. Yo sólo pensé que lo compartiría. 5. 05 Serifs: Voy a repasar las clasificaciones de tipografías. El diseño tipo historia de garganta ha pasado por diferentes fases desde la imprenta, y cada una podría ser capturada por un periodo histórico. La mayoría de las tipografías creadas hoy. Kim también hizo referencia al estilo de uno de estos periodos. Entonces voy a explicar las grandes diferencias visuales entre ellos. Voy a empezar con Sarah Typefaces. Entonces, ¿qué es exactamente una Sarah? Esto es algo que va a ser bastante referencia. tipografías Eso serif se llaman Sarah ifs, que hace referencia a las pequeñas líneas o pies que se unen a los trazos principales de los personajes. Como se puede ver en este ejemplo, esta tipografía tiene pies pequeños en los extremos de sus trazos, que he girado para ti. Uh, entonces cualquier tipo de letra que tenga estos pies se refiere como un serif, para que puedas ver que la S tiene un teléfono Serra ya sea alrededor de la R tiene una Sarah. Si el ojo tiene un serif y también lo hace el F. Existen varios estilos de Sarah ifs que se han creado historia de garganta. El 1er 1 que vamos a cubrir es el estilo más antiguo de serif, que literalmente se llaman al viejo estilo Sarah ifs y a veces se refiere como aranceles humanistas . Los tipos de letra de los 14 cientos se remontan a mediados y su principal característica en comparación con todas las demás Sarah de las que vamos a discutir. ¿ Hay estrés diagonal? Significa que la parte más delgada de las letras parece estar en un ángulo más que vertical u horizontal. Entonces como se puede ver en el ejemplo en pantalla, he dibujado líneas un tanto diagonales a través de un par de las letras para mostrar que siempre están tan ligeramente inclinadas y no perfectamente verticales, como muchos otros más tarde creados Serifis sería así. Algunos ejemplos de estilo antiguo Sarah ifs son Adobe Jensen enviado o Gara Monde, como se ve en pantalla, Kazel on y Goudy viejo estilo transitorio Sarah de estado de nuevo a mediados de los 17 cientos y general siguen siendo las caras de tipo más comunes que utilizado hoy en día. Algunos ejemplos son tiempos New Roman Baskerville, Georgia y Bookman. La diferencia entre trazos gruesos y delgados y tipografías transitorias se vuelve más pronunciada que los jarabes de estilo antiguo, pero aún es menos que los modernos de Sarah, que vamos a discutir en la siguiente diapositiva. También se puede ver que cuando se crearon escaleras transicionales. Tienen un estrés vertical en lugar de ese estrés ligeramente diagonal que sirve el viejo estilo Had moderno Saref, como Dido, MBA Tony, tienen un contraste mucho más pronunciado entre las líneas gruesas y delgadas y también tienen un estrés muy vertical. Por lo que estas tipografías entraron en existencia a finales de los 17 cientos, no mucho después de la transición Scarabs dice. Se puede ver el arreglo y adelgaza en Adoni, en el ejemplo, es extremadamente exagerado. El fijador son muy gruesos y el fino zehr muy delgado. Nuestro grupo final de Sarah ifs se llaman tarifas de losas. Tienen poco o ningún contraste entre líneas gruesas y delgadas y tienen losa rectangular gruesa como serifis en el fondo de ellas. Estos fueron creados a principios de los 18 cientos. Algunos aranceles de bofetadas tienen de Sarah que también tienen vientos fijos fijos, por lo que cada Sarah tiene el mismo tamaño. A pesar del ancho de la letra misma y de las losas. Los árabes también son transitorios hacia se y los de Sarah, que vamos a hablar a continuación porque, como pueden ver, el contraste entre las líneas gruesas y delgadas ha desaparecido casi por completo en los portazos. Un serif de losa 6. 06 Sans Serif: continuando en la historia de la garganta. Vamos a discutir los diferentes tipos de Saref de Arena que se han creado. El nombre San Serif es bastante contador de lo que es. Son tipos de letra que carecen de sheriffs. Eso las primeras tarifas de Sands se crearon a principios de los 18 cientos y generalmente tenían una apariencia más moderna que Sarah ifs. A lo largo de los años se han realizado algunos estudios sobre Sarah versus San Aranceles, y básicamente están tratando de averiguar cuál es más legible. Por lo que algunos estudios han demostrado que Sarah Ifs son innadamente más legibles, ya que los Serapis guían tu ojo desde el cuidado un personaje que al siguiente. Pero algunos estudios han demostrado que los aranceles San son tan comunes ahora que son Justus legibles como cualquier serif. Entonces esencialmente, en este punto del tiempo, no hay una respuesta en cuanto a si una Sarah para Sand Saref es más innadamente legible. Ambos son generalmente bastante legibles. Para la mayoría de las personas, existen cuatro clasificaciones básicas de tipografías san serif. Los primeros son grotescos, que incluyen a Fonz como Franklin Gothic y accidentes grotescos. Estas tipografías se parecen más a las tipografías serif en el sentido de que sí tienen algunas diferencias leves en sus pesos de trazo. Hay algunas áreas más gruesas y delgadas a los trazos, y siguen siguiendo estilos de letra serif como la G mayúscula que tiene un espolón en la parte inferior, que es esa pequeña, uh, sección del trazo en la parte inferior que sale que chorros, o la minúscula A no ser como una moderna minúscula A, por ejemplo. Pero las tipografías de los's siguen siendo generalmente bastante uniformes en sus trazos. Simplemente tienen un poco más de un grueso y delgado en comparación con los que vamos a ver pronto. tipografías de prueba de New Yorker incluyen algunas de las caras de tipo más comunes utilizadas hoy en día, como M. S envió Saref, Aerial, Helvetica y Universe. Son relativamente llanos en apariencia cuando se comparan con grotescos que tienen un peso de trazo muy parejo. Como puedes ver aquí, realmente no hay ninguna diferencia entre las áreas gruesas y delgadas que estas tipografías todo es bastante uniforme, y tienen una altura X aún mayor que antes. Entonces en neo grotescos, aquí es realmente donde nos estamos alejando por completo de cualquier tipo de estilo serif tipo humanista Sand Saref, como la fruta Gilson. Eager Tahoma, Verdana Optima y Lucy dos grandes son un poco más gráficos kala que los otros tipos de letra sans serif . Debido a que había gráfico kala, también hay más legibles, razón por la que son tan populares, sobre todo para el texto en sitios web. Algunas de estas tipografías que mencioné incluso fueron creadas para Web específicamente como Tahoma y verdana, Como se puede ver en este ejemplo, hay más variación en su ingenio de línea, que forma parte de su mejorado elegibilidad. El grupo final y más moderno de aranceles san se llama aranceles geométricos de oración. Según lo indica el nombre, se basan en formas geométricas. Por ejemplo, estoy usando Futura. Entonces si viste la letra O o la letra A, se ven muy circulares. El letra a literalmente parece un círculo con una línea unida a ella. Como se puede ver en la pantalla, la O literalmente se vería como un círculo. Por lo que estas tipografías comúnmente no se utilizan para la copia del cuerpo y se utilizan principalmente para títulos en su lugar. Eso la naturaleza geométrica de estas tipografías significa que cada carácter es extremadamente variable en, por ejemplo, G mayúscula en comparación con una M en comparación con un té o un I sería muy diferente. Entonces en la palabra en pantalla, se puede ver que el ancho de la letra T es muy, muy delgado en comparación con el ancho de la letra A, que es muy ancho. Entonces cuando ves que dificulta la lectura en tamaños más pequeños, razón por la cual estos no se usan tanto para la copia corporal porque los personajes con difiere tan grandemente. 7. 07 guiones y exhibición de 07: en esta sección final sobre la clasificación del tipo. Vamos a discutir todos los demás estilos de tipo, menos utilizados ya que tienen menos clasificaciones. Entonces vamos a empezar con los teléfonos de guión. Hay guiones tanto formales como casuales. Los guiones formales a menudo se basan en formas de letras manuscritas comunes en los siglos XVII y XVIII . Algunos guiones se basan directamente en la escritura a mano de una persona famosa. Por ejemplo, George Snell, como se ve en la pantalla, Snell, Round Hand y George Bickham son algunos buenos ejemplos. Son diseños tipográficos muy elegantes, pero no son adecuados para la copia corporal y deben guardarse a títulos o cualquier tipo de embellecimiento en una página. Los guiones casuales se asemejan más a la escritura moderna y datan de mediados del siglo XX . Son mucho menos formales y suelen tener trazos más fuertes y una apariencia más parecida a pincel , como se puede ver en script de pincel, por ejemplo, Así que algunos otros ejemplos además de guión Brush sería Mistral que es muy guion común, casual telefoneado una vez más. Los guiones casuales también son inadecuados para la copia corporal y se deben mantener dos títulos solo el siguiente, y el grupo más grande se muestra tipografías. Por lo que esta es una categoría realmente amplia a cubrir. Como puedes ver, tengo dos ejemplos completamente diferentes en pantalla, Así que la principal característica de las tipografías de visualización es que no son adecuadas para la copia corporal, y se guardan mejor para titulares y otra copia corta que necesita atención atraídos hacia ella. Las tipografías de exhibición condenan por mucho, y podrían ser formales, informales y evocan cualquier tipo de estado de ánimo. carta negra, de la que hablamos antes al hablar de la imprenta, también se considera hoy una tipografía de display. Y este es probablemente el grupo de tipo que menos usarás de todos los de los que hemos hablado hasta ahora, pesar de que hay tantos de ellos por ahí. Si fueras a las fuentes de Google, muchas de ellas se mostrarían tipografías, pero pueden Onley ser usadas con mucha moderación. Entonces si te vas a centrar en caras ajustadas y aprender sobre ellas, me centraría en una Sarah para un Sand Saref porque esas son más relevantes para tu vida cotidiana . El clasificación final es ding murciélagos, y cualquier otro tipo de especialidad se enfrenta. murciélagos Eso ding son bastante obvios y directos. Ellos símbolos y adornos consistentes en lugar de letras Wing Dings es probablemente las fuentes dingbat más conocidas . En un sentido más moderno, hay fuentes de iconos que también caerían en esta categoría ding bat. 8. 08 pesos y espaciado de 08 pesos: entender cómo usar diferentes teléfonos dentro de una tipografía es un básico. Una habilidad importante es un diseñador. Dentro de la mayoría de las tipografías, encontrarás más de un estilo o espera. Los pesos a menudo se clasifican como delgados, ligeros , regulares, medios, negritos, negros pesados, etcétera. Existen muchas clasificaciones de peso que pueden recorrer todo el camino desde ultra delgadas hasta negras. Cada uno de estos pesos es una versión del teléfono anterior, hecho más grueso o más delgado de alguna manera, el grado en que se hacen figura más delgada realmente depende del tipo de cara, y no hay ningún tipo de estándar requerido que tipo de letra los diseñadores tienen que reunirse en ese sentido. Entonces, por ejemplo, mi fuente de espera regular podría ser un poco más ligera o un poco más audaz. Delgado regular de alguien más esperó aficionado. fuentes más comunes y de alta calidad vienen con múltiples pesos. Algunos ejemplos son Helvetica, ferrocarril Avenir o arenas abiertas. Seleccionar tipos de letra que tengan múltiples pesos es muy beneficioso por algunas razones, una de ellas porque generalmente las tipografías que vienen en múltiples pesos son hechas por un tipógrafo experto , lo que asegura que tu culpa será de mayor calidad. Esto no siempre aplica, pero es algo a tener en cuenta y escoger una tipografía con múltiples pesos puede ser una manera fácil de asegurar que tu tipografía se vea bien por completo. Entonces si elijo Helvetica regular y Helvetica audaz, se les hizo trabajar juntos. Entonces se convierte en una especie de no cerebros. Diferentes estilos fuera del estilo del teléfono original es cursiva y oblicua, que a menudo se confunden o se usan indistintamente. En realidad hay dos estilos distintos. Un oblicuo es simplemente una versión inclinada de los personajes regulares, y a veces un oblicuo se incluye como una falla separada dentro de una cara apretada. metalicos son inclinados, igual que los oblicuos, pero en realidad son un conjunto separado de caracteres con sus propias formas de letras únicas. Un tipógrafo dibuja formularios de letras en cursiva por separado del resto de las tipografías. Estos dos a menudo se confunden debido al lenguaje utilizado en el software de edición de texto común como Microsoft Word. Por ejemplo, si selecciono aérea regular como mi teléfono y luego presiono el botón I para cursiva en cualquier tipo de editor de texto, eso es sólo la computadora inclinando matemáticamente la tipografía, que en realidad es una oblicua y no una metálica. Para conseguir un verdadero pensamiento en cursiva, la tipografía tendría que venir con una versión en cursiva que puedas seleccionar físicamente del desplegable. Ahora vamos a discutir la diferencia entre todas las gorras y las gorras pequeñas. En primer lugar, ¿qué son las gorras pequeñas? La mayoría de la gente en realidad no ha visto gorras pequeñas riel. Ellos ven las pequeñas tapas generadas por un navegador Web o un procesador de textos rial. Pequeñas gorras son un hecho por separado peleado por el tipógrafo, situación similar a la cursiva. A menudo, fuentes de tapa pequeña incluso tienen que comprarse por separado del resto de la tipografía. Las tapas pequeñas son esencialmente letras mayúsculas cortas que han sido diseñadas para mezclarse con las letras minúsculas. Generalmente son los mismos o siempre tan ligeramente más altos que la altura X de las otras letras minúsculas . Si vas a usar gorras pequeñas, asegúrate de usar el teléfono de tapas pequeñas por separado. Y no solo tengas tu procesador de textos reducido todos los gorras regulares porque las capitales de los teléfonos solo se están escalando. Eso da como resultado que las tapas pequeñas falsas sean demasiado altas y sus trazos verticales sean demasiado livianas. Como puedes ver, toda pantalla, todas las gorras y gorras pequeñas sí tienen cierto tipo de escalado a ellos si fuera a tomar la versión top , que está en todas las gorras, y bajarla para ser gorras pequeñas, todo lo que está haciendo es tomar esas gorras todas y aplastarlas para que sean más cortas. Y se ve aplastado y diseñadores comptel que no son gorras pequeñas. El área final del que vamos a hablar en este video es el espaciado, Así que hay dos tipos de espaciado para tipografías. Espaciado proporcional o mono. Proporcional significa que el espacio que ocupa el personaje depende de lo natural. Con del personaje, un ni ocupa menos espacio que un M. Por ejemplo, tipografías de espacio mano son todo lo contrario. Cada personaje ocupa la misma cantidad de espacio. Los personajes estrechos simplemente consiguen un poco más de espaciado a su alrededor para contrarrestar la diferencia. En con un buen ejemplo de tipo de espacio modelo que algunas personas pueden recordar es una máquina de escribir. Una máquina de escribir utiliza pequeños bloques metálicos para cada personaje. Cada bloque era igual con, y así cada personaje está matemáticamente espaciado en lugar de espaciado ópticamente. tipografías proporcionales, que están ópticamente espaciadas, son innadamente más legibles que sus homólogos espaciados en el monitor. Entonces, cuando estés configurando tipo, ve por espaciado proporcional, no vayas por espaciado matemático 9. Anatomía de 09 Anatomía de 09: las tipografías tienen anatomía al igual que el cuerpo humano. En este video, vamos a repasar todos los términos para las diferentes partes de las formas de letras. Si buscas convertirte en diseñador o mejorar tus habilidades tipográficas, aire, no términos, usarás verbalmente tan a menudo. Pero son términos en los que pensarás a la hora de elegir y analizar tipos de letra. Entonces entrémonos en ello. El basal. Es la línea invisible en la que toda letra se sienta como pareja. Vea todas las partes principales de las letras sentarse a lo largo de la misma línea con el fin de mantener el texto recto y fácil de leer. Gorra. Es la distancia desde la línea base hasta la parte superior de cualquier letra mayúscula. Todas las letras mayúsculas deben tener la misma altura de tapa dentro de una tipografía, pero la altura de la tapa diferirá de la tipografía a la tipografía. Algunos tienen una altura de gorra más grande que otros, que no es ni bueno ni malo, sólo algo de lo que hay que tener en cuenta. El altura X se encuentra en algún lugar entre la línea de base y la tubería del gato. Se refiere a la altura de todas las letras minúsculas, como el tubo de gato que excita dentro de una tipografía debe ser consistente pero varía de tipografía detectar cara Sarah ifs, que ya hemos discutido. ¿ Hay leves proyecciones o pies que rematan los trazos de letras en ciertas caras de tipo ? Dis enders se refieren a la parte de la letra que cae por debajo de la línea de base. Por ejemplo, una minúscula. Por qué G J te trabaja. Por el contrario, un remitente se refieren a las partes de letras que se llenan por encima de la altura X de los teléfonos. Esto no aplica a los capiteles, que caen de forma innata por encima de la altura X. Esto sólo se refiere a letras minúsculas como las ligaduras B, D, H o L son los trazos que unen letras adyacentes. Por ejemplo, Un esfuerzo y L. A podrían combinarse para convertirse en un glifo. Esto se utilizó en los días de la imprenta para ahorrar espacio y materiales. El papel era caro en su momento, y hacía que la vida de todos fuera más fácil usar formas combinadas de letras donde podían más que a las individuales. Hoy en día, muchos teléfonos y no incluyen ligaduras, pero algunos todavía lo hacen. Es un retroceso al antiguo estilo Sarah Ifs y a la imprenta. El stent es el trazo vertical recto que aparece en muchas letras diferentes, incluyendo letras como L o H mayúscula inferior, como ves en pantalla, intenta recordar esto pensando en el tallo de una flor. El brazo es un trazo horizontal o de día o diagonal que sólo se adjunta a un extremo de la forma de letra. Por ejemplo, la parte superior de esta mayúscula E la barra, o a veces llamada a través de la barra, es el trazo horizontal en caracteres como una mayúscula, A o H o una minúscula E o F Ah, tazón es el curvo parte del personaje que encierra las partes circulares o curvas de algunas letras como inferior y mayúscula d ser Oro. El contador es el espacio vacío dentro del tazón en letras como D. B O o A La columna vertebral en Lee se refiere a una letra, y esa es la porción curva del cuerpo de la letra s. Ninguna otra letra tiene una forma que remotamente se asemeje a una columna vertebral. Por lo que este término es referente Onley que hace referencia a la letra s Si eso es minúscula o mayúscula , Finney, ALS o terminales son los extremos cónicos de las letras sin alguaciles, como E, C, F, o J, una letra que podría ser muy diferente y tiene mucho giro específicamente para ello es la letra G on. Aquí está el pequeño trazo que proyecta desde la parte superior de algún queso en minúsculas. No todos los quesos minúsculas tienen esto. Un enlace es el trazo que conecta la parte superior e inferior de algunas G minúsculas. Como puedes ver en el ejemplo, una vez más, no todas las minúsculas G tienen lo que se llama enlace. Todas las minúsculas. Cielos, sí tienen un bucle, y el bucle es esta porción inferior de la minúscula G. Si es una G más moderna, esa curva sigue siendo el bucle del G. El espolón, como en realidad mencionamos en un video anterior, es la proyección fuera del trazo principal de una G mayúscula, y este Onley hace referencia a una G. mayúscula Ninguna otra letra tiene un espolón, al menos en el sistema de letras romanas. El hombro es el trazo de curva en la parte superior de una H, M , o N , y finalmente, un cuento es el er descendente de una Q o el trazo diagonal de una R. Sé que esto fue mucha información, y no es algo que tengas que memorizar por completo, pero es algo que te insto a que busques y te des cuenta sobre los formularios de cartas. Cuando miras un pulgar, hay muchos sitios por ahí que te ayudarán a aprender la anatomía de las tipografías. Por lo que si quieren profundizar en esto, les exhorto a que lo hagan. Es sólo algo que tienes que entender. Entonces cuando hablamos de formas de letras más tarde y cómo emparejarlas y empiezo a referirme anatomía o algo en esas líneas sólo para que sepas de qué estoy hablando? 10. 10 Principal: estos videos iban a entrar más en aplicación de la tipografía de aquí en adelante. Sé que los otros videos fueron mucha información. Esperemos que eso no fuera demasiado abrumador. Pero la tipografía es una de esas cosas que puedes pasar años aprendiendo y aún no ser un experto. Entrémonos en el tema de este video. Leading let se refiere a la distancia entre dos líneas de bajo de tipo, por lo que como se puede ver el ejemplo desde la parte inferior de la segunda línea, dentosa parte inferior de la primera línea, ese es el espacio se refería, y toda la números de los que hablamos se van a referir al número de puntos entre esas dos líneas. Entonces si medido desde la línea base de una línea dos de texto hasta la línea base de la que está debajo ella, esa medición exactamente es dejar. También se puede referir como altura de línea. Si estás familiarizado con la codificación o el desarrollo, los dos son exactamente lo mismo. El término líder se origina a partir de tiras de plomo que los setters tipo mano utilizados en la imprenta para espaciar líneas de texto uniformemente siete entre cada línea de bloques de madera o metal. Habría una tira de led. Entonces por eso usamos el término dejar. Y por eso también se está programando. Utilizamos el término altura de línea, que es un poco más moderno, por lo que el revuelo, la verdad se ha atascado y básicamente se refiere al espaciado de línea o la altura de línea. De todas formas se quiere referir a ella. Entonces, ¿cómo se determina cuánto conduce a usar? Ahí hay una vaga fórmula matemática, que depende del tamaño de tu teléfono. Entonces si estás tratando de descifrar el principio de un párrafo de texto donde el texto es de 16 puntos, por ejemplo, quieres que tu let sea mínimo dos puntos más grande que el tamaño de fuente. Entonces en este ejemplo, eso significa que si tu copia corporal es de 16 puntos de lo que estás dejando, debería ser al menos 18 puntos. Estás espaciado será muy basado en la fuente que estás usando, algunos simplemente de forma innata tienen más o menos espacio integrado en ellos. Ah, rango general que me gusta usar es agregar de 2 a 4 puntos, dependiendo de lo que se vea bien, que significa en este ejemplo, estás dejando podría estar en cualquier lugar desde 18 puntos hasta 20 puntos. Entonces a medida que contienes los ejemplos, dejar es muy importante para cómo lees, puedes ver la primera opción. El líder es muy apretado en la segunda opción. En el medio, el aprendizaje está extremadamente espaciado y a la derecha. El líder es justo lo correcto esencialmente, y el de la derecha es más fácil de leer que los otros dos porque puedes ir fácilmente de línea a línea y encontrar tu siguiente línea y no volver a leer la misma línea o confundirte de ninguna manera . 11. Seguimiento 11: el seguimiento es nuestro siguiente tema de conversación. seguimiento se refiere al espacio entre caracteres individuales dentro de un grupo más amplio de caracteres. Eso cambiar el seguimiento afecta a tu densidad general de carácter de tu texto. Entonces cuando configuras el seguimiento en un programa como Sketch Fig MMA, cualquier programa de adobe, lo que sea, usando tu configuración, un espaciado de caracteres que se aplique a todos los caracteres de ese grupo. Por lo que podría ser, en una palabra, una línea de texto, un párrafo o cualquier porción más amplia del texto. Podría ser a través de un documento completo. Si estás familiarizado con la codificación, seguimiento se conoce como espaciado entre letras o espaciado entre palabras en CSS, por lo que esos son sinónimos. Ajustar el seguimiento puede mejorar la re la capacidad de tipo, pero también se puede utilizar en impresión diseñada para hacer líneas de texto. Mira. Aun así, si estoy diseñando, digamos una revista o un libro y mi texto está mirando, incluso tal vez tengo algunas líneas de texto que van a la otra página, y no se ve bien. Podría rastrear líneas de texto anteriores a tal vez un poco más apretadas para que pudiera encajar esa línea de texto de nuevo con el resto del párrafo, por ejemplo, para que cada tipo de letra viene con una cantidad diferente de espaciado entre letras incorporada en ella. Por lo que a veces es posible que no necesites usar rastreándolo. Todos los teléfonos. espaciado entre letras puede ser suficiente, pero para algunos es posible que tenga que reducir o aumentar el seguimiento hasta que un texto no parezca demasiado ajustado o demasiado espaciado. Como se puede ver en el ejemplo, el de la izquierda es demasiado apretado. Las formas de letras están muy juntas en el medio. Están demasiado espaciados hasta el punto en que el yo ni siquiera puedo conectar una letra a la siguiente letra para armar una palabra fácilmente y luego en el extremo derecho. Esto ejemplos buenos. Hay un poco de espacio entre las letras, pero no demasiado que ya no se vean relacionadas entre sí. 12. 12 Kerning: Nuestro siguiente tema es Kern Ing, que es muy similar al rastreo, ya que se refiere al espacio entre letras. Pero se refiere al espacio entre personajes individuales, y cuando cambias ese espaciado, también ocurre de manera individual, no a través del tablero, como lo hace con el seguimiento. La mayoría de los enlaces tienen valores por defecto, basando para caracteres individuales para que el espaciado parezca más natural. Pero esto es algo que todavía se hace matemáticamente por una computadora. Los humanos ven el espacio ópticamente, no matemáticamente, por lo que todavía depende del diseñador mecanografiar el texto para que se vea espaciado uniformemente en lugar ser en realidad igualmente espaciado. Girar no es algo que hagas dedo del pie grandes cuerpos de texto. Nunca actuaría un párrafo entero. Yo sólo usaría el seguimiento o dejar en un gran cuerpo de texto. Kern ing es algo que suele limitarse a títulos y titulares. Cuando estamos girando todas las gorras, quieres asegurarte de que pones mucho más espacio entre las letras. Dado que todas las formas de letra mayúscula aparecen más cerca unos de otros que los formularios de letras minúsculas, giro es algo que tampoco se espera en el diseño digital, ya que sería muy difícil que los desarrolladores actualicen correctamente, en todo caso. No hay un comando CSS para Koerting ya que el espaciado de letras en CSS en realidad se refiere a grupos de texto, lo que significa que está rastreando y ganando llamadas. Por lo que girar es algo que en su mayoría se está pegando al mundo de la impresión y el diseño gráfico tradicional . Entonces en el ejemplo, en pantalla, se puede ver en el lado izquierdo el Kern ing es desigual, como el espacio entre la K y la E es muy diferente entre la E y la R, y o al final y así sucesivamente. Esta base no es ópticamente ni siquiera en absoluto. Ah, y luego a la derecha, se puede ver que el espaciado es más o menos ópticamente, incluso lo que hace que sea más fácil de leer. No te cuelgas de las diferencias entre el espaciado y acabas de leer el texto muy fácilmente. 13. 13 parágrafos: Hay muchos detalles, como entrar en la tipografía y vamos a cubrir todos los más comunes que es probable que te encuentres. Si está familiarizado con la tipografía en absoluto, que estoy seguro de que algunos de estos vendrán como una sorpresa para usted. Empecemos con viudas y huérfanos. Los diseñadores tienen una especie de sentido del humor morboso cuando se trata de estos nombres. Por cierto, una viuda es una palabra de préstamo que aparece al final de los párrafos. A columna o página, Como puedes ver en el ejemplo Avigen Z. Algo sobre esto se siente un poco incómodo, y quieres evitarlo tanto como sea posible en el diseño de aplicaciones meteorológicas. Es algo que realmente no se puede controlar muy fácilmente. El texto caerá en base a cómo los cuadros de texto establecidos por el desarrollador, y nunca se contabilizará cada situación. Entonces no estreses las cosas pequeñas en esa situación. Pero en el diseño de impresión, se puede arreglar manualmente esto ajustando el seguimiento de la línea o líneas por encima de la viuda. O puedes bajar por la fuerza una palabra de la línea anterior para que la viuda ya no esté sola. Un huérfano es un rezagado no deseado similar, pero describe palabras que aparecen en la parte superior de la página. Como se puede ver en el ejemplo, la palabra o grupo de palabras se ha separado del resto de la columna y también crea una forma de lectura rota, incómoda. Una vez más, esto es algo que el diseñador arreglaría manualmente rastreando las líneas de texto anteriores para tal vez intentar encajar esa palabra o un par de palabras en su columna anterior, o traer un par de líneas. Un texto del resto de la columna Los párrafos continúan en la otra página o columna deben tener al menos dos o tres líneas de texto en esa página para que sean cómodamente correctos. Entonces en esta situación, hay una línea de texto en la columna, Así que tomaría las dos últimas líneas de texto de la otra columna de la izquierda y las traería a la columna de la derecha para que no haya ese rezagado de ese lado guiones o algo que la mayoría de la gente no consigue técnicamente bien. Veo que la gente usa guiones y incorrectamente todo el tiempo, así que hay tres tipos de guiones, guiones y guiones y guiones em. Los guiones son los más cortos de los tres guiones y los que se usan con mayor frecuencia ya están directamente en los guiones del teclado aire utilizados en los extremos de línea o en palabras con guiones como el estado del arte. También se pueden ver los guiones utilizados en este ejemplo hay guiones al final de todas estas palabras, que se cortan debido al cuadro de texto con. Cuando las palabras se cortan y se convierten en guiones y párrafos, que asegurarse de que se dejen suficientes palabras atrás y se lleven adelante a la siguiente línea para asegurarse de que la palabra pueda ser reconocida, o al menos para que el lector pueda reconocer que se está cortando la palabra. Entonces, por ejemplo, finalmente, si estás adelante es finalmente dejar F I dash, y luego ahora Lee en la línea Siguiente es convencionalmente aceptable como una separación de guiones de línea. Y pero guión final en Why no es porque se necesita muy poco de la palabra por delante a la siguiente línea final podría ser una palabra en sí misma, y no necesariamente indica al lector que hay más a la palabra porque final es un completo palabra. Pero F I claramente no es una palabra completa, y tampoco lo es Nalley, por lo que el lector retomaría el hecho de que estas palabras o guión y que falta algo . También quieres asegurarte de evitar más de tres líneas guionadas consecutivas en un párrafo, porque rompe la cadencia de lectura cuando hay demasiados guiones seguidos. Entonces, como se puede ver en estos ejemplos, hay cuatro guiones seguidos en el lado izquierdo. Esto es demasiado. El de la derecha tiene tres en todo el párrafo. No tiene tres seguidas, por lo que técnicamente es más aceptable que el de la izquierda. Hablemos de los otros tipos de guiones. Por lo que alternativamente, un guión en es más ancho que un guión, y un en dash es incluso más blanco que un en dash. El nombre y guión se refiere a que el guión sea tan ancho como la letra n en fuente neta y el ser em dash es por qué la letra termina en ese teléfono? Un en dash se utiliza para representar un lapso o rango de números fechas para el tiempo, mientras que un Ashkan final reemplaza comas, paréntesis o el mundo corrido de Coghlan que la mayoría de la gente no sigue cuando se trata de todos estos guiones es que todos los guiones en realidad no debería tener espacio a su alrededor. Como habrás notado en los ejemplos que he mostrado hasta ahora, no hay espacios alrededor de ninguno de ellos. Entonces si escribiera una fecha y fuera del 28 de mayo al 30 de mayo no habría espacio alrededor ese guión. A menudo veo espacios alrededor del guión, lo cual es técnicamente incorrecto. De acuerdo, estableciendo aperturas. Dos párrafos también es algo que mucha gente no entiende del todo. Lo que sea que hayas aprendido en la escuela puede estar mal. Por lo que en el ajuste de tipo clásico, un párrafo en Dent y un espacio entre párrafos ambos marcan una pausa, apartando al párrafo del que lo precede. Por lo que en indio y espacio funcionalmente significan lo mismo y nunca deben usarse juntos. Si el párrafo va precedido de un título de algún tipo, ese primer párrafo no debe tener un en deuda. Ya que el inicio de párrafo ya se hace evidente por el título ahora que ya lo sabes. Si miras la mayoría de revistas o periódicos, verás que así es en realidad como la mayoría de las piezas impresas o tipos que aunque no estuvieras haciendo esto antes, no importa si eliges un indio o un salto de línea para separar tu párrafos. Depende totalmente de ti, y depende de la situación. Solo tienes que escoger uno en los sitios web. Los saltos de línea se han vuelto más populares, pero en realidad es justo lo que funcione mejor para ti. La alineación del texto no siempre es un problema para la mayoría de las personas. Solo hay unas pocas opciones para que elijas. Como probablemente hayas visto en tu procesador de textos. Hay gran alineado a la izquierda, alineado, centrado alineado y justificado solo para dar un ejemplo en caso de que alguien no esté seguro de lo que estoy hablando, derecha Align Text significa que la línea de texto comienza todo a la derecha de tu página o cuadro de texto, y el lado izquierdo del texto tiene bordes desiguales, como puedes ver en todos estos ejemplos. Entonces cuando el borde no es perfectamente recto, como no está justificado, eso se conoce como desigual. Entonces, por ejemplo, alineado a la izquierda, desigual, a la derecha también es un término que los diseñadores a veces usan justificar. Significa que no hay bordes desiguales en tu texto, todo el texto se alinea para que se alinee tanto en el lado derecho como en el izquierdo, lo cual suena genial pero en realidad no es tan fácil de sacar correctamente. Entonces, en primer lugar, es posible que tu última línea de texto no alcance la longitud del cuadro de texto del libro de texto en tu texto justificado , por lo que tu última línea de texto en un párrafo justificado podría terminar siendo alineada a la derecha, centrada o a la izquierda . Pero el tema principal con texto justificado es que la justificación crea ríos, que son estos vacíos que se ven entre palabras y letras en la pantalla. Estos ríos hacen extremadamente difícil para la gente leer el texto y son un absolutamente no y tipografía. Esto no significa que nunca puedas justificar texto, pero si sí quieres justificar tu texto, vas a tener que poner en la obra al corriente y rastrear todo el cuerpo de texto para eliminar esos ríos. Es bastante trabajo, y si no estás abierto a hacerlo, entonces te aconsejo que simplemente no justifiques tu textil y el detalle final que muchas veces pasa desapercibido es que hay diferentes tipos de comillas, cotizaciones de máquina de escribir y cotizaciones tipográficas. Las cotizaciones de máquina de escribir son las de arriba en este ejemplo, y las cotizaciones tipográficas son las de abajo. Diferentes idiomas también usan diferentes tipos de cotizaciones y tienen diferentes reglas en torno a las cotizaciones. Pero aquí estaré centrándome en las reglas para el inglés. En la mayoría de los teléfonos, las cotizaciones predeterminadas son las cotizaciones de máquina de escribir, que son estas cotizaciones rectas que se ven en la pantalla. Se introducen para ocupar menos espacio en el teclado de las máquinas de escribir. Estos aire técnicamente, no las citas que quieres estar usando, pero la mayoría, si no todas, las fuentes también vienen con citas tipográficas dentro de ahí conjunto de glifo. Y si tu software te permite entrar en este conjunto de acantilados, puedes activar las cotizaciones de una máquina de escribir en tu configuración general con el fin de que esto esté disponible automáticamente. uso de citas tipógrafas le da más refinamiento a tu texto, pero realmente no cambiará tu capacidad de sacar tu punto a través de lo que elijas usar. Lo más importante es que uses el mismo tipo de comillas en todo tu diseño porque lo único que sería peor que las cotizaciones de máquina de escribir sería inconsistente. Cotización 14. Length de línea 14: por cada longitud de línea que hay se consideró una medida cómoda para que el ojo humano leyera. La medida de la que estamos hablando se refiere al número de caracteres en una línea de texto, que incluye no sólo letras sino también espacios y puntuación. Entonces para una sola columna en impresión o en un escritorio, uh, quieres quedarte entre 45 a 75 caracteres en una sola línea de texto. No quieres ir por debajo de 45 o más de 75 ni a nosotros. Se entorpece la capacidad del lector para leer, lo que discutirá más adelante. En realidad se encontró que el número ideal de caracteres en una línea era 66. Esa es la medida en la que los humanos leen de manera más óptima. Pero no espero que nadie trate de asegurarse de que todas sus líneas de texto tengan 66 caracteres en ellas. Eso es casi imposible de hacer, y no es lo suficientemente importante tratar de hacerlo. Si quieres ser más óptimo con tu personaje, cuenta con objetivo más realista a apuntar sería entre 50 y 65 personajes. Cuando estás leyendo líneas de texto en un dispositivo móvil como un teléfono. La medida que debes estar apuntando a cambios debido a que la pantalla es de un tamaño mucho menor y el texto también se agranda para ser más legible en esa pequeña pantalla. Por lo que la medida a la que quieres apuntar en el teléfono es de 30 a 40 caracteres por línea. Si eres línea de texto es demasiado larga, entonces los ojos del lector tendrán dificultades para enfocarse en el texto. Esto se debe a que la línea me gusta hace difícil medir si por dónde comienza y termina la línea . También hace más difícil continuar con la línea correcta en grandes bloques de texto. Seguro que algunos de ustedes han vuelto a leer accidentalmente la misma línea dos veces, o tal vez saltaron una línea al leer. Sé que he hecho eso. Eso se debe a que la medida para lo que estabas leyendo era demasiado larga. No es tu culpa. Fue sólo una tipografía inadecuada. Por el contrario, si tu línea es demasiado corta que tendré que viajar atrás, muchas veces romper las líneas de ritmo de los lectores son demasiado cortas puede poner estrés en el lector, haciéndoles comenzar la siguiente línea antes de terminar la actual y potencialmente faltan palabras importantes y no entender realmente el contenido 15. 15 tamaño de texto: tech sizing es una pregunta muy grande para muchos de mis alumnos y gente empezando con tipografía en general. Entonces te voy a dar algunas reglas bastante fáciles de seguir. Voy a romper esto en reglas separadas para Web en tipo de impresión porque son bastante diferentes. Empecemos con el dimensionamiento de tecnología web. Por lo que para copia corporal. También note el texto del párrafo. Desea mantener su texto entre 12 puntos y 17 puntos. Los tamaños tecnológicos más comunes en esa gama son de 14 puntos y 16 puntos, que me parece que se utilizan abrumadoramente mawr que otros tamaños de esa gama. Pero técnicamente, cualquier cosa en ese rango no es demasiado grande ni demasiado pequeño. Deberían funcionar bien para las personas que no tienen visión perfecta. estándares de accesibilidad recomiendan 16 puntos como su tamaño de copia corporal, pero también depende de quién sea su público. Si su sitio web o producto es para un público de la tercera edad, le recomendaría 16 o 17 punto. Pero si ese no es el caso, realmente puedes elegir. No obstante, te parece conveniente utilizar cualquiera de las tipografías y tamaños de tipo. Dentro de este rango, texto grande o texto de título se considera 18 puntos en adelante. Realmente no hay un estándar o un límite a lo que puede ser tu texto. Por título, es muy dependiente del diseño y del look que vas a buscar. También depende de cuál sea el texto de tu párrafo. Por ejemplo, si utilizas texto de párrafo de 17 puntos, un encabezado de 18 puntos no ofrecería suficiente diferencia entre los dos. Pero estadísticamente, el texto de encabezado más común es de 24 a 26 puntos. No obstante, Como dije, eso es sólo una estadística. No dejes que eso te limite, y realmente depende de lo que diseñes para el dimensionamiento de la tecnología de impresión Es un poco diferente. El tamaño Prince es en realidad mucho más pequeño que el tamaño Web. Por lo que para imprimir, dependiendo del tipo enfrentado, tu copia corporal probablemente caería entre nueve y 12 puntos una tipografía con una altura X mayor . Al igual que muchos árabes de Sant se ven más grandes y por lo tanto se pueden utilizar en tamaños más pequeños. Entonces, por ejemplo, si estuviera usando Helvetica, probablemente haría el texto nueve punto tal vez 10 puntos máximo. Pero si fuera CASS solo, lo haría 11 o 12 puntos porque las formas de letra aparecen mucho más pequeñas, sobre todo en minúsculas como se puede ver en el ejemplo en la pantalla, en algunos casos se puede ir un poco más pequeño para copia de cuerpo como en las tarjetas de visita. Por ejemplo, Text puede ir a siete u ocho puntos más pequeños en una tarjeta de visita y la huella de texto de título también es comparativa, igual que Web, por lo que algunos subtítulos podrían ser de 16 puntos y los títulos podrían ser de 20 puntos, pero realmente depende de la gama de textos que hayas utilizado para tu copia corporal y subtítulos. 16. 16 rolos y personalidades: en este video, vamos a discutir los diferentes roles que tipean biógrafos en 10 tipografías para jugar así como las diferentes personalidades que pueden tener con algunos ejemplos. Cuando hablo de reglas, quiero decir que algunas fuentes se hacen con intenciones de ser utilizadas de cierta manera. Por ejemplo, algunas caras de tipo estaban destinadas a ser utilizadas únicamente para el texto de encabezado y no estaban destinadas a ser utilizadas para la copia del cuerpo. A veces eso está muy claro, como ya hemos hablado con guiones y teléfonos de pantalla. Esos son demasiado difíciles de leer su texto de párrafo, pero a veces es un poco más sutil en que voy a traer algunos ejemplos de teléfonos que estaban destinados a ser texto de encabezado. Uno que tiene más sentido es el bebé nosotros. Es un teléfono muy audaz, y solo está disponible en todas las gorras, así que es algo obvio en cuanto a por qué eso no funcionaría bien. Para el texto de párrafo, intentemos un ejemplo más sutil. Future up feature es un san serif geométrico, que fue discutido anteriormente en el curso, y como dije antes, tipografías geométricas suelen estar limitadas al texto de encabezado el ancho de cada uno de los caracteres en Futura está lejos demasiado diferente, por lo que no es tan ideal para leer su copia corporal como algunos otros teléfonos. No significa que el futuro sea tu elección, pero no sería la mejor opción para la copia corporal. Ahora les voy a mostrar un ejemplo aún más sutil. Ferrocarril, el diseñador de Railway realmente flat out afirma en su descripción que pretendía fuera utilizado para encabezamientos y uso de texto grande. Pero parece una tipografía de aspecto bastante promedio. No es demasiado geométrico. Las letras no tienen ingenio loco, variable, razón por la cual, si alguien usó esto, su copia corporal, no me sorprendería ni molestaría. Probablemente funcionaría bien, Pero ciertos personajes en el teléfono son ligeramente inusuales, como el k cursiva, el W y cómo caen los números en la línea base. Como puedes ver a continuación el título aquí, todos estos en tu copia corporal no serían un gran negocio, sino estos pequeños detalles, sino estos pequeños detalles, o lo que significaba que el ferrocarril estaba destinado a ser texto de cabecera. Ahora vamos a entrar en culpa personalidades. Las posibilidades son infinitas con fuentes que podrías elegir para que se ajusten al look de tu página web o producto de tu marca. Vamos a pasar por algunos ejemplos, y vamos a describir sus personalidades en el camino. Para un primer ejemplo, Serifis modernos como a Dasa o Bertoni, tienen una personalidad muy elevada, sofisticada, sofisticada, lujosa. Son perfectos para una marca que es muy cara o vende productos de lujo. Como puedes ver, Harper's Bazaar está escrito en, pero en Dido, y también lo es Vogue, o al menos alguna variación de Dido, y ambas son marcas muy elevadas. Castle On también es un surf on pero tiene un poco de una personalidad diferente. Es muy clásico y serio. Es algo que usarías hasta parecer serio, corporativo de confianza, algo en lo que quizá escribiría un documento importante. Como puedes ver, se escriben muchos libros en Castle en nuestro siguiente ejemplo es Most Era, que es un servicio de arena muy amable y casual. Podrías usarlo en un blob o algo donde quieras que tu marca parezca muy accesible en lo moderno,al en lo moderno, igual que puedes ver aquí en la página web. Se trata de un sitio web muy moderno, muy mínimo, y Monserrat le da un poco de personalidad divertida. Entonces cuando estás pensando en cómo elegir un teléfono para tu negocio o para el negocio de tu cliente . Piensa en la personalidad del propio negocio. ¿ Qué significa el negocio? ¿ Qué quieren que la gente piense de ellos? ¿ A qué situación se utilizará en ¿A qué está acostumbrado su público, y a qué se sienten atraídos? Preguntándote Todas esas preguntas te ayudarán a elegir la personalidad de la fuente que deseas. Y una vez que entiendas lo que es esa personalidad, no significa que haya en Lee un tipo de letra que se ajuste al proyecto de ley. Podría haber muchas tipografías que coincidan con esa personalidad, y eso está perfectamente bien. No hay una respuesta correcta. 17. Jerarquía 17 Jerarquía 17: jerarquía es un gran negocio en la tipografía. Puedes configurar tu texto a la perfección y elegir teléfonos increíbles que se ven muy bien juntos. Pero si no hay jerarquía en tu diseño de lo que todo va cuesta abajo, puede usar la jerarquía tipográfica. En muchos sentidos, realmente depende de lo que estés diseñando exactamente, pero generalmente se recomienda que tengas tres niveles de jerarquía. Entonces eso significa un nivel primario, como un encabezado, un nivel secundario como un sub encabezado y un nivel terciario, que sería tu copia corporal. No siempre tiene que funcionar exactamente como acabo de decir, pero esa es una combinación muy común, jerárquica. Siempre puedes mirar a los formatos editoriales tradicionales como periódicos y revistas para ver buenos ejemplos de jerarquía visual. Te voy a mostrar algunos ejemplos aquí. Se puede ver que las fuentes se combinan de una manera que separa visualmente los diferentes elementos textuales, y éste tiene muchos elementos textuales diferentes. Esto podría lograrse de multitud de maneras. Uno simple es el tamaño de fuente. Obviamente, tamaño caído es claro, tener un encabezado más grande, una subcabeza más pequeña y una copia de cuerpo aún más pequeña crea una jerarquía clara. Otras formas son el peso de las fuentes. A lo mejor una peñada luchó por el título, y el espaciado entre cada sección del texto todos pueden contribuir a cómo el yo debería navegar por la página. Se puede ver en estos ejemplos, que son tanto impresos como digitales. La jerarquía es muy fuerte y se ha logrado de diferentes maneras. El de la izquierda está usando una enorme variación en el tamaño del texto. El ejemplo en el medio es usar el tamaño también, pero no en el mismo grado es el de la izquierda. Ah, y también está usando audacia, y el de la derecha está usando principalmente color para crear jerarquía así como algunas diferencias de tamaño . Idealmente, desea que su jerarquía refleje cómo desea que el usuario lea el texto con. El mayor énfasis debe ser lo primero que quieras que lea tu usuario. 18. 18 Cómo parar fuentes: son varias cosas a considerar a la hora de emparejar tipos de letra, y vamos a correr por esta lista con ejemplos. Uno. Elige tipografías complementarias como hablamos en un video anterior. Las tipografías tienen estados de ánimo y personalidades distintos. Desea asegurarse de que el estado de ánimo de sus opciones de tipo coincida con el propósito de su diseño . Por ejemplo, una cara redondeada y apretada con burbujas puede ser apropiada para la invitación a la fiesta de cumpleaños de un niño, pero no para su boletín de negocios. Como puedes ver aquí, aquí tienes un ejemplo de tipo que coincide con el estado de ánimo de lo que están diseñando para su muy moderno. Es un poco robusto en cierto modo, y se puede ver que las dos tipografías que usaron reflejan que para considerar el contexto que va a aparecer tu diseño debería ayudarte a determinar las tipografías que funcionarán juntas para tu proyecto. Ambos deben ser relevantes para su contexto de diseños y deben ser mecanografiados de una manera que tenga sentido para la situación. Por ejemplo, el texto en una cartelera y el texto en una revista son dos situaciones muy diferentes, como se ve aquí texto en una revista hemos elegido una fuente Sarah a diferentes tamaños. Uno es muy pequeño porque, después de todo, es un pequeño trozo de papel. En este ejemplo, se trata de una cartelera muy grande peleada. No hay emparejamiento de fuentes en este caso, pero tenemos una fuente muy grande, texto muy mínimo porque estoy conduciendo por esta cartelera. No estoy eligiendo sentarme y leerlo como si fuera revista. Tres. Limitar el número de tipos de letra de uso. En la mayoría de los casos, debe limitar el número de tipos de letra utilizados en un proyecto a un máximo de tres. Este es mi no significa un corazón de regla rápida si eres profesional de temporada. Cuando se trata de tipografía, hay formas en que puedes hacer que más tipos de letra funcionen juntas. Pero para la mayoría de las personas, se debe limitar el número de tipos de letra utilizados para caer entre uno y tres. La mayoría de los ejemplos de diseño no tendrán más de tres tipos de letra en ellos. Como puedes ver aquí, tenemos un ejemplo que usa demasiadas tipografías, y uno usa solo una tipografía, y lo mantuvieron simple, y es mucho más fácil de leer por ello. Otra opción, pero no necesariamente una regla, es utilizar la violencia de una misma familia. Esta siempre es una apuesta segura ya que fueron creadas para trabajar juntos. No hay forma de fuentes dentro de una misma familia. No se verán bien juntos en el ejemplo que les estoy mostrando en pantalla. Todo este sitio está usando a Gilroy como su peleado. Trata de buscar familias que tengan una gama de opciones, que incluyan diferentes estilos de pesos en los casos para asegurarte de que tienes suficiente variación trabajar con el dedo para tus propósitos. Si no te sientes súper seguro de emparejar diferentes fuentes, prueba a usar una familia de granja y usa eso para acostumbrarte a usar la jerarquía y diferentes tipos de contraste para crear un buen diseño. Una vez que te sientas cómodo que entonces puedes sumergirte en emparejar diferentes teléfonos. Otra sugerencia, pero no necesariamente una regla, es mezclar sheriffs y san sirve. Este podría ser tu siguiente paso. Después de sentirse cómodo con el uso de teléfonos dentro de una misma familia, Sarasin Sand Saref a menudo se mezclan porque ahí claramente diferente y esa clara diferencia realmente ayuda a crear jerarquía. Thies a los estilos de fuente tienden a trabajar bien juntos, particularmente en las ciencias de contraste. Pero de ninguna manera es esto una regla. Por ejemplo, podrías emparejar un serif con otra Sarah, y eso no tiene nada de malo. Simplemente depende de los jarabes que elijas. Ten en cuenta que esta sugerencia no significa que compares a ninguna Sarah y cualquier Sand Saref y que automáticamente van a quedar bien juntos. Tendrás que asegurarte de que tus tipografías tengan un estado de ánimo similar y se vean bien juntas. Vamos a entrar más en detalle sobre eso más adelante. Se puede ver en el ejemplo en pantalla los serif en el Saref de Arena tienen algunas similitudes con ellos, como si ambos fueran tipo de redondeados, y ambos tienen una altura X similar. Pero por lo demás están muy claramente contrastando. Entrando en mi siguiente regla, es crear contraste. Como dije, una de las principales razones por las que emparejar un serif y sans serif funcionan tan bien juntos es que hay claramente contraste ing. La idea del contraste reúne múltiples conceptos que deberías estar considerando incluir jerarquía y cómo las tipografías se complementan entre sí. El contraste se puede lograr de varias maneras, como a través del estilo, el tamaño, tamaño, peso, espaciado y el color. La diferencia ayuda a grandes reglas distintas para cada tipo de letra, permitiéndoles destacar como piezas individuales de información. Siete. Alejarse del conflicto Cuando los padres se enfrentan. Sí quieres contraste, pero no quieres conflicto. hecho de que los teléfonos sean diferentes no significa que funcionen automáticamente juntos. Las tipografías que comparten algunas cualidades son más propensas a verse armoniosas juntas, incluso si su apariencia general difiere. Algunas cualidades que puedes lucir. Cuatro son similares. Las proporciones parecen altura del gorro , altura X curvatura similar como si ambas se ven muy redondeadas, como en el ejemplo anterior que mostré en pantalla, podrías buscar si ambas están condensadas o extendidas y ver cómo eso hace que algunos trabajen juntos. Entonces en este ejemplo, esta no es una gran combinación. Ambos son de Serra, que podría estar bien, pero en este caso, la escalera de cierta de una manera a similar y también diferente de la manera equivocada. Entonces sus diferencias es que uno está condensado y otro se extiende, lo que puede no ser otro problema en otra combinación, pero en esta combinación, no está funcionando. Nuestra regla final es evitar emparejar tipos de letra que sean demasiado similares. Elegir teléfonos que no tengan suficiente contraste se vuelve problemático. Puede o hacer que la información no parezca separada es como debería, o tal vez alguien notará que algo está apagado y asumió que el diseñador cometió un error. No hay suficiente contraste significa que no se ha establecido suficiente jerarquía dentro de su diseño, lo que puede obstaculizar la capacidad de lectura. Como se puede ver, aquí hay un ejemplo de tipos de letra que no son demasiado similares a la derecha, pero tampoco el ing más contrastante en comparación con las otras caras de tipo que se ven demasiado similares. Algo sobre el diseño de la izquierda parece apagado. Esperemos que estos consejos te ayuden con el emparejamiento de teléfonos. En nuestro próximo video, vamos a repasar algunos ejemplos de emparejamientos telefónicos gratuitos para que empieces y discutas por qué funcionan. 19. 19 armonizados: bienvenidos al video informativo final de este curso. Tenías mucha información tirada a lo largo del curso. Entonces ahora voy a repasar algunos ejemplos de emparejamiento de fallas y explicar cómo funcionan exactamente juntos. Estaré centrándome principalmente en las fuentes de Google ya que son gratuitas, buena calidad y de fácil acceso para todos. Entonces vamos a meternos en ello. Nuestro primer ejemplo va a ser un serif y sans serif. Recuerda, una de mis sugerencias en el video anterior fue combinar Sarasin San Sarah, ya que sus diferencias ofrecen un claro contraste y ayudan a crear jerarquía en tu diseño. Entonces aquí está el primer ejemplo. El título aficionado aquí es Lotto, y el texto del párrafo es Merryweather. Una de las razones por las que estos trabajan tan bien juntos es que su altura de tapa dos X relación de altura es casi idéntica. Por lo general, digamos Sarah, teléfonos tienen un Sansa más pequeño , X acentuado, sus fuentes. Pero Merryweather es una falla muy moderna y está hecha para pantallas, lo que tiene una altura X bastante grande que también pasa a coincidir tardío adeuda X altura, lo cual es perfecto. También están bastante abiertos en sus letras redondeadas y tienen una abertura similar a sus letras. A lo que me refiero con apertura es a lo abiertas que están las letras como S o C en las zonas donde hay espacio negativo. Tampoco se puede decir en este ejemplo. Pero son tallix están inclinados en el mismo ángulo exacto también. La diferencia aquí que los hace contrastar entre sí. Simplemente es obviamente el Sarah ifs, por supuesto, pero también que Merryweather está ligeramente condensado en comparación con Lado. Mi siguiente emparejamiento cuenta con Arenas abiertas en el título y Laura para el texto del párrafo. Este emparejamiento es un poco más de contraste ing que el anterior, por lo que la altura de la tapa para excitar relación en estos dos teléfonos es similar, pero no un similar es el último ejemplo. El personaje dentro del espaciado en ambos teléfonos East es casi idéntico, aunque el fuerte contraste proviene del estilo gráfico Kala de Laura y la apertura muy abierta que entonces tiene Sands abierta, que Laura no tiene. Este siguiente concepto no es tan fácil de conseguir, pero no es completamente inaudito. El título que tenemos aquí es quatre gentil, y el texto del párrafo es Quadra Gento Sands. Por lo que se trata de dos tipos de letra separados hechos por el mismo tipógrafo y claramente estaban destinados a trabajar juntos. Quadra Gento Sands se parece bastante a su parte de homólogo. Se, por supuesto, tiene quitados los Sara, pero por lo demás tienen exactamente la misma altura de gorra, altura X y con a sus personajes. La versión de San Serif es simplemente más uniforme, y son trazos, y el Saref tiene porciones más gruesas y delgadas a sus trazos, como lo hacen la mayoría de las tarifas. Pero por lo demás son extremadamente similares. Pasemos de serif y sans serif combos a algo un poco más difícil. ¿ Cómo emparejan las tipografías San Serif? ¿ Cómo sabes si son demasiado similares o si están en conflicto entre sí? En el ejemplo de la pantalla? Ahora mismo, estoy usando Fear, un Sands para el título y rap monstruo para el texto del párrafo. Si los miras, puedes ver que algo en ellos se siente diferente el uno del otro, pero no tan diferente que se están peleando entre sí. Entonces el miedo A es un gran condensado. Donde está Melissa es un poco extendida y tiene caracteres más anchos en la tipografía promedio en comparación con miedo a ser condensado. Esta diferencia se vuelve más feroz. Vera también tiene una abertura más abierta, mientras que Melissa tiene una abertura bastante cerrada. De lo contrario, ambas tipografías tienen uniformes bastante, trazos y no tan drásticamente diferentes catfighting y ex alturas. Algo más que no es súper aparente es que ambas fuentes, un remitente y los inconformes son de la misma longitud, lo cual es un poco difícil de decir aquí, ya que están en dos tamaños diferentes. Pero son casi idénticos. Nuestro próximo emparejamiento San serif y sans Serif es Poppins en el título y arena abierta en su copia corporal. Por lo que Poppins tiene un poco de personalidades para un san sirve go. Es muy redondeado en geométrico. Yo no diría abierto. Sands es un luchado condensado, pero compara un ble con Poppins. Lo es. Poppins también tiene algunos delfines engrosados a algunos de sus personajes que son un poco más exagerados que las arenas abiertas. También tienen aperturas extremadamente diferentes. Como dije antes, Arenas abiertas, como su nombre lo indica, es muy abierto, y Poppins tiene una abertura muy cerrada. Entonces tengo muchas diferencias aquí. ¿ Qué está haciendo que estos dos no culatas cabezas. Ambos tienen una excita muy grande, y su altura gorra para excitar ratios coinciden casi a la perfección. El hecho de que Poppins tenga un poco de grueso y delgado a ella, Lo cual es un poco difícil de ver en esta versión audaz. Pero cuando encendes Poppins, lo ves con más claridad. Tipo de lo hace un poco más parecido a un emparejamiento serif y sans serif. A pesar de que ambos son aranceles enviados, nuestra agrupación final va a ser serif en tipografías serif. Esto va a seguir un análisis similar a los auriculares Sansa, pero quería mostrar algunos ejemplos de todos modos para referencia. Por lo que Bree Serif es el encabezado en este ejemplo, y el texto del párrafo es Laura. Por lo que claramente Brie es mucho más audaz. Tiene losa como Sarah ifs y más uniformes trazos que Laura. Laura es más gráfica de Kala y tiene muchas púas y delgadas. Laura también tiene un remitente y disidentes más largo, lo que puede no ser súper obvio a primera vista debido a sus diferencias de tamaño. este momento, sin embargo, ambas fuentes tienen una gorra, altura y excita muy similar así como apertura. Estas proporciones se estaba anclando visualmente las dos fuentes juntas. Nuestro último ejemplo es a más Encabezado interno Serifis. Tenemos exhibición Playfair, y en nuestro texto de párrafo, tenemos a Alice. Ambas fuentes son muy curvas, sobre todo en las anguilas de aleta en los terminales de los personajes. Tienen una apariencia casi femenina para ellos. Otra gran similitud que tienen son sus aperturas. Por lo que puedes ver cuando miras una E o una R que ambos están abiertos al mismo grado. Estas cosas son verdaderamente lo que está anclando estas dos caídas juntas porque cuando las analizas , o profundamente ves cuánto contrastan entre sí. Ellos son Capito. La relación de excitación es muy diferente, con la pantalla de Playfair teniendo una marcha más grande. Excite tarifas de juego también mucho más condensadas, mientras que Alice no está particularmente condensada o extendida. Yo diría que es bastante promedio en con son remitentes y los inconformes tampoco coinciden. Alice tiene mucho más tiempo un remitente en comparación con su altura X. Y, por supuesto, desde sus serifis, ambos tienen áreas gruesas y delgadas de sus trazos. Pero los trazos de Playfair están tan contrastando que se dirige hacia el territorio de un serif moderno . Dónde está Alice es más uniforme en comparación 20. 20 conclusión: en nuestra conclusión, me voy a tomar un minuto para recapitular el curso. Revisamos algún vocabulario básico relacionado con la tipografía así como la historia de la tipografía . Al igual que los inicios de la tipografía es un arte. Durante la creación de la imprenta, todo el camino a través de las diferentes etapas del diseño de tipografía. Hasta los días modernos, repasamos extensamente la anatomía de una tipografía y discutimos diferentes elementos de una tipografía como el espaciado estilo de espera. tipografía era un área muy importante en la que pasamos y algo en lo que realmente quería que te enfocaras en el futuro. tipografía es algo sobre lo que tienes tanto control, así que asegúrate de tomar ese control cuando estés diseñando. Y finalmente entramos en profundidad en cómo emparejar fuentes junto con ejemplos. tipografía es una de esas cosas que pasa desapercibida mucho del tiempo, pero es increiblemente importante si quieres que tu diseño sea bueno. La gente puede no darse cuenta conscientemente de que algo anda mal con la cinta, pero vivirán las consecuencias de esos errores cuando lo que están tratando de leer no es tan legible es que podría ser como lo discutimos antes, sin saber dónde empezar a leer, leer la misma línea dos veces, saltarse líneas y sentirse estresado. La lectura mural no es algo que quieras que la gente experimente. Te deseo suerte con tu viaje a la tipografía y el diseño. Y quiero agradecerles por tomar mi curso. Espero que hayas aprendido mucho.