12/4/16

Fundamentos del Diseño. Act. 3. Gráfica Interactiva.


BLOQUE 3.
Estructura del espacio gráfico y jerarquías compositivas e informativas de los elementos visuales en función del mensaje y del ámbito de diseño
BLOQUE 4.
Tendencias gráficas actuales en comunicación persuasiva, informativa e identificativa. Repercusiones formales, técnicas y comunicativas de las nuevas tecnologías.

BLOQUE 5.
El mensaje gráfico y el soporte. Aspectos significativos. Particularidades del soporte interactivo. Condicionamientos formales y técnicos.
Los productos interactivos para los diferentes ámbitos del diseño.





















FUNDAMENTOS DEL DISEÑO.


ACT. 3.

TEMÁTICA: DESARROLLO WEB/ PORFOLIO ALUMNO QUE RECOJA LOS TRABAJOS REALIZADOS EN FUNDAMENTOS Y RECURSOS GRÁFICOS Y TIPOGRÁFICOS DURANTE EL CURSO.


1. TONO FORMAL DE COMUNICACIÓN (ANÁLISIS DE DIFERENTES PÁGINAS, NAVEGAVILIDAD, USABILIDAD)

2. CONCEPCIÓN (MAQUETACIÓN FORMAL DE LA PÁGINA). RETÍCULA COMPOSITIVA.

3. MENÚ (FIJO, DESPLEGABLE, DESLIZANTE, POR PESTAÑAS)
UN DÍA EN LA VIDA DE….
LA ESCUELA, COMPAÑEROS…
TRABAJOS
CONTACTO, BLOGS, RRSS.
OPERATIVIDAD DEL SITIO/ PÁGINA

4. DISEÑO DE LA INFORMACIÓN (PERSUASIVA, DIDÁCTICA, INFORMATIVA) SE HAN DE ESTABLECER LOS TRES ÓRDENES.

NOTA: TODO EL MATERIAL GRÁFICO DEBE SER ORIGINAL, NO SE PUEDE USAR FOTOS DE BANCOS DE IMÁGENES, NI RECURSOS GRÁFICOS ICONOGRÁFICOS (ICONOS) DISPONIBLES EN BANCOS U OTRAS FUENTES.
TODO EL MATERIAL DEBE SER INÉDITO.

5. ELEMENTOS INTERACTIVOS. GIF, VIDEO.

 Metodología.

1. Generar un naiming del sitio del alumno
2. Manual básico de identidad
3. Análisis de diferentes referentes, páginas por su navegabilidad y diseño. 
4. Acotación de referentes
5. Tono formal de comunicación
6. Generar las baterias de recursos gráficos
7. Concepción de la maqueta formal de la página, diseño del mapa web
8. Usabilidad
9. Diseño de la información (persuasiva, didáctica, objetiva)
10. Desarrollo del sitio con pantallazos que reflejen su operatividad (no programación)
11. generar un video o gif


Fecha de entrega por determinar según agenda final de curso.

Cómo se ha de presentar el trabajo: La campaña presentarán en a través de visualizaciones en formato A-3 y en carpeta apropiada que ira conformando vuestro dossier de trabajos. Los trabajos serán defendidos en clase.
·       


 Presentar el predeterminado de la plantilla Select* indicaciones en clase.


·       Cómo se valora el trabajo:
·       Proyecto (*a, b y c)...............70
·       Presentación del proyecto (*d).......20%
·       Actitudes en el aula (iniciativa)............10%

·       Respecto a los siguientes criterios de evaluación:
a) Bocetos/Proyecto.

b) Concepto idea (creatividad).

c) Técnica y manejo. 
d) Presentación y maquetación.




Concurso de ideas para la cartelería de la Fiesta Solidaria contra el cáncer de mama.

Nuestra alumna Alicia Fernández Mayor, de primero de gráfica interactiva, ha sido la seleccionada en el concurso de ideas para la Fiesta Solidaria contra el cáncer de mama, organizado por la asociación Amiga.

El premio que se le entregará al alumno en el acto inagural es de una tarjeta regalo de 300 euros del Corte Inglés.

Por parte de la asociación Amiga, agradecen con gratitud el trabajo de los alumnos, y me trasmiten sus felicitaciones a todos por el buen trabajo hecho.

Yo así también os felicito.

Gracias a todos.

4/4/16

ACT. 4. RECURSOS GRÁFICOS Y TIPOGRÁFICOS


Bibliografía recomendada.



ACT. 4
RECURSOS GRÁFICOS Y TIPOGRÁFICOS.
PROF. ELENA PAJE

MÓDULO: GRÁFICA INTERACTIVA



BLOQUE 4.
Tipografía digital. Hipermedios. Tipos para pantalla.

8
14
22
BLOQUE 5
Particularidades del soporte interactivo.
Sitios web e instalaciones multimedias e interfaces.
8
14
22




TEMÁTICA:
CANCIONES INTERACTIVAS.
INGLÉS & ESPAÑOL
ESTADOS DE ÁNIMO, FIESTA, POP, CONCENTRACIÓN, ROCK, SOUL, ROMÁNTICA, ETC….
ESTRIBILLO TRADUCIDO E ILUSTRADO.


http://www.scpf.com/

http://elisegravel.com/en
http://romualdofaura.com/

http://www.benditagloria.com/

http://www.colette.fr/marques.html

http://theselby.com/

http://www.solofficial.com/

http://www.enricaguilera.com/ 

http://www.casamariol.com/

http://www.m-eskenazi.com/ 

http://www.patinunez.com/html/es/

http://www.tipografiadigital.net
 


Desarrollo de una batería iconográfica, que refuerce el significado textual de las letras de las canciones.

Tanto el desarrollo conceptual de tipografía e iconografía crearan un universo de coherencia formal, que den una personalidad predeterminada al sitio web.

Para ello veremos las tipografías idóneas para pantalla, el texto como herramienta de navegación, los iconos y flujo de contenido del sitio. Hipermedios.

1. generar naiming del portal

2. estructurar todo el diseño de información, que haga que a través de hipertexto se genere feed back con el usuario

3. elegir temática (estado de ánimo)

4. generar bateria iconográfica que se relacione con el estado de ánimo y la canción seleccionnada

5. generar la maqueta (retícula) que sustente el proyecto

6. demostrar la operatividad a base de pantallazos y su usabilidad, no hay que programar

7. todo ira recogido en memoria proyectual



Hipermedios es el término con el que se designa al conjunto de métodos o procedimientos para escribir, diseñar o componer contenidos que integren soportes tales como: texto, imagen, video, audio, mapas y otros soportes de información emergentes, de tal modo que el resultado obtenido, además, tenga la posibilidad de interactuar con los usuarios.
Entre los tipos de hipermedia se encuentra:
  • Hipertexto.
  • Hiperfilmes.
  • Hipergrama.

·       Se valorará el bocetaje y elección de formas, así como la diversidad de registros para obtener una imagen, tono formal de comunicación.

·        
·       Periodo de realización de la actividad.
·       Fecha de comienzo.
6/04/16
·       Fecha de entrega. 24/05/16 * La entrega se hará en el día indicado, no se contempla la sesión de ese día como ejecución del trabajo. Todos los alumnos harán la presentación individual de sus propuestas.
·       Cómo se ha de presentar el trabajo: La campaña presentarán en a través de visualizaciones en formato A-3 y en carpeta apropiada que ira conformando vuestro dossier de trabajos. Los trabajos serán defendidos en clase.
·       Presentar el predeterminado de la plantilla Select* indicaciones en clase.


·       Cómo se valora el trabajo:
·       Proyecto (*a, b y c)...............70
·       Presentación del proyecto (*d).......20%
·       Actitudes en el aula (iniciativa)............10%

·       Respecto a los siguientes criterios de evaluación:
a) Bocetos/Proyecto.

b) Concepto idea (creatividad).

c) Técnica y manejo. 
d) Presentación y maquetación.

















ACT. 4 TÉCNICAS DE IMPRESIÓN Y PRODUCCIÓN





 EDITORIAL

·       LA PRODUCCIÓN NO ES ALGO ADICIONAL, SINO FORMA PARTE INTEGRAL DEL DISEÑO Y SE DEBE DE ESTUDIAR EN LA ETAPA DE PLANIFICACIÓN.
·       SOPORTES Y TÉCNICAS DE IMPRESIÓN Y REPRODUCCIÓN
·       REPRODUCCIÓN EN TINTAS, IMPOSICIONES, ABARATAMIENTO DE PRODUCCIÓN
·       ACABADOS
·       GESTIÓN DE MEDIOS. EDITOR. EDITORIAL. COMERCIALIZACIÓN. PV.
·       CICLO DE LA PRODUCCIÓN /HOJA DE RUTA Y CONTROL DE CALIDAD
·       GESTIÓN DE PRESUPUESTOS Y FACTURACIÓN


VOCABULARIO ESPECÍFICO.

TÉRMINOS:
·       TERMINOS DE DISEÑO
·       IMPRESIÓN
·       ACABADOS

BIBLIOGRAFÍA: DICCIONARIO VISUAL DE PREIMPRESIÓN Y PRODUCCIÓN.
GAVIN AMBROSE Y PAUL HARRIS


ACT 3.


DISEÑO EDITORIAL

CONCEPCIÓN DE UN PEQUEÑO LIBRETO QUE SE APOYE EN LOS SIGUIENTES DESCRIPTORES.

1.     PLANILLO
2.     IMPOSICIÓN
3.     TINTAS
4.     ENCUADERNADO (CLASE ESPECIFICA CON LOS DIFERENTES TIPOS DE ENCUADERNACIÓN)
5.     ESPECIFICACIONES TÉCNICAS
6.     PAPEL
7.     GRAMAJES
8.     DISTRIBUIDORES PAPEL
9.     TEC. DE IMPRESIÓN COMPLEMENTARIAS (BARNIZADOS, TROQUELADOS, ETC)
10.  PEDIDO DE PRESUPUESTO Y ESPECIFICACIONES.
11.  MEMORIA EXPLICATIVA


TEMÁTICA:
DISEÑO EDITORIAL DE UN CUENTO INFANTIL O FÁBULA (PARA NIÑOS DE 6 A 8 AÑOS), MAQUETADO E ILUSTRADO POR EL ALUMNO.
FORMATO A6 O A5
CUADERNILLOS (DOS MÍNIMO, CUATRO MÁXIMO)
PORTADAS INDEPENDIENTES
SE PUEDE EMPLEAR FAJA ENVOLVENTE, INTEGRAL O PARCIAL


PERIODO DE REALIZACIÓN DE LA ACTIVIDAD.

FECHA DE COMIENZO.
4/04/16
FECHA DE ENTREGA.
09/05/16
* LA ENTREGA SE HARÁ EN EL DÍA INDICADO, NO SE CONTEMPLA LA SESIÓN DE ESE DÍA COMO EJECUCIÓN DEL TRABAJO. TODOS LOS ALUMNOS HARÁN LA PRESENTACIÓN INDIVIDUAL DE SUS PROPUESTAS. ES IMPRESCINDIBLE EL ENTREGAR TODAS LAS PRÁCTICAS PARA PODER HACER MEDIA, JUNTO AL EXAMEN FINAL.


CÓMO SE HA DE PRESENTAR EL TRABAJO:
LA CAMPAÑA PRESENTARÁN EN A TRAVÉS DE VISUALIZACIONES EN FORMATO A-3 Y EN CARPETA APROPIADA QUE IRA CONFORMANDO VUESTRO DOSSIER DE TRABAJOS. LOS TRABAJOS SERÁN DEFENDIDOS EN CLASE.
PRESENTAR EL PREDETERMINADO DE LA PLANTILLA SELECT* INDICACIONES EN CLASE.
CÓMO SE VALORA EL TRABAJO:
PROYECTO (*A, B Y C)...............70
PRESENTACIÓN DEL PROYECTO (*D).......20%
ACTITUDES EN EL AULA (INICIATIVA)............10%

RESPECTO A LOS SIGUIENTES CRITERIOS DE EVALUACIÓN:
A)  BOCETOS/PROYECTO.
B)  CONCEPTO IDEA (CREATIVIDAD).
C)  TÉCNICA Y MANEJO.
D)  PRESENTACIÓN Y MAQUETACIÓN.


·       Importante: se entregarán todos los ejercicios del curso impresos, con sus memorias correspondientes, según indicaciones dadas por el profesor.

·       Act. 1. Catálogo papeles
·       Act. 2. Modos de color, tarjetas.
·       Act. 3. Packaging
·       Act. 4. Diseño Editorial. Imposición.