[ENG-SPA] Project: Mariachi lion of Medellin, Part 2: Typographic choice and application. 🖊

in Sketchbook3 years ago (edited)

Artboard  13-80.jpg


Greetings to all! I hope you are all very, very well. It's been a while since I posted in this community, but I hope to start changing that in this and the next days.


¡Un saludo a todos! Espero se encuentren muy pero que muy bien. Hacia tiempo que no publicaba en esta comunidad, pero espero empezar a cambiar eso en este y los próximos días.


For this opportunity I bring you part 2 of the process of creating this logo and the visual design of this brand. I have learned this knowledge from the Platzi's visual design course for branding that I am currently doing and this project could be said that it is also part of the homework that we must do to apply the knowledge that we are taught throughout the course.


Para esta oportunidad les traigo la parte 2 del proceso de creación de este logotipo y del diseño visual de esta marca. Estos conocimientos los he aprendido a partir del Curso de diseño visual para marca de Platzi que actualmente estoy haciendo y este proyecto se podría decir que también forma parte de la tarea que debemos hacer para aplicar los conocimientos que se nos van enseñando a lo largo del curso.


image.png


Two weeks ago (unfortunately I was without internet) I made a crosspost in this community about the first part 👇. If you haven't seen it you can access it in the link below. The rest of the process will be uploaded here, I would appreciate your support and comments!

Link to the part

Hace dos semanas (lastimosamente me habia quedado sin internet) hice un crosspost en esta comunidad sobre la primera parte. Si no la han visto pueden acceder a ella en el link de abajo 👇. El resto del proceso lo estaré subiendo por acá, agradecería mucho su apoyo y sus comentarios!

Link de la parte 1


That said, let's start!


¡Dicho esto, comencemos!




●❯────────「⊙」────────❮● ●❯────────「⊙」────────❮●




The first thing I did to get an idea of the style and typography family I would use, was to analyze the typography of the logos of other mariachis. In design this is called "studying the competition". After a few minutes of research I realized that the vast majority of the typography used in this type of logos, were those belonging to the Serif family.


Lo primero que hice para tener una idea del estilo y familia de la tipografía que usaría, fue analizar la tipografía que llevaban los logos de otros mariachis. En diseño hacer esto se le llama “Estudiando a la competencia”. Luego de indagar unos cuantos minutos me percate que la gran mayoría de la tipografía que usaban en este tipo de logos, eran los pertenecientes a la familia Serif.


friend-gbb6134365_1920.jpg

Link

This typeface family is characterized by almost ornamental and decorative terminations.

Esta familia tipográfica se caracteriza por tener terminaciones casi ornamentales y decorativas.


With this in mind, I went to the Google Fonts page. This is a very useful page where you can access and download typefaces of all families and in their different weights easily and free of charge and royalty free. Besides, you can get an idea of how the text you are going to use would look like by entering it in this box. In the same way I went to Dafont, another typographys site that I usually use. This is characterized by having mostly custom fonts, depending on the style you choose, the only bad thing is that being custom fonts do not usually have the different typographic weights and this is usually very useful when creating our designs because sometimes we see the need to thicken or thin the fonts, even using the italic effect.


Teniendo esto en claro, me dirigí a la página de Google Fonts. Esta es una página muy útil en la que puedes acceder y descargar tipografías de todas las familias y en sus distintos pesos de manera fácil y gratuita y libres de derechos. Además de que puedes darte una idea de cómo se vería el texto que vayas a utilizar introduciéndolo en este recuadro. De la misma forma me dirigí a Dafont, otra página de tipografías que suelo utilizar. Esta se caracteriza por contar sobre todo con tipografías personalizadas, dependiendo del estilo que elijas, lo único malo es que al ser tipografías personalizadas no suelen contar con los distintos pesos tipográficos y esto suele ser muy útil a la hora de crear nuestros diseños porque a veces nos vemos en la necesidad de engrosar o adelgazar las tipografías, incluso utilizando el efecto italic.











I already had my fonts downloaded, but before choosing any of them I first had to choose the title I was going to use to unify with the logo. For this I wrote these 3 proposals. Analyzing carefully the 3, in the end I decided that the first one communicated better the name of the brand.


Ya tenía mis tipografías descargadas, pero antes de elegir alguna primero debía de elegir el titulo que iba a utilizar para unificar con el logo. Para ello escribí estas 3 propuestas. Analizando con detenimiento las 3, al final decidí que la primera comunicaba mejor el nombre de la marca.


Artboard 5-80.jpg


Then I wrote the title in 3 different varieties. The first proposal, All in uppercase, which tends to evoke something more serious, more adult. The second, a combination of uppercase and lowercase, this tends to be perceived in a more formal way (as it is written orthographically). And all lowercases, this tends to evoke a more youthful air, easy to read and giving a technological air, (since it is a trend in technology to write the typography of the logos in lowercase). In the end I decided that the best that went to the brand was the first proposal.


Luego escribí el titulo en 3 diferentes variedades. La primera propuesta, Todo en mayúscula, esto tiende evocar algo mas serio, mas adulto. la segunda, una combinación de mayúsculas y minúsculas, esto suele percibirse de manera mas formal (a como se escribe ortográficamente). Y todo en minúsculas, esto suele evocar un aire más juvenil, de fácil lectura y dando un aire tecnológico, (ya que es una tendencia en tecnología escribir la tipografía de los logos en minúsculas). Al final decidí que la mejor que le iba a la marca era la primera propuesta.


Artboard 6-80.jpg


Then I wrote the title in 3 different layouts, and I thought that the third option was the cleanest and most legible of the 3.


Después escribí el titulo en 3 diferentes distribuciones, y me pareció que la tercera opción era las mas limpia y legible de entre las 3.


Artboard 7-80.jpg


That done, now I had to choose which typography was the most appropriate and which was more in line with the design of the brand. For them I chose these 6 proposals.


Hecho esto, ahora si debía escoger cual tipografía era la mas adecuada y cual iba mas a la par con el diseño de la marca. Para ello escogí estas 6 propuestas.


Artboard 8-80.jpg


Then I applied the typography to the logo to define the logo-symbol, and also to have a much clearer and visible idea of how it would behave, read and look accompanied with it. I also applied a distortion, since I had the idea of adapting the text to the shape of the symbol, simulating a little bit the mariachi's bow and maybe this way it would look a little more flirtatious so to speak.


Luego aplique la tipografía al logo para así ir definiendo el logosímbolo, y también para tener una idea mucho más clara y visible de como se comportaba, se leía y se veía acompañado con el mismo. También le aplique una distorsión, ya que tenía la idea de adaptar el texto a la forma del símbolo, simulando un poco el moño de los mariachis y quizás de esta forma se vería un poco más coqueto por así decirlo.
















In the end I decided on these 3 typefaces, this with the help of a survey I did for the telegram group of Platzi's design school, since I could not decide on one. There I asked which one they liked the most and which one seemed the most functional. And based on their answers, I decided to make a combination using typeface 4 and 5 for "Mariachi" and typeface 1 for "león de Medellín".


Al final me decidí por estas 3 tipografías, esto con la ayuda de una encuesta que hice para el grupo de telegram de la escuela de diseño de Platzi, ya que no lograba decidirme por una. Allí pregunté cual les gustaba más y le parecía mas funcional. Y basado en sus respuestas, decidí hacer una combinación usando la tipografía 4 y 5 para “Mariachi” y la tipografía 1 para “león de Medellín”.


Artboard 10 (2)-80.jpg


I made the combination of typefaces and then I made a group where the title had 4 types of distortions. I managed to decide on one of the distortions and then I compared it with the logo that had the typography without any type of distortion.


Hice la combinación de tipografías y luego hice un grupo donde el titulo contaba con 4 tipos de distorsiones. Logre decidirme por una de las distorsiones y luego lo compare con el logo que poseía la tipografía sin ningún tipo de distorsión.


Artboard 11-80.jpg


I carefully analyzed both proposals and in the end I decided on the 3rd proposal without distortion. This was because I liked the detail of the curve of the M, as I felt that it gave a lot of personality to the typography and was in line with what a mariachi usually evokes (because of the striking embroidery that they usually wear). And I decided to go for the version without distortion, as this way it was much easier to read and did not affect the typography itself.


Analicé con detenimiento ambas propuestas y al final me decidí por la 3era propuesta sin distorsión. Esto porque me gustaba el detalle de la curva de la M, ya que sentía que le daba mucha personalidad a la tipografía e iba a la par con lo que suele evocar un mariachi (por los bordados tan llamativos que estos suelen llevar). Y me decidí por la versión sin distorsión ya que de esta forma era mucho más fácil su lectura y no afectaba a la tipografía en sí.


Artboard 12-80.jpg


With the typography applied to the logo, I had already defined my logo-symbol!


¡Con la tipografía aplicada al logo, ya tenía definido mi logosímbolo!


Artboard  13-80.jpg


This concludes the second part of the identity design for the brand "Mariachi León de Medellín". In the next publication I will show you how I made the selection and application of color to the logo and with this I will have it ready.


Con esto concluyo la segunda parte del diseño de identidad para la marca “Mariachi León de Medellín”. En la próxima publicación les enseñare como hice la selección y aplicación del color al logosímbolo y ya con esto tenerlo listo.


Thanks for watching, I hope you liked my post. A hug and see you next time. 😊


Gracias por ver, espero les haya gustado mi post. Un abrazo y hasta la próxima. 😊