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

Curso de especialización

DISEÑO GRÁFICO
Marketing creativo y creatividad aplicada

Rocío Ruiz Vergara
lunes 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 Brieﬁng
-Los Procesos Creativos
-La Marca
-La Marca Personal


¡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

Comunicación básica


Tipografías

Formatos

Soportes

El objetivo de este curso es acercarte las herramientas y las nociones básicas
para que cuando termines puedas defenderte, pero recuerda
que esto sólo es el principio del camino...


Un certiﬁcado sólo acredita que hiciste
un 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 inﬁnita, 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
deﬁnitiva, 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 hora
de 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 inﬂuyen en la elección de la tipografía
1 La audiencia a la que te diriges.
2 El tipo de texto.
3 Las imágenes que acompañan al texto.
4 La extensión del texto y la cantidad de espacio disponible.
5 El soporte en el que se empleará la tipografía.
6 El aspecto general del diseño gráﬁco. .


Claves para elegir la tipografía correcta
1 Ten en cuenta el contraste de color entre las letras y el fondo.
2 No combines más de dos tipos de letra.
3 Utiliza 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 extraﬁna 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úsculas
Minúsculas
Capitulares


Según su inclinación:
Regular o redonda
Cursiva
Según su grosor

Desde muy ﬁnas (light).
Pasando por la media (médium).
Hasta muy gruesas o negritas (bold).
El mayor grosor conﬁere 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 justiﬁcació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 inﬂuye estéticamente y a la
legibilidad.


Justiﬁcació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


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 modiﬁca 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 ﬁables 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 yeso
o 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 alta
calidad. 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 offset
debe estar tratado para que en el proceso de impresión no suelte ﬁbras,
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 inﬂuye 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
ﬁnal, 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/


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


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


ESLOGAN
Es un lema, un recurso publicitario con la única función de ser
memorable, en la promoción de un determinado bien o servicio.
CLAIM
Podrí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 ﬁlosofía
de marca, los beneﬁcios 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 aﬁliació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ónLa 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ónEl 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 deﬁnitiva, 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 eﬁcaz 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 Vergara

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

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (14)

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

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

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

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