Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

Trabajo prctico N 4

Nociones bsicas de Color y Diseo digital

minervini.mariana@gmail.com

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

Es luz: las superficies y cuerpos tienen color porque son capaces de absorber o reflejar la luz que les llega. Es un lenguaje Requiere conocimientos tcnicos para su reproduccin.

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

GENERACIN DEL COLOR Sntesis Aditiva Es la mezcla de luces, se suman las radiaciones de longitudes de onda. Con la adicin (suma) de todas las luces en partes iguales obtenemos la luz blanca, es decir la luz blanca contiene a todos los colores luz. Luces primarias: Sntesis Sustractiva Denominada de colores pigmento, para impresin. El color aparece por sustraccin (resta) de radiaciones. Sustrae color, de tal manera que la suma de los tres primarios nos da el negro (la ausencia de color).

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

EJERCICIO: En Quarkxpress vamos a generar una nueva paleta de colores Enviar el ejercicio x mail (minervini.mariana@gmail.com): ASISTENCIA DE HOY

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

COLOR: MARIA CLAUDIA CORTES Sitio web sobre la personalidad de los colores. www.mariaclaudiacortes.com

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

Diseo Digital

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

CONSIGNA DEL TP N 4: COLOR Y DISEO DIGITAL OBJETIVOS Comprender los pasos que implica el desarrollo y estructura de una pgina web. Implementar herramientas y software de diseo digital y criterios de uso del color. Comenzar a delinear y definir el trabajo final de la asignatura. CONSIGNA Realizar una pgina web o blog (Ej. www.blogspot.com) por grupo, que presente el proyecto e idea de trabajo final que realizarn para la asignatura. Se pretenden que comiencen a concretar la idea de trabajo final pero con posibilidades de cambio y adecuacin de la propuesta. Se deber generar en archivo Word la estructura de la pgina o blog con sus posibles interacciones. Dicha sitio, deber contener al menos cuatro pginas que desarrollen los siguientes contenidos: El tema del trabajo final: descripcin del mismo y explicitacin del origen -demanda o posibilidad (pueden emplear el material terico de la ctedra para la justificacin) El pblico: aproximaciones a su definicin Posibles imgenes, colores y tipografas que emplearn para el trabajo final Descripcin de la posible forma de trabajo: descripcin de las etapas para llegar a la concrecin del trabajo final.

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

CONSIGNA DEL TP N 4: COLOR Y DISEO DIGITAL CARACTERSTICAS QUE DEBE CUMPLIR EL SITIO WEB: La primera pgina o pgina de acceso deber llamarse index.htm y contar con hiperenlaces al resto. La pgina o blog debe contener una botonera, como as tambin enlaces internos a sitios web externos relacionados con la temtica del sitio. Al menos una de las pginas debe contener un enlace a un correo electrnico del administrador de la web. Todas las pginas llevarn imgenes. Opcional: utilizar animacin flash para destacar una informacin en especial.

PLAZO Y FORMA DE ENTREGA: 6 de octubre

En caso de la pgina web, traer el archivo editable a clase. Enviar la estructura del sitio en Word por e-mail. En el caso del blog: enviar el vnculo del blog por e-mail. Hacer una copia de pantalla (control + Impr pant) y pegar en Word para poder observar la estructura y diseo generado para el trabajo prctico. El archivo de diseo y la estructura deber ser enviado en Word por e-mail.

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

PROGRAMA FLASH: EL ENTORNO DE TRABAJO

Ejercicio prctico en Flash: interpolacin de movimiento y de forma Algunos ejemplos

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

El diseo digital: posibilidades LA INTERACTIVIDAD Posibilidad de navegacin e inmersin en mltiples espacios LA MUTABILIDAD Posibilidad de modificar a travs de entradas (input) y salidas (output), redefiniendo el papel del creador o diseador y el pblico o espectador LA HIPERMEDIALIDAD Posibilidad de integrar en el medio lo fijo y lo mvil, lo esttico y lo dinmico

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

Algunos criterios para diseo digital:

El buen diseo proviene de una buena planificacin Debemos definir: Cul ser el mensaje, filosofa del sitio Cules sern los contenidos Qu esttica ser la ms apropiada Qu tecnologa utilizaremos para desarrollar la interface

MAPA DEL SITIO: Es el rbol de contenido en el que se muestra de manera prctica cuntas secciones tendr el sitio en desarrollo y cuntos niveles habr dentro de cada uno.

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

ESTRUCTURA, NAVEGACIN E INTERACTIVIDAD:

Una pgina web se inicia en una Pgina Principal, tambin denominada Home Page. El tipo de estructura que utilicemos determinar como los usuarios van a navegar por nuestro sitio

Jerrquica (la ms utilizada)

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

Interconectada

Lineal

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

Dreamweaver

Programa de Macromedia. Es un editor grfico de HTML (hipertexto) que permite al usuario ver y editar pginas de Web.

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

Consejos para diseo web:

La navegacin a travs de la web ha de ser fcil, intuitiva, y consistente. El navegante debe saber dnde se encuentra en cada momento.

La interfaz ha de ser lo ms uniforme posible a travs de la web: un mismo sistema de colores, uso de tipografa, colocacin de los elementos de navegacin...

Actualizar la informacin y eliminar partes caducas. La informacin ms actual o las secciones nuevas se han de poder localizar rpidamente.

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

Consejos para diseo web:

Los nuevos efectos, an no soportados por todos los navegadores y sistemas, aquellos que necesiten plugins, y otros trucos no han de constituir el ncleo del sitio web, en especial si se trata de elementos no estndar dentro del HTML.

Conviene utilizar el color con moderacin, de forma consistente y razonable. Hay que tener especial cuidado de que el texto sea fcilmente legible con los colores elegidos.

El texto ha de ser conciso, bien estructurado y fcil de leer. La lectura en pantalla no es tan agradable como en el papel (puede ser una buena idea proporcionar tambin una versin ms extensa o especialmente preparada para imprimir.)

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

Recursos:
Crear sitios web gratis: http://www.ucoz.es http://www.everyoneweb.es/ http://es.wix.com Desventajas: Espacio limitado Pocas posibilidades de interaccin y animacin No hay garantas de la perdurabilidad del sitio No lo encuentran los motores de bsqueda

Blogs: http://www.blogspot.com http://www.everyoneweb.es/

Ventajas: Gratuito ptimo para contenidos temporales Posibilidad de contar con plantillas prediseadas

Plantillas http://www.freeplantillas.com/ http://plantillasweb.com.ar/