¿Qué es el Branding en el Diseño Gráfico?








¿Qué es el Branding en el Diseño Gráfico?




El mundo del marketing y diseño está muy ligado, y si queremos ser diseñadores gráficos, tenemos que conocer esos términos de la profesión como es el Branding o Manual de Marca.

El Branding es el proceso de construcción de una marca, lo engloba todo, desde que pensamos un nombre, diseñamos un logotipo, hacemos una estrategia de comunicación y le damos a esa marca una personalidad.

La tipografía, los colores, los valores son aspectos esenciales que hay que definir en una imagen de marca. Por tanto como creativos tendremos que adecuar una imagen al tipo de clientes que tenemos basándonos en su manual de marca corporativo.

Las grandes empresas tienen sí o sí un manual corporativo y los diseñadores gráficos estamos capacitados para realizar esta operación.

A continuación les pongo un ejemplo de Branding o Manual de Marca de una famosa empresa como es McDonald's, desde cuáles son los colores corporativos hasta como se deben diseñar los envoltorios de las hamburguesas.


Logo Fusion - Red Man : Super Energy Drink








Trabajo estudiantil para la clase de Proyecto de Gráfica Impresa de la Escuela de Arte y Superior de Diseño Gran Canaria, el cuál de forma creativa y a modo de experimentación, se nos planteaba fusionar dos marcas para crear una identidad nueva asociada a un producto. 

En este caso escogí la marca de Red Bull y Superman, porque se asocian entre sí, no sólo gráficamente a nivel de branding, como puede ser sus colores corporativos, sino también de la asociación de la marca que tiene Red Bull con el deporte extremo y la fuerza de Superman. 

Es un ejercicio creativo a forma de experimentación y una introducción al mundo de las marcas.


Las 16 Mejores Tipografías de Google Fonts del 2016




las 16 mejores fuentes de google fonts del 2016 año





Se acaba el año 2016 y por eso quiero traerles las fuentes más descargadas en la web de Google Fonts, sobre todo porque son gratuitas y podríamos usarlas en nuestros diseños.

Sólo tienes que pulsar en las imágenes y te llevará a su página correspondiente de descarga.



Cómo Hacer un Brainstorming o Lluvia de Ideas en el Diseño Gráfico





consejo tips tormenta de ideas como se hace




Cómo siempre déjame que te ponga un poco en situación y te explique de que va todo esto. El Brainstorming o lluvia de ideas y también llamado tormenta de ideas, es una técnica que se utiliza desde casi un siglo en el mundo de las empresas y creatividad y que se suelen hacer con grupos de personas,  este concepto lo introdujo el publicista Alex F. Osborn en su libro llamado Tu poder creativo en 1938.

Qué es y cómo crear un moodboard en Diseño Gráfico


como crear hacer inspiracion tablon


Cartel Minimalista Aladdin





Trabajo estudiantil para la clase de Proyecto de Gráfica Impresa de la Escuela de Arte y Superior de Diseño Gran Canaria, el cuál se nos planteaba hacer un cartel minimalista, usando el concepto de fondo, figura de una película clásica Disney. 

En este diseño la manzana representa el momento de la película en el cuál Aladdin conoce a Jasmine, esta roba en el bazar una manzana y Aladdin se la lleva a su casa, donde le cuenta sus sueños , viendo de fondo el palacio real, soñando con llegar hacer alguien en la vida y ellos dos se enamoran.




Poster Aladdin Minimalist



poster disney movie minimal minimalist


Escala de Iconicidad de la Imagen



escala diseño grafico imagen



Uno de los fundamentos del diseño gráfico que debemos conocer sería la escala de iconicidad de las imágenes. En cualquier estudio académico se enseña y me parece interesante conocerlo, son cosas que diferencia al profesional del que no lo es.

Primero decirles la definición del término iconicidad , que se refiere a la mayor similitud entre una imagen y lo que se representa en vida real. Por ejemplo la relación de apariencias entre la propia imagen y su referente.

Podemos decir que una imagen con un grado de iconicidad alto, es una imagen realista, una con un nivel medio, es una imagen figurativa y aquella que tiene un grado de iconicidad nulo, es una imagen abstracta.

Esto es más fácil de lo que parece, sobre todo con los ejemplos que más adelante pongo con sus definiciones. En la Escuela de Arte Superior de Diseño Gran Canaria, nos enseñan una de las más populares escalas de iconicidad que se estudian, la de Justo Villafañe, donde establece 11 niveles de iconicidad para clasificar la imagen fija.


Nivel 11 Se trata de la imagen natural.


El objeto tiene todas sus propiedades, se trata de la percepción de la realidad propiamente dicha, sin mediación de representación de ningún tipo. Esto es lo que nosotros veríamos con nuestros propios ojos al momento, por ejemplo, si estuviéramos delante de este perro, sería la imagen natural.




Nivel 10 Modelo tridimensional a escala. 


Restablece todas las propiedades del objeto, y existe identificación, pero no identidad (se ha perdido la visualización de la propia realidad). Por ejemplo esta la escultura realista de Ron Mueck, que muestra el parecido de la propia realidad.






Nivel 9 Hologramas. 


La imagen sigue siendo tridimensional, pero ha perdido la materialidad, es una imagen digital proyectada (imágenes de registro estereoscópico).






Nivel 8 Fotografía en color realista.


El grado de definición de la imagen está equiparado al poder de resolución del ojo humano. Se pierde la tridimensionalidad y pasamos a una representación de la realidad bidimensional (aunque se pueda sugerir la tercera dimensión visualmente).



Nivel 7 Fotografía en blanco y negro realista.


Es el mismo caso, aunque la cualidad que se pierde con respecto al nivel de iconicidad superior (fotografía en color realista), es el color.






Nivel 6 Pintura realista en color. 


Se establecen las relaciones espaciales en un plano bidimensional. Se pierde la cualidad de máxima identidad entre el objeto y su representación. Cuadro de Goya : Saturno devorando a su hijo.






Nivel 5 Representación figurativa no realista. 


Se produce la identificación entre el objeto y su representación, pero las relaciones espaciales están alteradas, es decir, se reconoce lo que está representado pero no de modo de máxima identificación. Se pierde la cualidad de alta identificación entre el objeto y su representación.

 Por ejemplo estos dibujos animados de la serie Los Mosqueperros, es la representación de un perro donde hay un grado de iconicidad baja, por que no se asemeja a la realidad.






Nivel 4 Pictogramas.


Todas las formas sensibles, excepto la forma, están abstraídas, pero se conserva la idea original. Aún podemos identificar un objeto, persona, etc, pero se nos presenta de una forma muy simplificada. Son los monigotes, siluetas, etc.

Se pierde todas las cualidades del objeto original y la forma está simplificada. El parecido con la realidad es solo el suficiente como para que el objeto se reconozca. Un ejemplo claro son estos pictogramas que representan al hombre, mujer y una persona en silla de ruedas.







Nivel 3 Esquemas motivados. 


Todas las características sensibles están abstraídas, solo se restablecen las relaciones orgánicas. Son representaciones donde se pueden establecer relaciones, por ejemplo entre las partes de una imagen (mapas: podemos leerlos y nos indican donde está algo, como ir de un lugar indicado a otro, organigramas, etc).

Se pierde el parecido al objeto real, la imagen es ya abstracta. Interpretamos lo que vemos por la información que nos muestra tanto como por el conocimiento y la experiencia que tenemos para hacerlo.






Nivel 2 Esquemas arbitrarios.


Las relaciones de dependencia entre sus elementos no sigue ningún criterio lógico. La imagen es abstracta, la interpretamos correctamente por experiencia y conocimiento previo de lo que significa. Por ejemplo las señales de tráfico como esta.







Nivel 1 Abstracción.


Se trata del máximo nivel de abstracción. Representación no figurativa. Están abstraídas todas las propiedades sensibles y de relación. No hay relación con el objeto real. Por ejemplo este cuadro del artista Miró.






Si no has leído algunos de mis post anteriores te los dejo por aquí :


Cómo hacer una síntesis en diseño gráfico

 Mis 10 consejos para diseñar un logotipo

 Diferencia entre logo, logotipo, imagotipo, isotipo e isologo

- Espero que te sirva de algo esta aportación si te inicias en el mundo del diseño gráfico, o tienes curiosidad por este mundillo, recuerda que puedes compartir esta publicación en las redes sociales y hacerme un comentario directamente en mi twitter @gabrieldobleg .






Rótulo informativo




rotulos label after effects portfolio


Trabajo estudiantil de la clase Ampliación de Multimedia de la Escuela de Arte y Superior de Diseño Gran Canaria, dónde teníamos que hacer un rótulo informativo para un vídeo con el programa Adobe After Effects.

Cómo hacer una síntesis en Diseño Gráfico



como hacer sintesis diseño grafico


En el mundo del diseño y el arte, transmitir un mensaje con pocos elementos es fundamental, no siempre el menos es más, pero en la síntesis así es. Este método nos lo enseñan en cualquier escuela de arte de cualquier ciudad o estudios relacionados con el diseño gráfico y para mí es fundamental conocerlo y para que se puedes aplicar.

La síntesis en el diseño gráfico se consigue cuando simplificamos una forma original con diferentes tipos de líneas, formas planas , geométricas , etc a una expresión mínima, eliminando al máximo los detalles pero manteniendo reconocible su esencia. Por ejemplo esta imagen de una mariposa :


sintesis animal linea plano negativo positivo grafica


El objetivo de la síntesis gráfica, como se conoce con su nombre original, se produce cuando conseguimos comunicar un concepto de manera clara y precisa.

Métodos de síntesis:

He recopilado las síntesis fundamentales del diseño gráfico :

Imagen de referencia: 

Es la figura que se toma como guía para el proceso de síntesis por medios de líneas y planos.




Síntesis lineal:

Este proceso consiste en captar los mayores detalles de lineas que existe en la figura.




Síntesis del contorno: 

Es el recorrido de la línea que encierra la figura , convirtiéndose en un solo plano , llamado contorno.





Síntesis de siluetas: 

Muy similar al contorno con la diferencia que la síntesis de silueta expresa visualmente las lineas interiores y exteriores, provocando así espacios vacíos dentro de la forma.






Síntesis de Figura o Fondeado: 

A la silueta se le da un efecto de negativo.





Síntesis de línea valorizada o sombreado: 

En esta síntesis se adecua especialmente las luces y sombras para darle un efecto de volumen, creando la sensación de una imagen estilizada.





Síntesis Geométrica: 

La figura se representa con formas geométricas y planos que brindan una sensación de rigidez y dureza con un menor numero de elementos en su composición.





Tenemos que tener en cuenta que cada método utilizado para sintetizar una imagen produce un efecto visual diferente, por ejemplo un cocodrilo puede ser sintetizado de diferentes maneras para una marca infantil ,  juvenil o clásica y dependiendo del método utilizado, transmitirá una sensación diferente.





Pasos para sintetizar una imagen:

1. Comienza utilizando la imagen de referencia del objeto a sintetizar, para entender la esencia de la forma.

2. Elimina detalles con los diferentes sistemas de síntesis como la línea, el plano etc, pero que se siga entendiendo de qué se trata.

3. Elimina aún más los detalles, del paso anterior , para seguir sintetizando de una manera reconocible pero con un mínimo de detalles.

4. Reduce a la forma geométrica más simple, pero que se reconozca, así llegas al resultado final.


Estas imágenes son dos ejemplos de como se ha sintetizado la imagen de una jirafa dónde se puede reconocer perfectamente al animal en una mínima expresión.


    


Aquí les dejo más imágenes de ejemplos que con este método fundamental del diseño gráfico se consigue la representación, en este caso de animales, que luego podríamos aplicarlos a la creación de logotipos como explico en otro post del blog aquí.




Unos ejemplos muy claro de marcas mundialmente conocidas son las de Jaguar y Peugeot, que son la síntesis gráfica de un jaguar, claro está .. y un león, curiosamente las dos son dos marcas de coches.

Si quieres saber la historia que hay detrás del logotipo de Jaguar, teclea aquí y la de Peugeot, teclea aquí, te llevo a otras página webs interesantes para que conozcas un poco más.






- Espero que te sirva de algo esta aportación si te inicias en el mundo del diseño gráfico, o tienes curiosidad por este mundillo, recuerda que puedes compartir esta publicación en las redes sociales y hacerme un comentario directamente en mi twitter @gabrieldobleg .






Mis 10 consejos para diseñar un logotipo



tips 10 logo


A continuación les quiero dar mis 10 consejos para diseñar un logotipo, unos simples pasos que podemos seguir si quieres empezar a diseñar un logo o logotipo.

Estos pasos son mis recomendaciones personales, tanto para estudiantes como cualquier persona que quiera hacerlo por su cuenta, puede coincidir o no con otras muchas.

¡ Empecemos !



1. INVESTIGACIÓN


Soy de los que piensan que primero hay que empaparse de la información del proyecto encargado, si tenemos que hacer el logotipo de una tienda de comic, investigaré sobre los comics y buscaré información sobre ese mundo y también buscaré comparaciones de diseños ya existentes de otras marcas relacionado con nuestro público objetivo.

Puedes hacer un brainstorming, una lluvia de ideas con imágenes, palabras, o lo que se te ocurra..



brainstorming lluvia de ideas



2. BOCETAR


Hay que hacer muchos bocetos en papel o digital, lo que más se adapte a ti, no hay que conformarse con la primera cosa que te salga, pero insisto hay que hacer muchas pruebas para llegar al modelo final.

No te vuelvas loco con dibujarlo bien o si se ve mal, es un boceto, solo trata de plasmar las ideas, ya habrá tiempo de ponerse a diseñar como es debido.


boceto bocetar



3. SIMPLE


Menos es más, este dicho que tantas veces oímos en nuestra vida diaria, tiene toda la razón, lo complicado es diseñar algo sencillo, que seguramente será fácil de recordar. Una palabra y una imagen que defina el proyecto o la empresa reducida a su mínima expresión.

Por ejemplo el logotipo de The North Face, es la representación de la montaña Half Dome, que se encuentra en California, ni decir tengo que está en los Estados Unidos..

Ellos han optado por simplificar a la mínima expresión la montaña, consiguiendo así que se identifique y ser recordado mejor que por ejemplo otra marca de su competencia como puede ser Green Mountain Arena, la cual tienen demasiados elementos.


simple simply



4. TIPOGRAFÍA

Dependiendo la necesidad del logotipo, deberemos saber cuando usar una tipografía acorde con el proyecto o empresa. Para mí la tipografía es casi el 60 % del diseño, porque un logotipo con una buena fuente dice más que cualquier otra cosa, por eso  identifica el tipo de empresa o proyecto, sus valores y lo que quieren transmitir.

No utilices más de dos tipografías.

Un ejemplo claro sería la marca Deutsche Banks, ellos transmiten seriedad y confianza, comparándolo con el de Toys ''R'' Us, que indica algo infantil y de juego.


tipografia


5. COLOR


Es muy importante este aspecto , ya que vivimos en una sociedad visual, los colores transmiten y nos dicen cosas. El rojo es amor, azul tranquilidad, verde naturaleza, naranja confianza, ..

Te aconsejo seguir una paleta de colores con tonos similares. Tampoco soy partidario de eso que llaman '' efecto Word-Art'' sombras, degradados, y bordes adornados al más puro estilo Word-Art de Windows. Una imagen plana funciona mucho mejor y ahora mismo el diseño plano  es tendencia.

Y sobretodo asegúrate que se vea bien en blanco y negro (positivo y negativo).


color



6. ORIGINAL

Hay que intentar evitar los clichés, por ejemplo un logotipo para una aerolínea comercial no debería ser un avión, debemos tratar que se diferencie de otras marcas de la competencia y también enfocarse a un público objetivo.


original



7. ADAPTATIVO

Como ya te dije el logotipo debe funcionar en positivo y negativo (blanco y negro), para cuando se encuentre en una sola tinta a la hora de imprimir en carteles de publicidad por ejemplo.

Se tiene que ver bien en dimensiones reducidas y en grandes formatos, sobre todo ahora más que nunca con las plataformas digitales nativas, deberemos adaptar el logotipo diseñado con sus elementos más esenciales y dependiendo en que tipo de plataforma se mostrará el público podrá asociar la marca claramente.

adaptativo resposive responsivo

responsive responsivo adaptativo



8. MUÉSTRALO

Nuestro criterio muchas veces se ve afectado porque pensamos que esto se ve bien porque lo he hecho yo mismo y sólo yo se  que esto es así.. por esto o por lo otro.. pero deberíamos enseñar a otras personas de nuestro circulo cercano para que te puedan dar una opinión objetiva y así saber cual gusta más.

9. DESCANSO

Llegará un momento en que estés saturado, llevas mas de 8 horas encerrado en tu estudio, frente al ordenador y el escritorio manchado de café. Es el momento de salir al mundo, hablar con tu pareja, respirar aire fresco, ir al cine, oír música, leer un libro, ir a la playa, hacer deporte, en definitiva, olvidarte del dichoso logotipo que tienes que hacer, y dedicarte tiempo a ti mismo, en el momento menos pensado, te vendrá la inspiración porque tu cerebro seguirá trabajando en ese diseño pendiente y así estarás descansado y listo para seguir con tu trabajo.


descanso



10. DEFENSA

Tienes que defender tu trabajo , por qué has elegido esto, por qué has echo esto u lo otro.. tampoco te digo que hables con palabras técnicas en inglés, pero sí transmitirle a tu cliente que has elegido esto por que crees que es la mejor opción por esto o por lo otro.

Entrega al cliente uno o como mucho dos versiones finales del trabajo realizado, yo la verdad aconsejo simplemente uno, porque seguro que si tu muestras inseguridad en el diseño elegido por ti, el cliente empezará a pedir cambios o lo peor que no le guste ninguno y tengas que volver a hacerlo, y el tiempo perdido no te lo pagarán.


EXTRA :

Lo siguiente es fundamental y hay que asumirlo , siempre va a ver un hater que no le guste el logotipo.

EXTRA PLUS :

Es evidente si quieres que tu negocio se vea profesional, tienes que contratar a un profesional, te invito a que veas algunos de mis trabajos en mi porfolio y si quieres hablarme sobre tu proyecto puedes enviarme un email en mi formulario de contacto, y con mucho gusto te atenderé.


contacto email

Diferencia entre logo, logotipo , imagotipo, isotipo e isologo



que es logo logotipo imagotipo isotipo isologo




En este mundo en el que vivimos se usa la palabra logo para todo, y soy el primero en pecar en esto. Por eso hoy quiero explicarles conceptos básicos para intentar conocer un poco mejor todo esto y si te gusta el mundo del diseño gráfico y vas a estudiar o quieres iniciarte, poder conocer sus principales diferencias y hablar un poco más con propiedad.

Tengo que confesar que desconocía muchos de estos términos también y que lo aprendí más en profundidad estudiando en mi grado de FP, y por eso quiero compartirlo con ustedes.



LOGO O LOGOTIPO


Logo , es el diminutivo de logotipo, que literalmente significa palabra y tiene que ver con la parte tipográfica de la marca, por ejemplo el logotipo de Apple, la manzana, no sería su logotipo, pero si ahora elegimos como ejemplo a la empresa Coca Cola,  Google o Lego, sí podemos decir que eso sería su logo o logotipo.


logo,logotipo,imagotipo,isotipo,isologo,diferencia


IMAGOTIPO 


El imagotipo , sería la unión de un icono o símbolo junto al texto, diferenciándose claramente entre sí, no es una palabra que se oye todo los días pero sí es una representación gráfica que estamos acostumbrados a ver. Por ejemplo la marca Adidas , Pepsi o Carrefour.




logo,logotipo,imagotipo,isotipo,isologo,diferencia


ISOTIPO 


El isotipo es la parte simbólica de la marca, es cuando reconocemos sin ningún texto, a que empresa se refiere, algunos isotipos muy conocidos por todos son McDonal's, Nike y ahora sí, Apple (Soy fanboy de Apple).


logo,logotipo,imagotipo,isotipo,isologo,diferencia


ISOLOGO


En este caso el icono y el texto forman un todo, es decir, se encuentran unidos entre sí , sólo funcionan juntos, por ejemplo Burger King, Starbucks, BMW. Nunca veremos el texto de Burgerking sin la representación de la hamburguesa.


logo,logotipo,imagotipo,isotipo,isologo,diferencia



Espero haberles ayudado un poco más sobre estos términos, y que pueda ayudarte en tus futuros trabajos.

Además aprovecho para decirte que si eres una persona que necesitas el diseño de un logotipo para tu empresa o cualquier otro proyecto personal, puedes ponerte en contacto conmigo y en mi formulario de contacto, y también ver algunos de mis diseños de logotipo en mi portfolio aquí.


diseño email contacto