CURSO DISEÑO GRÁFICO Y CREATIVIDAD APLICADA AL MK (TEORÍA)

DISEÑO GRÁFICOMarketing creativo y creatividad aplicada

Curso de especialización

Rocío Ruiz Vergaralunes 16 de diciembre de 2013

Introducción al diseño

-La Composición Básica-La Tipografía-El Color-Las Aplicaciones-Los Formatos-Los Materiales-La Resolución-El Copy, el Slogan y el Claim-El Briefing-Los Procesos Creativos-La Marca-La Marca Personal

lunes 16 de diciembre de 2013

¡Hola!Mi nombre es Rocío y tengo que contaros un secreto...

¡No sé dibujar!


Entonces surge una duda...

¿Puedes diseñar sin saber dibujar?


¡Sí se puede!


Si sabes dibujar puedes ser ilustrador.Y los ilustradores no tienen por qué saber

diseñar. Para diseñar tienes que saber utilizar adecuadamente

las herramientas


¿Cuales son las herramientas que necesitas?


Debes aprender a utilizar photoshop e illustrator

¡pero no solo de photoshop vive el hombre!


Hay que estudiar mucho y ¡no dejar de practicar!

Composición

Teoría del Color

Tipografías

Formatos

SoportesComunicación básica


El objetivo de este curso es acercarte las herramientas y las nociones básicaspara que cuando termines puedas defenderte, pero recuerda

que esto sólo es el principio del camino...


Un certificado sólo acredita que hicisteun curso de especialización pero tienes que

demostrar que sabes hacerlo, y eso sólo se consigue

con constancia


Entonces,

¿Qué necesitas?


Un ordenador ¡y muchas ganas!


¿Empezamos?


Lo primero que debemos saber que es la diferencia entre

-Mapa de bits

-Imagen vectorial


El mapa de bits está compuesto por puntos individuales denominados pixeles, dispuestos para formar una imagen.

Si aumenta el tamaño del mapa de bits, aumentará el tamaño de los pixeles individuales, haciendo que las líneas y las formas tengan un aspecto dentado.


Si agrandas una imagen con poca resolución (pocos pixeles por pulgada o por puntos), la imagen te quedará poco estética y nada profesional.

Por esto utilizaremos siempre imágenes a buena resolución


La imagen vectorial utiliza coordenadas matemáticas para formar imágenes concretas, la resolución de las mismas es infinita, es decir, toda imagen vectorial se

puede escalar ampliando o reduciendo sin que la visibilidad de la misma se vea afectada, ni en pantalla

ni a la hora de imprimir.


Nosotros vamos a empezar con photoshop, así que las imágenes que vamos a utilizar van a ser mapa de bits.


La Composición


Tenemos que tener claro cuales son los elementos que necesitaremos incluir en nuestra composición y la forma en la que se dispondrán en el espacio del que disponemos.


¿Qué queremos comunicar? ¿Cuales son los elementos mas adecuados?


Hacer un boceto ayuda a:

-Ver los diferentes resultados de composición

-Aclarar las ideas

-Tomar decisiones


Nos encontraremos dos tipos de formas básicas en diseño:

-Texto : Titular, Subtitulo y Body Copy, canales de contacto

-Imágenes: Fotografías, ilustraciones, espacios en blanco y logotipo.


El Titular

Es el elemento lingüístico más importante de la composición, ya que tiene la misión de llamar la atención e introducir el resto del contenido.

Lo lógico es que el tamaño del titular sea mayor que el resto del texto que exista en la composición, (sin olvidar que aún teniendo diferentes tamaños deben estar equilibrados


El body copy

Es el texto que hay en nuestra composición. Tenemos que intentar hacerlo lo más legible posible, procurar que no sea pesado o denso


Fotografía e ilustración

Son por lo general los elementos que más llaman la atención.La presencia de una imagen abre al diseñador un abanico de posibilidades mucho más amplio, ya que son elementos que proporcionan información y sugieren, expresan sensaciones y estimulan.


El logotipo

(Utilizado en ciertos casos, como anuncios, catálogos, trípticos...), es el elemento del diseño que representa a la empresa, el producto, servicio del anunciante, en definitiva, la imagen de la empresa.


Espacios en blanco

Tienen más importancia de lo que parece, aunque algunos anuncios casi prescindan de ellos.Los espacios es blanco transmiten claridad, libertad, espacio, y ayudan en muchos casos a equilibrar la composición.


Canales de contacto

Los canales de contacto es la forma que tiene el receptor de la comunicación de contactar con el anunciante.


JERARQUIZACIÓN DE LA INFORMACIÓN Y PESO VISUAL


El peso visual:

-El número-Tamaño-Forma (regular o irregular) -Ubicación: Lectura en Z-Color-Textura


Interfaz del programa


Vamos a echarle un vistazo rápido a la interfaz


¡Pero no te agobies!

¡Lo vamos a ver con más detenimiento!


Vamos a empezar con un ejercicio para conocer las capas y las herramientas de

selección y mover

(Tutorial en la plataforma)


Las herramientas de clonación son muy útiles a la horade retocar fotografías, pero también cuando se trata de

la composición de imágenes.


En la siguiente práctica vamos a retocar una fotografía antigua y así ver como funcionan estas herramientas

(Tutorial en la plataforma)


La tipografía


Por último hoy veremos la importancia de la tipografía


Sin un tipo de letra adecuada no somos nadie


Aspectos que influyen en la elección de la tipografía

1La audiencia a la que te diriges.

2El tipo de texto.

3Las imágenes que acompañan al texto.

4La extensión del texto y la cantidad de espacio disponible.

5El soporte en el que se empleará la tipografía.

6El aspecto general del diseño gráfico. .


Claves para elegir la tipografía correcta

1Ten en cuenta el contraste de color entre las letras y el fondo.

2No combines más de dos tipos de letra.

3Utiliza con moderación las mayúsculas, versalitas, negritas y cursivas. Están bien para destacar palabras concretas o enfatizar una frase, pero usadas en exceso perjudican la legibilidad y el diseño.


Carácter (huella del tipo) Es el resultado de la presión del tipo entintado sobre el papel.


Tipo: Es la unidad con la que se imprime. Es una pequeña pieza de metal o madera 3D que tiene como resultado el carácter. Hoy en día no se distingue entre tipo y carácter.


Familia conjunto de fuentes. Conjunto de tamaños, grosores, inclinaciones y en general todas las variantes que parten de un mismo diseño básico. En la actualidad, hay al menos en cada familia 2 fuentes: la normal y la cursiva. Lo normal es que hayan más fuentes. Una familia puede llegar a tener 50 fuentes: desde la muy extrafina hasta la superexpandida.

Las familias aluden a veces:-Creador: Bodoni.-Al medio donde apareció: Times New Roman.-Al fundidor: Garamond.-A un movimiento cultural: Avant Garde.


Partes de la letra


Según los remates las podemos clasificar en

ELZEVIR remates redondos.

DIDOT remates rectos y finos.

EGIPCIA remates cuadrados y gruesos.

PALO SECO sin remates y lineales y moduladas.

ESCRITAS O CALIGRÁFICAS imitan a la escritura a mano.

FANTASÍA letras adornadas: son todas las demás.


Tipos de fuente (las más usadas)

MayúsculasMinúsculas Capitulares


Según su inclinación:Regular o redondaCursiva

Según su grosorDesde muy finas (light).Pasando por la media (médium).Hasta muy gruesas o negritas (bold).

El mayor grosor confiere más importancia al texto. Pero la abundancia de negritas produce monotonía (efecto contrario).


Legibilidad y comprensión


Legibilidad Facilidad para reconocer los caracteres. Alude a la claridad y a si podemos leer el texto, teniendo en cuenta el diseño del tipo.

Comprensibilidad Cualidad relativa a la comodidad con que se lee un texto.


El texto se caracteriza por su medida, su interlineado, su espacio y justificación

.


La medida

La medida es el ancho del campo en el que se inscribe el texto. La medida del texto es fundamental para la comodidad de la lectura.

No podemos hacer arbitrariamente el uso de la medida: si la medida es grande (columna demasiado ancha) la vista se cansa. Si es corta se hacen incomodas y la vista también se cansa.

Norma: el ancho de la columna debe medir en cm igual o la mitad del cuerpo de la letra en puntos: letra de cuerpo 12 el ancho de la columna debe medir entre 6 y 12.


El interlineado

Interlineado (muy importante) es la distancia entre las líneas de base de 2 renglones consecutivos.


El interlineado

*Medida recomendable: debe ser el tamaño de la letra más su 20%.

Ejemplo: 10 (cuerpo)/12 (interlineado).


Espaciado

Es el blanco entre las distintas palabras de una frase.


Interletraje

Es el blanco entre las letras. Controlable a voluntad. Como cada tipo reacciona de forma diferente con el contiguo conviene controlar

óptimamente el interletraje. Cuanto mayor es el cuerpo mas debe ser el interletraje. Muy ancho o muy estrecho influye estéticamente y a la

legibilidad.


Justificación

Muy tenidas en cuenta el interespaciado y el interletrado. Es dar todas las líneas de texto la misma longitud.


www.dafont.com

http://www.abstractfonts.com/

Descargar - Mi PC - Unidad C: - Windows - Fonts


http://www.dafont.com

http://www.dafont.com

http://www.abstractfonts.com

http://www.abstractfonts.com

Abre photoshop y empieza a trastear la herramienta texto. Prueba interletrajes, diferentes tipografías,

tamaños...


El Color


El color es la forma más inmediata de comunicación no verbal.Ningún otro elemento del diseño permite representar ideas y

emociones como el color.


Colores primarios:

Los Aditivos son los colores que se obtienen por la emisión de la luz: Rojo, verde y azul, y los tres combinados producen el blanco.

Los Sustractivos son los asociados a la sustracción de la luz. El Cyan, el Magenta y el amarillo; los colores empleados en la impresión en cuatricomía. Si se combinan los tres se producen el negro.


Colores secundarios: A partir de cada grupo de colores primarios puede producirse un grupo secundario. Se obtienen combinando dos colores primarios en la misma proporción.

Colores terciarios: Se producen combinando un color secundario con el primario restante, es decir que no se halla presente en el secundario


La descripción de los colores :

Tono: El tono o color es la característica única de cada color que nos permite distinguirlo visualmente de los demás.

Saturación: Es la pureza de color. Los niveles de saturación describen la tendencia a alejarse o acercarse al gris.

Brillo: Corresponde a la luminosidad u oscuridad del color. Se modifica añadiendo mayores o menores proporciones de blanco.


Sistemas cromáticos:

-CMYK Las imágenes impresas en color suelen producirse con cuatro tintas de impresión diferente: Cyan, Magenta , Amarilla y Negra.

-RGB: El Rojo el Verde y el Azul son los primarios aditivos que corresponden a uno de los colores primarios de la luz. La reproducción del color en una pantalla de tv o monitor de ordenador se consigue mediante el sistema cromático RGB.


Colores de procesos especiales:

Aunque la cuatricomía puede producir una amplia gama de colores, a veces es deseable emplear un color de proceso especial (o directo), una tinta preparada especialmente.

Un color especial es uno que es solido en lugar de estar compuesto por puntos.


El simbolismo del color

Como el color es un elemento de diseño que provoca reacciones emocionales, suelen describirse con términos emotivos como frío, cálido, relajante o excitante, ya que la mayoría de los colores se asocian con adjetivos concretos


EL ROSA


Creación de identidad

El color suele utilizarse para ayudar a establecer una identidad fuerte y reconocible al instante de una variedad de organizaciones y sus causas o productos asociados.

Los azules oscuros crean identidades conservadoras, sólidas y fiables para bancos y compañías aseguradoras. Los colores vivos primarios los productos para niños, y el rosa para crear identidades relacionadas con la belleza, el amor y el sexo.


Algunas herramientas útiles


La varita mágica sirve para seleccionar todo lo que tenga el mismo tono


La goma de borrar sirve para eliminar la parte de la imagen que desees


Si queremos darle menos luz a una imagen usaremos subexponer.Si queremos darle más luz, utilizaremos sobreexponer

Sobreexponer Normal Subexponer


El cuentagotas lo utilizaremos para coger una muestra de color determinada. Cuando cojamos esa muestra de color, pasará automáticamente a color frontal (color

frontal para pintar, rellenar...)


Las Opciones de Fusión sirven para darle relieve a las capas:

-Sombras exteriores-Sombras interiores-Resplandor interior


Será muy útil para adornar nuestros textos


Y para darle profundidad nuestras imágenes


Los niveles, el contraste y la saturación servirán para darle a la imagen el color y el tono que deseemos


Aplicaciones


Formatos


Impresión : A2, A3, A4, A5, A6, 50x70, 70x100, 10x21, 4x3m, 8x3m...

Pantalla: en internet no están implementados soportes estándar, no estamos sujetos a necesidades de producción.


El Papel


Según el aspecto

-Alisado: papel tal y como sale de la máquina y solo sometido a una leve presión. Rugoso al tacto y de poca calidad. Se usa para papeles de periódico. La tinta no agarra bien.

-Satinado: incorpora en su pasta unas colas que tapan los poros. Es sometido a una fuerte presión, la cual le da lustre y una agradable sensación al tacto.


Estucado también tratado con colas, pero por una cara esta tratado con yesoo talco que le produce un aspecto brillante, blanco y liso. Cansado a la vista, a veces se le añaden aditivos para quitarle los brillos. Se usa en impresos de altacalidad. Hay: brillantes, semibrillantes o mate.

Offset es aquel que debe estar muy bien encolado y repelar la humedad que generan las máquinas. La máquina offset funciona con agua. Así, el papel offsetdebe estar tratado para que en el proceso de impresión no suelte fibras,residuos que entorpezcan la impresión.


Hay otros papeles dedicados a trabajos más creativos pero que no se usan con frecuencia:

Vegetal o pergamino es de buena calidad (algodón) y su característica es que se somete a un tratamiento con ácido sulfúrico que le da ese toque de transparencia y dureza. Es un papel muy quebradizo.

Tela o gofrado los cilindros de la calandra tiene un pequeño relieve que producen una huella que imita a la trama del tejido.

Verjurado tiene una serie de líneas paralelas que se observan al trasluz. Es muy elegante y se utiliza en diseño.


Cuidan el medio ambiente:

Reciclados se obtienen de una pasta que sale de triturar papeles ya usados de los que hay que separar materiales inconvenientes. La cualidad es que ahorra energía, pero si puedo contaminar si lo blanqueamos.

Ecológicos se fabrican pensando evitar la contaminación ambiental. Así que no solo es pasta reciclada, sino que también en la fabricación se evita la contaminación (fabricar sin humos…).


El gramaje y el tamaño del papel:

-El peso o gramaje del papel determina su resistencia, su fuerza y su consistencia(Mucho gramaje no se dobla, poco gramaje se dobla mas fácil.)

-El peso en la actualidad se mide en gr. / m2. Es decir, un folio más o menos son 80 gr.

- Es difícil estimar al tacto el gramaje del papel porque influye mucho de la textura. Por ejemplo, el papel alisado parecerá más pesado que un estucado.


-El gramaje varía desde los 30 ó 40 gramos del papel de seda hasta los 180 gramos de un cartel.

-A partir de 180 gr. ya es cartulina, y a partir de 300 gr. hablamos de cartón.

-Entre 80 y 100 gr. es el habitual para libros, novelas…


Soportes


La resolución


La resolución incide directamente en la calidad de la impresión o la visualización final, asimismo un exceso de tamaño puede impedir el correcto envío de soportes online.

Impresión digital: 200, 150, 100, 80. (pixeles por pulgada)

Imprenta: 300 pixeles por pulgada (Hay que dejar sangre)

Pantalla: 72 pixeles por pulgada


Inspiración:

http://adsoftheworld.com/

http://www.fromupnorth.com/


http://adsoftheworld.com

http://adsoftheworld.com

Bancos de imágenes:

http://www.shutterstock.com/ (de pago)

www.freepik.es (gratuito, algunas de pago)

www.vectorizados.com (gratuito)

www.veezzle.com (gratuito)

www.recursostic.educacion.es/bancodeimagenes

www.recursos2d.com


http://www.shutterstock.com

http://www.shutterstock.com

http://www.freepik.es

http://www.freepik.es

http://www.vectorizados.com

http://www.vectorizados.com

http://www.veezzle.com

http://www.veezzle.com

http://www.recursistic.educacion.es/bancodeimagenes

http://www.recursistic.educacion.es/bancodeimagenes

http://www.recursos2d.com

http://www.recursos2d.com

El Claim y el eslogan


Expresión verbal de gran concisión y alto rendimiento semántico que condensa la clave comunicativa de la campaña


ESLOGANEs un lema, un recurso publicitario con la única función de ser memorable, en la promoción de un determinado bien o servicio.

CLAIMPodría decirse que el claim es un término más amplio y profundo que el eslogan. Es el concepto, con el que se quiere transmitir una filosofía de marca, los beneficios que se atribuyen un producto o servicio a la hora de realizar su publicidad.


“Un buen claim puede generar orgullo, puede marcar un rumbo, puede aclarar lo complejo, puede generar afiliación. Porque las palabras siguen teniendo ese poder mágico para resumir, para evocar, para, paradójicamente, crear una cierta imagen”.

Tony Segarra


La chispa de la vida


Porque yo lo valgo


Impossible is nothing


Just do it


¿Te gusta conducir?


Think different


De ser un juego de palabras se ha convertido en una forma de entender la vida, en una actitud, en una idea de largo recorrido.


Apelación emocional o racional

Emocional busca crear una determinada disposición afectiva en el receptor.

-Racional tiene una intención más informativa. Se limita a describir la actividad de la empresa o la ventaja del producto como una promesa directa al consumidor.


Funciones del eslogan

- Beneficio- Comunica el beneficio asociado al producto. El eslogan sólo adquiere sentido y razón de ser si está enmarcado dentro de un proyecto estratégico definido previamente.

- Estilo- Definir un estilo para la marca, un modo único y característico de comunicarse y situarse respecto a su público objetivo y en el contexto publicitario. - Personalidad- Construir el eslogan de forma que ayude a crear una personalidad única y original para la marca. - Posicionamiento- Posicionar a la marca, el producto dentro de la mente del receptor y en el mercado.

- Catalizador del recuerdo del anuncio- Condensa el recuerdo para que vuelva a la mente del receptor.


Características y recursos del eslogan

- Brevedad y concisión-

La elipsis es el recurso más utilizado en la redacción creativa. Elimina los elementos textuales con un contenido semántico bajo. Invita al receptor a participar en la reconstrucción del eslogan por tanto conlleva una fuerte implicación por parte de este. Ej: NO (FAD).

- Individualización-

El eslogan más que dirigirse a una generalidad debe establecer relación de cercanía entre producto y receptor. Lo más usado para ello es la segunda persona.

Ej: ¿Te gusta conducir?

Se busca la liberación por medio de la fantasía a las condiciones agobiantes de la vida cotidiana. Ej: La vida es el viaje más hermoso (DGT).

En definitiva, el redactor constituye escenarios, a través del eslogan, más aparentemente cercanos al receptor en la medida en que éste aparece connotado en el propio eslogan.


La marca debe aparecer claramente vinculada al eslogan. La marca puede aparecer.

Ej: Maggy te quiere ayudar.

O generar una eficaz vinculación entre eslogan y marca sin que ésta aparezca explícitamente. Ej: Porque yo lo valgo (L’oreal).

-


Para la realización de eslóganes: el deslizamiento semántico progresivo

El fundamento de esta técnica es la analogía, a partir de esto la técnica va avanzando en la creación de eslóganes.

La técnica se desarrolla a partir de unidades semánticas elementales que se establecen y a partir de éstos se buscan otros conceptos analógicos, alejándonos así progresivamente de los términos iniciales.

Lo primero se debe condensar la clave comunicacional en una expresión simple. A partir de ella establecemos una serie de unidades básicas, después se buscan analogías o sustituciones semánticas.


Tipos de claim según capacidad de atracción

-Sorpresa: “Nunca el plástico fue tan fácil” (Visa)-Interesa al consumidor: “Un desodorante que no te abandona” (Rexona)-Llamativo: “Muebles & Excentricidades” (Sleeping Company)-Mueve al individuo a actuar:“Un espléndido brindis por Brandy ESPLÉNDIDO”

-Absurdo: “Cásate con MÓNIX, ¡qué menox que monix!”


Esto es todo por hoy ¡Muchas gracias por asistir!


@garaleda

Rocío Ruiz Vergaralunes 16 de diciembre de 2013

CURSO DISEÑO GRÁFICO Y CREATIVIDAD APLICADA AL MK (TEORÍA)

Design

Transcript of CURSO DISEÑO GRÁFICO Y CREATIVIDAD APLICADA AL MK (TEORÍA)