Este nuevo proyecto se basa en detectar 5 errores tipografícos que encontremos en nuestro día a día. Es decir, buscar en los elementos que nos rodean malas prácticas de la tipografía. 

Una vez detectadas tendremos que desarrollar a fondo el problema y conseguir una solución.

PRIMER CRIMEN:

Como vemos en la imagen, este tiene un packaging super bonito y original, sin embargo, si nos fijamos, podemos localizar un mal uso de la tipografía.

En la palabra “paté” se ve a simple vista como la letra “p” se encuentra más desplazada que el resto

Para ponerle solución, deberiamos regular los espaciados para crear una imagen homogénea.

SEGUNDO CRIMEN:

En este caso, nos encontramos con un pequeño folleto explicativo que se encontraba en un bar de mi ciudad. 

Es fácil darse cuenta de que en el texto principal hay una separación en la última palabra de este.

“Favoritas” podía compartir linea con el resto de palabras, sin embargo, por error se creo una división a través del guión, dañado la estética de este.

La solución para este problema no es otro que aderir la palabra entera a la linea que le pertenece.

TERCER CRIME

No podemos olvidarnos, que una parte fundamental de las leyes tipográficas, es la legibilidad. En este caso, no encontramos errores ortográficos o problemas con el kearning, si no en la lectura del propio logo.

Esto se debe a dos elementos:

1. Ponerle demasiado borde a las letras 

2. Añadirle una ilustración con rasgos parecidos a la tipografía, y posicionarla demasiado cerca de esta.

No hay mejor ejemplo que el a ver realizado la foto desde la distancia. De esta forma corroboramos que la legibilidad de sus letras se confunde con el decorado.

En este caso, debemos realizar de nuevo un logotipo para así conseguir una imagen muhco mas clara y legible.

CUARTO CRIMEN

Volvemos a encontrarnos un mal uso del espaciado entre letras, sin embargo, en este caso para al contrario.

Este error es más dificil darse cuenta a simple vista, y sobre todo cuando vas tranquilamente por la calle.

Sin embargo, si te fijas podemos ver que la palabra “algo”  cuenta con un espaciado entre las letras diferente. 

Esta cuenta con menos separación entre las letras A-L y entre G-O. Este debió de ser un error tipográfico a la hora de alieiar las frases.

Para arreglarlo, solo debemos colocar las letras de nuevo en una posición homogénea entre todas.

QUINTO CRIMEN

En este último caso veremos un mal uso de tamaño tipográfico. En esta ocasión nos topamos con un packaging que cuenta con varios escritos.

Sin embargo, hay uno en concreto que es casi imposible de leer a simple vista. Dada su dificultad de lectura creo que estamos ante un error tipográfico.

La solución de este último error no sería más que mejorar su tamaño para conseguir una legibilidad óptima para todo el mundo.

INVESTIGACIÓN TIPOGRÁFICA

Sofia Garcia Serra

Enlace de presentación: https://www.canva.com/design/DAGUSnKQGSA/sVTLvJl3929wyDEYDjopBw/edit?utm_content=DAGUSnKQGSA&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

1. Selección

• Para la realización de esta actividad he escogido la portada de un libro titulado “No hagas montañas de granos de arena” escrito por Rafael Santandreu. Se trata de un libro muy interesante que ofrece tips y herramientas para reducir el estrés y la ansiedad. Enseña al lector a simplificar los problemas del día a día y buscar el lado positivo. El autor es psicólogo y tiene otros libros reconocidos como “el arte de no amargarse la vida”. Personalmente, me parece una portada divertida y curiosa pero al mismo tiempo sencilla y me gusta la tipografía y el diseño de la portada.

• He escogido las letras “No hagas” . “No” es la única palabra que contiene una letra en mayúsculas ya que el resto del título es en minúsculas, por lo que quería seleccionar esa palabra, la siguiente es “hagas” que es justo la palabra que aparece debajo de la anterior. Se encuentran en estructura de jerarquía pero son perfectamente legibles, sencillas y dinámicas. Es una tipografía que tiene un contraste bajo. También se compone por un eje axial por lo que podemos afirmar que es una tipografía moderna y racionalizada.

2. Reconocimiento

• Con la palabra “hagas” encontramos tipografías muy parecidas, diría que la tipografía Futura TS ExtraBold es la que se utiliza en la portada del libro. Es exactamente igual. He realizado este reconocimiento a través del sitio web What The Font, posteriormente he realizado capturas de pantalla de las tipografías que más se asemejan a la del libro y las he comparado en un documento colocando las dos en cada lado para visualizarlas mejor. Existen muchas tipografías parecidas pero la definitiva es Futura TS ExtraBold, las demás tienen ligeras diferencias como la separación entre letras es más ancha o más estrecha, el grosor… es difícil compararlas ya que se trata de una misma familia tipográfica pero el estilo concreto es el mencionado anteriormente.

• Para reconocer la palabra “No” es más complicado. Al realizar la búsqueda aparecen letras totalmente distintas, no se asemejan a la tipografía original ya que sólo contamos con dos letras para que el sistema busque letras parecidas. Esta palabra es Futura TS ExtraBold pero el sistema de internet no la conoce como tal. Quería realizar esta búsqueda a pesar de contener dos letras ya que es la única palabra que tiene una mayúscula. Las opciones que aparecen en la web con la palabra “No” se parecen a la tipografía de la portada original del libro pero no se trata de la misma.

3. Información

• La tipografía escogido pertenece a la familia Futura. Se trata de una tipografía geométrica muy conocida y utilizada por diseñadores tanto en diseño editorial como diseño gráfico. En cuánto a la autoría podemos comprobar que el creador de Futura es Paul Renner, un diseñador nacido en Alemania que creó la tipografía en el año 1927. A lo largo de los años esta tipografía ha tenido variaciones, actualizaciones… pero siempre ha mantenido su esencia principal. Por otro lado, a través de internet encontramos la fundición original de Futura, fue Bauer Type Foundry. Una de las fundiciones más prestigiosas en Alemania en el siglo XX. Más adelante, fue licenciada y extendida por otras fundiciones como Adobe y Linotype. Esta familia tipográfica es muy completa ya que cuenta con muchos pesos y estilos como por ejemplo; futura light, futura book, futura medium, futura bold, futura extra bold (uno de los estilos más gruesos. Tiene formas muy geométrica y redondeadas) y future condensed (esta también tiene sus variables como light, medium y bold). Seguidamente hablamos de las etiquetas. Las más importantes para clasificar Futura Extra Bold son las siguientes: – Geométrica: es un diseño sencillo compuesto por rectas y círculos. – Sans Serif: no tiene serifas, es un diseño moderno. – Moderna: esta tipografía apareció en el contexto de la edad moderna en pleno siglo XX. – Versátil: se puede utilizar en muchas áreas como editoriales, publicidad etc. – Minimalista: Es una tipografía limpia con formas simples, legible…

5. Pruebas

6. altura x ojo medio

• He realizado la comparación con familias tipográficas totalmente distintas para analizarlo de mejor manera. La primera tipografía es Futura Extra Bold, la segunda es Baskerville Old Face, y la tercera Calligraphy. Las dos primeras son ojo medio alto y la última ojo medio bajo.

7. contraste

• Para el contraste voy a utilizar las mismas tipografías ya que las he escogido de esta manera porque aparecen los tres tipos. Para fijarnos en el contraste debemos observar la diferencia entre los trazos gruesos y delgados de cada letra en las tres tipografías que tenemos. La primera (Futura Extra Bold) es un contraste bajo porque los trazos son iguales, uniformes a lo largo de cada letra. Es un estilo que se podría denominar sólido. La segunda tipografía encontramos un contraste alto, por ejemplo en la letra «B» existe mucha diferencia entre el trazo fino y el grueso, igual que en el resto de letras. Es un aspecto elegante. En cambio, el último ejemplo es un contraste medio, porque sí que existe esa diferencia pero es moderada en los trazos, existe un equilibrio sin exagerar. Es elegante y legible.

WEBGRAFÍA

• Tipografía y contraste en el diseño gráfico.
• Recuperado de https://www.typography.com
• La importancia de la modulación en la tipografía. Recuperado de https://www.ilovetypography.com
• Crítica y análisis del libro No hagas montañas de arena.
• Recuperado de https://www.fontshop.com
• Evolución de los principios tipográficos de Tschichold.
• Recuperado de https://www.printmag.com
• Herramientas del aula Canvas

1. SELECCIÓN

He elegido esta pieza tipográfica porque me interesa analizar y aprender cómo tipografías de carácter más “simple”, comunican sin perder la elegancia y considero, personalmente, que de manera más clara que otras tipografías, que a simple vista pueden ser estéticamente más elaboradas. 

Especialmente en el ámbito editorial, que me interesa particularmente dentro del diseño, donde confluyen imágenes, fotografías, ilustraciones, etc. con texto de diversa índole, como por ejemplo en este caso. Además, considero que este tipo de tipografía geométrica dan mucha flexibilidad al diseñador, a la hora de acomodar los elementos y captar la mirada del lector, sin recargar el diseño.

2. CAPTURA

La tipografía analizada es de formas rectas y simples, manteniendo un aspecto limpio y moderno en apariencia, y siendo más accesible para todos los públicos, especialmente en editorial, ya que a su vez son también mejor y más legibles en formato digital. En este caso me llama especialmente la atención como el texto resalta aun compartiendo espacio con tonos tan saturados como los de la fotografía que lo acompañan, captando la mirada del lector. Me llama especialmente la atención como se usa la misma familia de tipografía para todo el artículo y como todo queda balanceado, manteniendo una buena legibilidad. 

3. RECONOCIMIENTO

Para el reconocimiento de la tipografía se utilizó la herramienta WhatTheFont. Con la que podemos identificar la tipografía utilizada, cargando una foto en su buscador, donde la identifica y muestra la información acerca de ésta. Una vez cargada la foto las dos primeras opciones encajaban, aunque en la primera había una variación en el trazo del glifo “y”, que no coincidía con el original, sin embargo, la segunda opción me encajaba perfectamente. El resultado fue la tipografía Lightbox 21, de carácter geométrico, con trazos simples pero elegantes. En la clasificación Vox-ATypil creo que pertenece a las lineales geométricas, aunque tengo mis dudas porque también podría pertenecer a las neogrotescas. En cualquier caso, pertenece a las tipografías modernas de la clasificación. 

4. INFORMACIÓN

Tipografía: Lightbox 21 Semi Bold 

Nombre de la familia: Lightbox 21

Autoría: Ben Jones

Fundición: Protimient

Pesos y estilos: Lightbox 21 Light, Lightbox 21 Ultra Light Oblique, Lightbox 21 Thin,Lightbox 21 Thin Oblique, Lightbox 21 Light, Lightbox 21 Light Oblique, Lightbox 21 Regular, Lightbox 21 Medium, Lightbox 21 Medium Oblique, Lightbox 21 Semi-Bold, Lightbox 21 Semi Bold Oblique, Lightbox 21 Bold, Lightbox 21 Bold Oblique, Lightbox 21 Extra-Bold, Lightbox 21 Extra-Bold Oblique, Lightbox 21 Oblique, Lightbox 21 Black, Lightbox 21 Black Oblique. 

Etiquetas/Tags principals: modern, geometric, magazine, classic, contemporary corporate geometric sans, heading, clean, casual, elegant. 

5. PRUEBAS

6. ALTURA X/OJO MEDIO

Tipografía 1: Neue Plak Compressed Regular

Tipografía 2: Optima Pro Roma

Tipografía 3: Lightbox 21 Semi Bold 

Lightbox 21 Semi Bold, la tipografía que analizo en esta actividad tiene una altura x/baja, mientras que las tipografías Neue Plak Compressed Regular tiene una altura x/alta y la Optima Pro Roma una altura x/media. Tras investigar por la web WhatTheFont, estas dos tipografías creo que ofrecían el contraste necesario para la comparativa. Creo que tanto Neue como Lightbox ofrecen mejor visibilidad y legibilidad, al no haber tanta diferencia entre mayúsculas y minúsculas. Creo que ambas son fuentes más versátiles, aunque Optima parezca más estilizada. Creo que, sobre todo en la Lightbox, el cuerpo general de los glifos es más comprimido, habiendo más diferencia entre mayúscula y minúscula, y eso hace que su altura sea baja.

7. CONTRASTE

Tipografía 1: Neue Plak Compressed Regular

Tipografía 2: Optima Pro Roma

Tipografía 3: Lightbox 21 Semi Bold 

En este caso, Lightbox 21 Semi Bold tiene un contraste moderado, Neue Plak Compressed Regular tiene un contraste bajo y la Optima Pro Roma tiene un contraste alto. Esto se debe a que el grosor es diferente en algunas partes de los glifos, especialmente se reflejan en las partes redondeadas, como podemos observar en la Optima. Lightbox 21 ofrece un contraste moderado ya que, aunque sí que hay cierto contraste en el grosor de alguno de los glifos, la diferencia es poca y, al igual que la Optima, este contraste es notable en los glifos con carácter redondeado. 

8. MODULACIÓN

Tipografía 1: Neue Plak Compressed Regular

Tipografía 2: Optima Pro Roma

Tipografía 3: Lightbox 21 Semi Bold 

Si hablamos de modulación, Lightbox 21 Semi Bold tiene una modulación vertical, al igual que la Neue Plak Compressed Regula y la Optima Pro Roma. Esta parte del ejercicio me ha resultado más complicada que las otras. No estoy muy segura de que la modulación de la Optima sea vertical, porque algunos glifos presentan cierto desvió en las curvaturas, pero aun así creo que son tipografías con un carácter más vertical. La verticalidad es una característica del geométricas. Esto las hace tipografías contundentes y claras. La Lightbox 21 también me hace dudar un poco por sus glifos “a” y “p”, pero visualmente me resultan más verticales, porque, aunque sus redondeces varíen de grosor, la direccionalidad es vertical.  

9. Clasificación Vox-ATypil

Esta tipografía pertenece a la categoría de tipografías modernas dentro de la clasificación Vox-ATypil, y dentro de esta a la subcategoría de las lineales neogrotescas.  

Las tipografías modernas se dividen en tres subcategorías: diodonas, mecánicas y lineales, y dentro de las lineales encontramos diferentes tipos. Las lineales geométricas se caracterizan por un contraste un poco mayor en los trazos que sus hermanas las neogrotescas. La diferencia entre los glifos es mínima y predomina la geometría en su diseño. El grueso de los trazos es más constante y las terminaciones cerradas.  

10. BIBLIOGRAFÍA

 https://www.myfonts.com/es

https://disseny.recursos. uoc.edu/recursos/tipo/es/

https://es.wikipedia.org/wiki/Clasificación_Vox-ATypI#Lineales

https://www.adobe.com/es/creativecloud/design/discover/font-types.html

Marina Rodriguez Grosjean (Aula 3)

ELECCIÓN TIPOGRÁFICA

SELECCIÓN

La elección de esta se debe a su sencillez y elegancia.

Cada vez más podemos observar a nuestro alrededor tipografías modificadas, lettering o letras convertidas en logos. Es por eso que con mi elección quiero recalcar la importancia de lo tradicional. A veces nos empeñamos en buscar cosas diferentes, que destaquen y que puedan llamar la atención. Sin embargo, para según que negocio, no hace falta irse más lejos que de las tipografías con serif tradiconales. Ya que estas, con un buen branding pueden llegar a lucir como cualquier otro diseño.

CAPTURA

Dicha tipografía me parece interesante dado el potencial que podemos sacar de ella. Aunque cuenta con una gran inlfuencia tradicional, podemos adaptarla a nuevos contextos más modernos.

Dicha tipografía podríamos describirla como seria y elegante. De esta forma es perfecta para proyectos donde la formalidad y la confianza sean claves. Así como proyectos que requieran de una buena legibilidad. Ya que esta, a pesar de ser una tipografía serif es ideal para textos extensos o editoriales

RECONOCIMIENTO

En numerosas ocasiones he echo uso de aplicaciones como “WhatTheFont” para encontrar mis tipografías favoritas. Sin embargo, en ocasiones, como se ha dado para este ejercicio, la apliación me da fallos y no me deja escanear mis imágenes.

Es por ello, que he puesto en práctica una herramienta que descubrí hace poco. Esta es una opción que nos proporciona la aplicación “Illustrator Beta” para reconocer las tipográfias que queramos.

Me ha proporcionado muchas tipografías parecidas, sin embargo he escogido “VremyaFWF” por su alta semejanza.

INFORMACIÓN

Nombre de la familia: VremyaFWF

Autoría: Juraj Chrastina

Fundición: Fontworks (FWF)

Pesos y estilos: Regular / Italic / Bold / Bold Italic / 

Etiquetas/Tags principales: Serif / Legible / Clásico / Tradicional / Elegante

PRUEBAS

ALTURA X/OJO MEDIO

Para esta parte del proyecto, estamos haciendo comparativas de ojo medio entre 3 tipografías muy parecidas. De esta forma, podremos analizar las diferencias que existen entre ellas a pesar de su gran parecido.

Para ello usamos en ambas la misma palabra, en este caso “Traditional” haciendo referencia a la foto de referencia que llevamos analizando durante todo el ejercicio. Sin embargo, añadimos el extra de la letra “x” ya que esta es perfecta para calcular el ojo medio.

Esto se debe a que carece de ascendentes ni descencientes haciendola perfecta para medir dicho parámetro.

En este caso la tipografía “VremyaFWF” con un ojo medio moderado, ya que son bastante compatibles las alturas entre todas sus letras.

“Times Roman”, cuentan con un ojo medio bajo, ya que la diferencia que existe entre la letra “x” y la mayúscula no es muy notoria. También nos ayuda a saberlo la diferencia entre las letra ascendente “d”.

“Georgia” tiene un ojo medio alto, ya que en comparación con la mayúscula y con la letra ascendente ya podemos ver una diferencia mas notoria.

CONTRASTE

Para esta parte, estamos haciendo comparativas de contraste entre otras 2 tipografías diferentes a las anteriores para ver más notoriamente este aspecto.

Para ello seguimos usando la palabra“Traditional” haciendo referencia a la foto de referencia que llevamos analizando durante todo el ejercicio.

En este caso la tipografía “VremyaFWF” tiene un contraste moderado ya que existe diferencias entre las curvas, pero no tanta como en otras ocasiones.

“Arial” tiene un contraste bajo, ya que la diferencia entre las curvaturas de las letras es casi escasa.

“Didot” es claramente una tipografía con contraste alto, ya que la diferencia entre los puntos es muy notoria.

MODULACIÓN

Para esta parte, analizaremos el eje modular entre estas dos tipografías, para así ver la diferencia que existen entre ellas en cunato a su inclinación.

Como anteriormente, continuamos con la misma palabra seleccionada. 

En este caso nos fijaremos en las letras “o” y “d”.

En este caso la tipografía “VremyaFWF” podemos observar que cuenta con una inclinación más diagonal, dado que las curvas de contraste se dan en esta inclinación.

“Georgia” sin embargo, es una tipografía con modulación recta, ya que estas curvas se provocan de manera paralela

.

CLASIFICACIÓN

La tipografía con la que llevamos trabajando durante todo este proyecto, la clasificaría en “Clásicas” y “Reales”.

Ya que consta con un contraste moderado. Esta clasifiación se encunetra entre las Garaldas y las Didonas debido a contar con trazos diferenciatorios en cuanto a grosor, pero no lo suficiente para clasificarse entre las Didonas.

Tambíen cuentan con la  característica de tener un eje vertical o casi vertical creando un aspecto mas geométrico en relación al resto.

BIBLIOGRAFÍA

https://es.wikipedia.org/wiki/Modulación_(tipografía)