Logotipo de la empresa

Submarcas

BioDanza

Submarca dedicada a la especialización en el ámbito de la Bio-danza

MusPaint

Submarca dedicada a la especialización en el ámbito de dibujar la música

ExperPaint

Submarca dedicada a la especialización en el ámbito de la pintura experimental

Musbapi

Submarca dedicada a la especialización en el ámbito de dibujar la música mientras bailas

Como la academia se dedica a un sector completamente artístico y experimental, ha creado 4 submarcas donde los usuarios que lo deseen podrán tomar clases para especializarse en los diferentes ámbitos. Cada submarca consiste en páginas web, donde los usuarios se darán de alta, y podrán acceder a toda la información tanto teórica como práctica, desde masterclass, hasta lecturas de la historia de cada ámbito, pasando por talleres, y la información de los exámenes de cada ámbito, para poder adquirir la titulación especifica de cada uno.

Home site empresarial

En esta foto podemos ver como seria el home site empresarial, donde los usuarios podrían adquirir información de la empresa y de las 4 submarcas. Aparte de poder ver trabajos de otros años, noticias actuales, y poder contactar con el equipo directivo. Sera una web fácil de manejar para que este al alcance de todos. También se tendrá la opción de comprar el Merchandising de la academia, a un precio asequible para los alumnos de la academia.

Merchandising  

Debido a que la empresa es una academia que imparte enseñanzas artísticas, El merchandising que mejor podría venderse o que más podría interesar a los usuarios, eran botellas de agua, camisetas, sudaderas, gorras o cuadernos. En las siguientes imágenes se podrán observar los diferentes objetos del merchandising de la empresa.

Cartel

En esta imagen podemos ver el cartel con el cual se promocionará a la empresa. Es una empresa nueva que ofrece nuevas experiencias con el arte, de una manera diferente y que nunca se habían ofrecido. Con el cartel publicitario se pretende llegar al publico interesado en el arte. Por lo que para hacer buena publicidad, se colgará en las calles y establecimientos, en las zonas adaptadas para ello. En cuanto al diseño del cartel, he hecho que sea llamativo con la intención de que no pasara desapercibido y capte la atención de los usuarios.

Presentación

Bibliografía

Imágenes sacadas de Unsplash, Imagenes libres de derechos.

EMPRESA

MusArt

Dedicada al sector de la enseñanza de música, danza y arte, experimental.

Esta empresa está dedicada a impartir clases de música, danza y arte. Clases de pintar la música que se escucha, clases de biodanza, clases de pintura experimental, y clases de pintar con el cuerpo mientras bailas.

Tratándose de una academia, va dirigido a aquellas personas con interés en el arte y crear, sin rango de edad específico.

Palabras clave: #música #danza #arte #experimental

FAMILIAS CANDIDATAS

FAMILIA FINAL

La tipografía que he escogido para la empresa es la Raleway. He escogido esta tipografía, porque de todas las candidatas, me parecía la mas acertada, la que mejor encajaba con la definición de la empresa. El hecho de que sea una tipografía fina y de palo, y con una forma redondeada, me parecía que encajaba muy bien con el concepto de arte, música, danza y experimental. Es una tipografía fina y sencilla, la cual encaja muy bien con la idea del experimental, de alguna manera de la sencillez nace la experimentación que es la palabra que mayormente representa la empresa.

PRUEBAS CON LA FAMILIA FINAL

ESCOGIDA

APLICACIÓN GRÁFICA

Logo

Escala de grises

Escala de grises en negativo.

Logo integrado en la ciudad

BIBLIOGRAFÍA Y WEBGRAFÍA

Tipografía avanzada. UOC. Marc Salinas Claret y Juan José Pons Tarrazó. Coordinadora Irma Vilà Òdena. 2019

Tipografía.  Letras. UOC. Coral Piferrer, Inés Bullich Corcoy, Juan José Pons Tarranzo. septiembre 2021 

Tipografía. Palabras. UOC. Coral Piferrer, Inés Bullich Corcoy, Juan José Pons Tarranzo. septiembre 2021 

Tipografía. Textos. UOC. Coral Piferrer, Inés Bullich Corcoy, Juan José Pons Tarranzo. septiembre 2021 

Manual de tipografía. John Kane. Editorial GG. 1 enero. 2012

Tipografía. Galería de proyectos. UOC. Rosa Llop. Coordinador Ferran Adell. Septiembre 2021

Tipografía Corporativa, trajes a medida. Marc Salinas.

PEC 2. Malas prácticas en el uso de la tipografía

Con esta PEC se va a tratar de analizar el fallo tipográfico en dos apartados. En el primero, se van a presentar 3 tipologías de crímenes tipográficos distintas que han sido halladas en el entorno del propio día a día del estudiante, así como una corrección de cada uno de los errores correspondientes; mientras que en el segundo, se van a exponer 3 casos de espaciados en tipografía, realizándose asimismo las explicaciones y correcciones pertinentes.

1. SELECCIÓN DE 3 CRÍMENES TIPOGRÁFICOS

CRIMEN TIPOGRÁFICO 1. COMPOSICIÓN EN VERTICAL.

Pasear por el centro de Madrid es toda una experiencia en cuanto a la variedad de carteles que encontramos. En las callejuelas más estrechas, es de lo más común encontrar carteles que cometen este error tipográfico: la composición en vertical. Se trata de una forma poco natural y de difícil legibilidad a la hora de captar de forma sencilla qué clase de servicio nos ofrece el establecimiento en cuestión. He ajuntado esta foto puesto que en ella podemos ver 3 carteles prácticamente seguidos los cuales se comete el mismo fallo tipográfico. Para corregirlo, he girado las letras de los carteles para así conseguir un efecto de lectura menos antinatural.

• Crimen 1:

• Propuesta de Solución:

CRIMEN TIPOGRÁFICO 2. ABUSO DE TIPOGRAFÍAS FANTASÍA & SCRIPT.

En el cartel de la terraza de este restaurante podemos observar varios fallos importantes. El más evidente es el señalado como crimen, un exceso de tipografías fantasía o script que emulan la escritura a mano y terminan por suponer una falta grave de legibilidad. Este tipo de tipografías script terminan por hacer que el cometido principal del mensaje (ser legible y leído por potenciales clientes) se pierda, por lo que no es interesante abusar de ellas sino saber encontrar un balance empleándolas solo en elementos concretos, no de forma excesiva. En este caso, por ejemplo, la S en restaurant es fácilmente confundible con una E, así como la R de Radhuni con una Q.

Además, también vemos un problema importante en el espaciado de las letras, pues se emplea un tracking excesivo sin justificación alguna, de forma que hay un espacio vacío entre las letras que carece de sentido en este caso. Para solucionar este fallo hemos dejado únicamente la fuente Script del logo (como elemento único y distintivo, cuyo tracking se ha perfeccionado) y para el resto de elementos hemos usado fuentes muchísimo más legibles.

• Crimen 2:

• Propuesta de solución:

CRIMEN TIPOGRÁFICO 3. DESCUIDO DE ORTOTIPOGRAFÍA.

En este cartel que encontré fuera de una escuela de mi barrio podemos ver varios errores en cuanto a otrotipografía, es decir, las normas asociadas a la escritura tipográfica por medio de unos signos concretos para cada lengua concreta. La escuela ha percibido el más evidente y lo ha tachado por encima escribiéndolo a mano arriba (PORBAR en vez de PROBAR), pero encontramos más aparte de este. Las dos exclamaciones serían incorrectas y, además,  deberían ir pegadas al comienzo y al final de la frase exlamada sin separación de espacios. Por otra parte, la dirección está escrita de forma seguida, sin coma alguna. También faltaría una tilde en la palabra ROSALÍA. Se ha producido un descuido importante de ortotipografía en prácticamente todos los elementos del cartel.

• Crimen 3:

• Propuesta de solución:

2. TRACKING & KERNING

ESPACIADO 1

En esta primera imagen vemos un producto para el cuidado del cabello de la marca Garnier, de su línea de productos Fructis. Vemos un problema con el espaciado pues se da una solapación de las letras en la palabra Fructis de forma que quedan juntas entre sí debido a un tracking altamente negativo que lleva a una pérdida de la legibilidad de la palabra.

• Espaciado 1:

• Propuesta de solución:

ESPACIADO 2

En este caso, vemos que el cartel de esta cafetería-pastelería presenta un tracking neutro y adecuado en las palabras CAFETERÍA y PASTELERÍA, pero en su nombre, PALMER, el tracking es altamente positivo lo cual lleva aun espaciado exagerado que no queda justificado.

• Espaciado 2:

• Propuesta de solución:

ESPACIADO 3

Este caso me hace especial ilusión pues se trata de uno de los discos de mi adolescencia. Lo encontré por mi cuarto de casualidad y me di cuenta de que la tipografía de SELENA GOMEZ & THE SCENE y de WHEN THE SUN GOES DOWN tiene un espaciado muy singular, con un tracking muy negativo que hace que unas letras se sobrepasen entre sí generando un efecto viusual curioso pero poco legible. Se trata de solventar esto buscando una tipografía similar en WhatTheFont y dejando el tracking correcto.

• Espaciado 2:

• Propuesta de solución:

2. JUEGO KERNTYPE: A LETTER SPACING GAME

BIBLIOGRAFÍA Y WEBGRAFÍA

1. Letras, Tipografía, Recursos de la UOC. http://disseny.recursos.uoc.edu/recursos/tipo/es/1-lletres-1/

2. Palabras, Tipografía, Recursos de la UOC.http://disseny.recursos.uoc.edu/recursos/tipo/es/2-paraules-1/

Salinas, M. (2012), Manual de Tipografía (2a Ed. Ampliada y Revisada).

CARTA DEL RESTAURANTE RUDA

Esta carta pertenece al restaurante “Ruda” en Cantabria. Llevando a cabo un análisis de la carta, le veo errores de traking, como si lo hubieran aumentado de forma manual, para que hubiera mas espacio entre letras. Lo que es un claro error, ya que las tipografías que diseña cada tipógrafo, están diseñadas para ser utilizadas de esa manera, no para alterarlas a nuestro gusto. Para mí, este error es el más notable.

Igualmente, también me parece un error que se haya utilizado una línea de puntos para dirigir al precio de cada plato; ya que bajo mi punto de vista esto entorpece a la vista. Creo que hay otras formas para diseñar esto, y que se sepa el precio de cada plato, sin necesidad de crear línea de puntos.

Quizás también, la tipografía escogida no sea la más adecuada para hacer una carta vistosa.

(Esta carta tiene un total de tres páginas, y rediseñaré las 3. Se que para la actividad se pedía que fuera de 1 o 2 páginas; pero de las que ya tenía de cuando había ido a restaurantes, solo tenia esta con pocas páginas. Y como tiene 3, me parecía mal dejar una de las páginas sin rediseñar).

VALORACIÓN DE LA TIPOGRAFÍA

La tipografía no será la mas adecuada, no es poco legible, pero si la hace poco legible el hecho de que tenga un traking superior al recomendado.

Quizás el tamaño de la letra tampoco ayuda a las personas mayores a tener una fácil lectura. Seguramente una persona mayor tenga que aumentar bastante la carta, para poder verla bien. Parece estar en tamaño 12, utilizando la opción “bold” de la tipografía, la cual no favorece la lectura por el tipo de letra y tamaño escogido. Quizás otro tipo de letra y otro tamaño, emplear la tipografía en “bold” no sería mala opción, pero en este caso no favorece.

MI REDISEÑO DE LA CARTA

Basándome en los errores que noté en la carta de este restaurante. Para mejorarla, principalmente elegí para toda la carta 2 tipografías con todas sus opciones, la Oswald y la Monserat. He ido justificando el texto, en la parte de los precios a la izquierda, me parecía que quedaba mas claro teniendo el nombre a un lado y el precio al otro. Di diferentes estilos de carácter, los cuales fui aplicando a medida que iba diseñando la carta, en función de relevancia. como por ejemplo a los precios, les daba el mismo estilo de carácter que a los títulos de cada plato.

Creo que en función al rediseño que he hecho, la carta es más legible, tanto para verla desde el móvil, como para leerla en físico.

(A pesar de que no se podía utilizar imágenes, he puesto los símbolos que determinan cada cosa, igual que en la carta original, ya que creo que es algo importante a salir en carta).

CRÍMENES TIPOGRÁFICOS

CRIMEN 1

Nombre del crimen: Distorsionar las letras.

En esta imagen podemos ver el letrero de un solárium, en el cual se han utilizado dos tipografías diferentes; una de ellas, según el análisis hecho a través de “what the Font”, es la “Hoy SH Ultra Italic de Scangraphic Digital Type Collection”, y la otra, llevando a cabo el mismo análisis, sería una “ITC Garamond Book Cursiva estrecha de ITC”. Podría contar como crimen de combinación de fuentes similares. Pero en este caso no son similares, por lo tanto, no cuenta (aunque no me guste la combinación de ambas). No obstante, sabiendo las tipografías que se han utilizado, ambas tipografías han sido alteradas, han distorsionado las letras, llegando a quitar incluso el punto de la “i”. Han alterado la escala vertical, lo que ya no encasilla en el crimen tipográfico de distorsión de las letras.

CRIMEN 2

Nombre del crimen: combinar fuentes similares

En esta imagen podemos ver el letrero de una tienda de ropa en la que se ha utilizado la tipografía “ITC American Typewriter Bold Condensed”, según el análisis hecho a través de “what the Font”; pero la letra “b” pertenece a la tipografía “Bobina para máquina de escribir CLN Condensed Semi Bold”. Por lo tanto, es aquí donde tenemos nuestro crimen, la utilización de dos tipografías similares, insertando una de las tipografías tan solo en la letra “b”. Si la idea era haber destacado la letra “b”, a lo mejor debería haber escogido otra tipografía de palo con la que hubiera creado un contraste. No obstante, creo que simplemente es un error, asique yo utilizaría una única tipografía.

CRIMEN 3

Nombre del crimen: abuso de tipografía fantasía

En esta imagen podemos ver como se emplea una tipografía fantasía en el letrero de un local de hacer uñas. He intentado encontrar la tipografía empleada a través de “what the Font” pero ni esta me la ha conseguido encontrar; ni si quiera una similar. En el diseño de esta tipografía podemos ver que tiene una “F” ornamentada, y una “s” que directamente parece estar dibujada, incluso podría ser una especie de rallo, simulando la S de esta palabra. De esta manera podemos ver que es un crimen, ya que acaba siendo, aunque intuitiva, una palabra poco legible. Te puedes imaginar lo que pone, pero no es lo suficientemente legible como para poder leerlo de primeras sin problemas. Se consigue leer, porque como ya he mencionado, es intuitiva.

ERRORES DE TRAKING Y KERNING

ERROR DE TRAKING

En la siguiente imagen podemos ver el pakaging de un colutorio, en el cual podemos ver un claro ejemplo de error de traking. En la lista de ingredientes del producto, debieron querer justificar el texto a ambos lados de la caja de texto, pero no tuvieron en cuenta el corregir los errores de traking que podrían quedar. Por eso se pueden apreciar, espacios entre palabras, mas grandes que otros, y también entre las letras de algunas palabras como, por ejemplo: “Sodium” o “Menthol” Entre alguna otras. Para corregir este error, he utilizado una tipografía similar, he justificado el texto a ambos lados con la última línea de párrafo alineada a la izquierda, y he dotado el texto de estilo de párrafo.

ERROR DE KERNING

En esta imagen muestro el cartel de una inmobiliaria. En él podemos apreciar un error de kerning en la palabra “ALTAMIRA”. Pude apreciar un espacio superior entre la “L” y la “T”; y entre la “R” y la “A” prácticamente no había espacio. También es cierto que me ha costado encontrar una tipografía donde esto no ocurriera; no entiendo por qué motivo hay tipografías diseñadas en el las que el kerning entre la “L” y la “T” y la “R” y la “A”, no está bien ajustado (según lo entendido después de leer los apuntes de la asignatura). No obstante, encontré una tipografía con el kerning bien ajustado, y es la que empleé para mi propuesta de solución.

KERN TYPE. ALTTER SPACE GAME

Mi puntuación en Kern type

BLIBLIOGRAFÍA

Página para analizar las tipografías. What The Font

Lista de recursos de la asignatura. Facilitada por el profesor Josep Ferrusola Fargas. Universitat oberta de Catalunya. Tipografía. Palabras. Crímenes tipográficos.

Lista de recursos de la asignatura. Facilitada por el profesor Josep Ferrusola Fargas. Universitat oberta de Catalunya. Tipografía. Palabras. Interletrage: traking y Kerning.

Universitat Oberta de Catalunya. “Tipografía. Galería de proyectos”. Autora: Rosa Llop. Profesor: Ferran Adell. Septiembre 2021.

PEC1. Investigación tipográfica

1. Selección

La selección de mi pieza gráfica para analizar ha sido el libro de El principito de la autora Antoine de Saint-Exupéry.

Uno de mis libros preferidos y de referencia, ya que gracias a su estilo sencillo y natural hace que su lectura nos sea más amena.  Además, cuenta con un carácter reflexivo sobre diversos temas de importancia como son la vida, la sociedad y el amor que lo convierte en una lectura atractiva para personas de cualquier edad.

Esta edición en concreto es muy especial para mí, ya que fue un regalo y procede de una de las librerías más bonitas del mundo; Librería Lello, en Oporto (Portugal).

2. Captura

Las tipografías clásicas me parecen las más acertadas y elegantes para cualquier tipo de título, subtítulo o fragmento, además de ser unas de las más legibles. Es por ello por lo que he elegido esta en concreto. Sin embargo, he de decir que también me he decantado por una tipografía de estas características debido a que para adentrarme de lleno a analizar por primera vez una tipografía, me parecía la más correcta y sencilla.

3. Reconocimiento

Para realizar el reconocimiento tipográfico he realizado la consulta mediante el software WhaTheFont para así realizar el estudio con mayor facilidad. Al subir una imagen del texto que voy a reconocer, me devuelve como resultado distintas fuentes.

La primera sugerencia es la fuente tipográfica Adelbrook Book, tratándose de la familia Adelbrook, peso book, que pertenece a la casa Vibrant Types y cuyo fundador es Philip Lammert. Sin embargo, este resultado no era el esperado por mi parte y seguí buscando cual era, bajo mi criterio, la fuente similar o parecida. La principal diferencia que observaba entre la fuente de la primera sugerencia y la fuente original del libro era el glifo P, ya que el ojo del carácter no coincidía.

Al volver a revisar las sugerencias que me ofrecía la plataforma, me paré en la segunda opción. Adobe Bengali, de la familia de Adobe, con peso Regular. Observo desde la página web de MyFonts esta segunda sugerencia y todos los remates en detalle; en el ojo de la letra p, el eje de la letra o, las terminaciones de la r, etc.

Tras analizar con detenimiento cada glifo de esta fuente tipográfica y la similitud con el título, llego a la conclusión de que ciertamente, esta segunda propuesta es la fuente utilizada.

4. Información

• Nombre de la familia. Adobe Bengali (regular)
• Autoría. Neelakash Kshetrimayum
• Fundición. Neelakash Kshetrimayum Type
• Pesos y estilos. Regular, bold
• Etiquetas y tags principales. Garalde, legible, elegant, heading, casual, clean

5. Pruebas

6. Altura x/ojo medio

Ojo medio medio                                                                                Ojo medio alto                                         Ojo medio bajo

Adobe Bengali Font                                                                         Regular Aurora Font                                    Fledgling Font 

Al hacer la comparación de tres fuentes diferentes, he llegado a la conclusión de que la fuente elegida tiene una altura de x media y, por lo tanto, una línea de ascendente media.

Se aprecia una clara diferencia en comparación con las otras fuentes escogidas para la comparación, siendo la fuente Fledgling (con una altura x baja apreciable en la altura de la minúscula frente a la mayúscula) y la fuente Aurora (con una altura x alta apreciable en la poca diferencia que queda entre ella y la línea ascendente).

7. Contraste

              Contraste moderado                                                          Contraste alto                                                                        Contraste bajo

Comparando la fuente elegida con otras dos fuentes completamente distintas, he llegado a la conclusión de que esta, tienen un tipo de contraste moderado. Sin embargo, antes de empezar a buscar información sobre el tipo de fuente elegida (Adobe Bengali Regular), me parecía que tendría un contraste alto, y no es así.

Podemos ver una clara diferencia de contraste y, por lo tanto, un contraste alto, en la fuente Linotype Didot, apreciándosela bastante la diferencia entre los trazos más finos y los más gruesos. En cambio, en la tipografía TT Hoves Pro no podemos apreciar ningún tipo de cambio en sus trazos, debido a que sigue una línea continua sin cambios y, por tanto, tiene un contraste bajo.

8. Modulación

La fuente Adobe Bengali cuenta con una ligera inclinación hacia la izquierda, diferente entre sus letras ademas, por lo tanto su modulación es oblicua. En cambio, la fuente Baskerville es simétrica, tiene unos trazos finos y gruesos y se distribuye de una forma equilibrada, por tanto, su modulación es vertical.

9. Clasificación

Según la clasificación VOX Atypl, la fuente elegida es Clásica, Garalda (también conocidas como Aldina).

Es una tipografía Clásica y dentro de este grupo pertenece a las tipografía Garalda, debido a que en general tienen unas proporciones más finas que las humanísticas, mediante un contraste más fuerte de trazos gruesos y finos. Además, el peso de las Garaldas está distribuido en un eje oblicuo, como es el caso de la tipografía escogida (Adobe Bengali Regular). Así mismo y como se indica en la distinta clasificación según VOX Atypl, este tipo de tipografías cuentan con serias largas y finas, cómo podemos apreciar.

10. Bibliografía

WordPress > Modulo 1. Letras / Consultado en Octubre 2022 / Disponible en: http://disseny.recursos.uoc.edu/recursos/tipo/es/1-lletres-1/

«Manual de Tipografía» de Jonh Kane / Consultado en Octubre 2022 / Disponible en: https://ebookcentral.proquest.com/lib/bibliouocsp-ebooks/reader.action?docID=3209608

Consulta de tipografías en WhaTheFont /Consultado en Octubre 2022 / Disponible en: https://www-myfonts-com.translate.goog/pages/whatthefont?_x_tr_sl=en&_x_tr_tl=es&_x_tr_hl=es&_x_tr_pto=sc

Consulta de clasificación tipográfica VOX ATypl /Consultado en Octubre 2022 / Disponible en: https://prezi.com/p/zkaxvnc0fmly/vox-atypi-clasificacion-tipografica/

TEMÁTICA

Según la tipografía que había escogido para analizar, al ser una tipografía moderna, de palo, que me recuerda a la tipografía que se utilizaba en las imprentas para los titulares de la prensa. Se me ocurrió que podría hacer el cartel para una fiesta/exposición de módulos de imprenta antigua. Es decir, una fiesta donde se expusieran distintas maquinarias y módulos tipográficos, que se utilizasen en imprentas antiguas para la producción de la prensa de aquella época. Por lo tanto me dispuse a realizar mi cartel.

PROPUESTAS DESCARTADAS

Primero pensé en hacer el cartel en blanco y negro, pero me parecía que quedaba bastante soso. Por lo tanto en estas pruebas, se puede ver la evolución, como de blanco y negro, decido acabar metiendo color.

POST DEFINITIVO

JUSTIFICACIÓN

Finalmente me quede con este cartel, me parecía el más potente y llamativo en cuanto a composición y forma.

El hecho de que el fondo sea amarillo, me gusta porque contrasta bastante con la tipografía en concreto escogida, y le da protagonismo. Es llamativo y de alguna manera el contraste que crea el color amarillo con la tipografía en negro y gris, hace que esta, esté bien dotada de importancia. También el haber utilizado una letra como recurso para incluir formas en el cartel, me pareció un acierto.

En cuanto al título de la fiesta-exposición. Decidí ponerlo con el origen latín de la palabra «fiesta», juntándolo a la palabra «tipo» procedente de la palabra «tipografía». Me parecía que quedaba mas atractivo «Festatipo», que «Fiesta Tipo», que era lo que pensaba poner al principio.

WEBGRAFÍA

Lectura para referencias de historia de la tipografía:

http://cv.uoc.edu/annotation/121228fad7365aa79e42ca1bf7c9c1d1/551848/PID_00214985/modul_2.html#w26aab7b7b9b5