This is the end...

Bueno chic@s, llegó el final, la hora del adios, la sensación del trabajo terminado, el descanso, el momento de la despedida.. bla bla bla...

Como durante estos días ya he hablado suficiente (demasiado diréis algunos) mi despedida será breve.

Espero haber logrado , al menos, despertaos el "gusanillo" por este precioso y emocionante mundo que es el diseño, que sigais investigando y formándoos siempre Y QUE PONGAIS EN PRÁCTICA TODO LO QUE HEMOS APRENDIDO!!! (que pesada soy!!!)

Seguiré pasándome por vuestros blogs y espero ver, como , día a día os convertis en todos unos arrrrrtisssssstass.

O s e s t a r é v i g i l a n d o ...jeje.
MUCHOS BESOS!! Eva

Técnicas y Recursos Creativos

1. La creatividad.
2. Los diferentes enfoques de la creatividad.
• El enfoque Culturalista.
• El enfoque Innatista.
• El enfoque Constructivista.
  
3. Estudio del proceso creativo:
• Preparación; incubación; intimación; iluminación; verificación.
  
4. Caracteríticas generales del proceso creativo.
   
5. Tipología del bloqueo; emocional, perceptivo y cultural.
   
6. Técnicas de estimulación de la creatividad:
• El brainstorming.
• Delfos
• S.C.A.M.P.E.R.
• Sinestesia
• Blue Skip.
• Sinéctica.
• Mapas mentales/ visuales.
7. Métodos creativos:Combinatorios y analógicos.
8. Otros recursos creativos:
   
• El pensamiento lateral.
• El psicodrama o dramatización.
9. La elaboración gráfica de las ideas.
• del rough al layout.

Ejercicio:

1. Separados en dos grupos, realizaremos el layout (2 versiones) del packaging de dos productos (un champú y una bolsa de patatas chips). Utilizad la técnica del brainstorming para la obtención de ideas, jerarquizar los términos, ordenar y buscad analogías. Cread un mapa visual. Traducir al lenguaje gráfico las ideas obtenidas por las técnicas de estimulación de creatividad, colores, composición, estructura, tipografía. Comenzar un boceto (rough) y terminar el layout. (colgar en el blog).
   

Identidad Gráfica

1. Identidad gráfica ¿por qué?
2. Coherencia y línea gráfica
3. Identidad gráfica para un producto editorial
• La singularidad de la portada
• Homogeneización y diferenciación
• Integración de la diversidad
4. Identidad gráfica para una organización
• Artículos de papelería y comunicación impresa
• Uno para todos todo para uno
• Identidad gráfica y comunicación integral
5. Identidad gráfica para una página web.
• Códigos gráfico y cromático
• Portadas múltiples
• Símbolos e iconos
6. La marca: el logotipo y el símbolo.
• El logotipo
• El símbolo
• Las funciones de la marca.
7. Programas y manuales de identidad visual.
• Las funciones del manual de identidad visual
• Política de comunicación y programas de identidad visual
• Los contenidos del manual de identidad visual.

Ejercicios:

1. Escoged una publicación (revista, periódico, portal web) e identificad los elementos de identidad gráfica (para ello):
• Analizad los elementos que definen la identidad gráfica y clasificarlos. (signos, colores, tipografia..)
• Obtener los elementos gráficos (logos , iconos etc.).

Una vez analizado , cread una sección nueva, respetando los elementos estables que dan coherencia gráfica al conjunto.
Utilizando los rasgos estables, creando variaciones de elementos gráficos originales adaptados a la nueva sección y maquetando todo siguiendo las retículas, jerarquía etc.
(Realizar en clase y colgar en blog)

2. Realizad una parodia de una campaña publicitaria de una marca conocida. Intentad que vuestra composición siga la línea gráfica de la Compañía. (comenzar en clase , terminar en casa y colgar en el blog).

3. Cread vuestra propia marca, definid vuestra Identidad Gráfica, diseñad vuestro logo. ( casa y colgar en el blog).

Imagen , diseño gráfico y comunicación visual

1. La cultura visual.
2. Los registros comunicativos.
• Niveles de formalidad.
3. Tipologías de la imagen.
• La imagen expresiva.
• La imagen documental.
• La imagen persuasiva.
• La imagen narrativa.
4. Forma y comunicación en el diseño de interfaces gráficas de usuario.
• La dialéctica forma-función.
• El éxito en la comunicación.
5. Usos de la imagen en aplicaciones multimedia.
• Ilustraciones.
• Ilustraciones dinámicas.
• Videos.
• Animaciones
• Secuencias.
• Diagramas.
• Diagramas dinámicos.
6. Retórica visual
1. Metáfona
2. MeronimiaProsopopeya
3. Perífrasis
4. Ironia
5. Alegoría
6. Hipérbole
7. Elipsis
8. Repetición.
   

Ejercicio: Realizar el diseño de un banner publicitario con elementos tipográficos y cromáticos, Debe cumplir las siguientes condiciones:

• Registro informal .
• Imagen persuasiva.
  
• Uso de animaciones.
• Utilización de una de las figuras retóricas básicas.
  

(para diseñar y comentar en clase y si se puede colgar en blog)

El Proceso de comunicación visual

1. Los sujetos de la comunicación visual.
• Un código abierto.
2. Denotación y connotación.
3. El público objetivo o target.
• El retrato sociodemográfico.
• El retrato sociopsicográfico.
4. Respuesta e interactividad en sistemas multimedia
• Niveles de interactividad.

Ejercicio: Escoged una publicación y definid su target, una vez realizado su retrato sociodemográfico y sociopsicográfico, cambiad el target. Especificad cuales deberían ser los cambios en esa publicación para que se redirigiera ahora al nuevo target asignado. (hacer en clase/casa y colgar en el blog).

TIPOGRAFÍA

1. Historia y Antecedentes.
2. El lenguaje tipográfico.
3. Rasgos y terminales.
4. Clasificación de las familias tipográficas.
5. Composición de texto: Letras-palabras-líneas.
6. Composición de texo: Columnas-páginas.
7. Legibilidad y amenidad.
8. Expresividad.
9. Tipografía digital.

Ejercicio: Maquetar una página de texto, teniendo en cuenta la teoría dada en clase (composición, textura de la página, legibilidad) y explotando los recursos expresivos de la tipografía. (en casa colgar en el blog).

La Imagen Digital

1. La Imagen digital frete a la imagen analógica.
• Proceso de digitalización.
2. Los mapas de bits.
• Modos de color
• Pluma
• Medios tonos
• Color indexado
• Modo RGB
• Modo CMYK
• Codificación del color
• RGB
• CMYK
• HLS
• LAB
• Librerías de color
• Resolución de imagen
• Resolución de pantalla
3. Las imagenes vectoriales
• Objetos Bezier
• La resolución de las imagenes vectoriales
• Tipología de los objetos vectoriales
• Composición de las imágenes vectoriales
• El software
4. Los diferentes formatos gráficos
• Formatos bitmap
• TIFF
• BMP
• PSD
• PICT
• JPEG
• GIF
• PNG
• Formatos vectoriales
• WMF
• EMF
• EPS
• PDF
• SWF
• SVG

Ejercicio, copiad y pegad en vuestro blog el siguiente test, marcad la respuesta correcta en cada caso. 1. ¿Por qué el formato TIFF es el más apropiado para ser impreso? Porque es el único que se puede imprimir. Porque contiene información adicional para ser impreso. El formato TIFF nunca se utiliza para ser impreso. 2. ¿Para qué tipo de imágenes será ideal el JPEG? Las imágenes de arte de línea y fotográficas Sólo las imágenes pequeñas de arte de línea La fotográficas o que presenten degradados 3. El formato GIF se caracteriza por... ...ser un formato obsoleto. ...ser utilizado en imágenes en blanco y negro. ...comprimir una imagen sin perder calidad. 4. ¿En qué formatos podemos encontrar la imagen dividida en capas? En el PSD y el TIFF Sólo en PSD En el PNG y el PSD En el GIF 5. ¿Qué formato gráfico utilizaríamos para publicar documentos en Internet? BMP GIF o JPEG EPS PDF 6. Si queremos crear una aplicación interactiva para web, y deseamos utilizar imágenes vectoriales, ¿qué formato utilizaríamos? SVG SWF Cualquiera de los anteriores. 7. Si queremos realizar una web y un CD-ROM o un DVD, ¿cuáles son los formatos gráficos óptimos para este medio? Todos Ninguno, no acepta ningún formato. BMP Sólo TIFF

El Color

1. Imagen y color.
2. Luz y color.
3. Percepción humana del color.
4. Modelos de clasificación del color.
5. Mezclas aditiva, sustractiva.
6. Modos RYB, RGB, CMYK.
7. Colores primarios, secundarios y complementarios, circulo cromático.
8. Color y sensación.
9. Interacción del color.
10. Contrastes de color.
11. Color y comunicación Gráfica.

Ejercicio: Realizar una composición grafica, que utilice al menos uno de los contrastes de color explicados en clase (en casa y colgar en blog).

La Base del Diseño

1. Estructura y equilibrio.
• Estructura y percepción
• Fuerzas perceptuales
• Peso visual, equilibrio y tensión
• Flecha visual: Dirección
• Esqueleto visual
2. Composición de la imagen , marco y estructuras.
• La composición visual
• Percepción humana y composición
• El marco de una imagen
• Las proporciones del marco
• Retículas
  
• Contraste compositivo
• Espacio y elementos compositivos.

EJERCICIOS:

1. Analizar la estructura y el esqueleto visual de un anuncio . (para realizar y comentar en clase)

2. Identificar retículas , Adaptar la composición a un formato diferente al original.(para realizar y comentar en clase)

3. Realizar una composición partiendo del mismo texto, las mismas 3 fotografías y mismo marco. Ajustar los elementos a una retícula previa. (para realizar y comentar en clase)

4. Sobre un marco cuadrado, elegir un único símbolo en negro (utilizando diferentes tamaños o el mismo símbolo fragmentado) realizar composiones que sugieran las siguiente sensaciones: equilibrio-tensión, simetría-asimetría, unidad-fragmentación, predictibilidad-sorpresa, estático-dinámico. (para realizar y comentar en clase)

5.Diseñar cabecera del blog: (Para ello)

1. Elegir forma y proporción del marco
2. Colocar el título (en forma de bloque) sobre el espacio, cambiar y elegir proporción
3. Colocar la/las formas, moverlas por el espacio, cambiar su proporción
4. Añadir el resto del texto (unido o separado en bloques).
5. Aplicar color, colorear los espacios, elegir los contrastes.
   
6. Encajar el texto en los bloques, jugar con las tipografías.
7. Cambiar (o no) las formas por fotografías, integrar las imágenes en el diseño...

(Realizar en casa y colgar en el blog).

El Alfabeto Visual

1. Lenguaje verbal y lenguaje visual.
2. Imagen, mensaje y comunicación visual.
3. El signo gráfico
• Iconos
• Símbolos
• Índices
4. Los componentes de la imagen.
• Mimético
• Abstracto
• Arbitrario
5. El alfabeto visual
• Elementos conceptuales
• Punto
  
• Línea
• Plano
• Elementos visuales
• Forma
  
• Color
• Textura
• Elementos de relación
• Proporción
• Dirección
• Movimiento

Buscar tres imágenes en diferentes publicaciones que contengan uno de los componentes de la imagen (uno cada una) y comentar en clase.

Elegid una composición gráfica (ilustración, anuncio, cartel...) y analizadlo sintacticamente (¿que signos gráficos, componentes y elementos del alfabeto visual utiliza?) para casa y colgar en el blog.

Imagen y percepción visual

1. Visión y pensamiento.
2. Teorías antiguas de la visión.
• Modelos activos de la visión.
• Modelos pasivos de la visión.
3. Teorías modernas de la visión.
• El modelo de la cámara oscura.
• La paradoja de la image invertida.
4. El estudio fisiológico de la visión humana.
• Fisiología del ojo.
• Neurofisiología de la visión.
• Organización de la escena visual.
5. Psicología de la percepción.
6. Las leyes de la Gestalt.
• Ley de proximidad.
• Ley de semejanza.
• Ley de cerramiento.
• Ley de buena continuidad
• Ley de movimiento común .
  
• Ley de pregnancia.
• Ley de la experiencia.

Ejercicio para casa: Buscar o crear ejemplos en los que se apliquen las leyes de la Gestalt.

Módulos Generales del Curso

1. Imagen y Percepción visual
2. Alfabeto visual, elementos básicos y formas de composición.
3. La base del diseño, la composición, proporción , direción , movimiento, texturas - Sistemas Reticulares - .
4. El color , teoría y psicología, modelos de color, armonías...
5. La imagen digital y suscaracterísticas : Mapa de Bits versus Imágenes Vectoriales.
6. Tipografía, familias, elementos, composición...
7. Proceso de comunicación visual, sujetos, el público, cultura visual, identidad gráfica, técnicas y recursos creativos.