¡Feliz año 2010!

Envío saludos y un fuerte abrazo a todos los gutenbergianos: alumnos, docentes, administrativos y no-docentes.

¡Les deseo un excelente 2010, lleno de proyectos y alegrías!

Aprovecho la oportunidad para felicitar a los recién recibidos, flamantes DG. ¡Congrats!

Recordatorio exámenes diciembre 2009

Como les comentaba en el post anterior, les recuerdo que las fechas de finales son:

• lunes 14/12/2009 - 19 hs.
• lunes 21/12/2009 - 19 hs.

El examen final implica la entrega final y mejorada del último TP de la cursada, pueden revisar la consigna aquí.

También pueden revisar todos los posts con la etiqueta exámenes.

Nos vemos!

Fuga Gráfica en Gutenberg

Fuga Gráfica es la XII edición del Festival de Arte Contemporáneo y Experimental que funciona como espacio abierto para la difusión del arte multimedia.

=x=x=x=x=x=x=x=x=x=x=
Fuga Gráfica en Gutenberg
Av. Belgrano 4299 (esquina Muñiz).

- sábado 5 y domingo 6 de diciembre
- desde las 19.00 hs hasta las 00.00 hs

- entrada $10 (entrada alumnos Gutenberg $5)
=x=x=x=x=x=x=x=x=x=x=

En continuidad con la renombrada Fuga Jurásica que tenía como sede el Museo de Ciencias Naturales, Fuga Gráfica define a la “gráfica” como temática convocante y estímulo para los artistas participantes y tiene como sede a la Fundación Gutenberg.

Este festival, ideado y organizado por el paleontólogo y músico electrónico, Luis Marte, nuclea las más variadas disciplinas, con el eje común de la experimentación. Arte sonoro, video, animación, fotografía, plástica, web art, artes escénicas, instalaciones, charlas y seminarios definen a este festival de creatividad con características únicas.

El sábado 5 y domingo 6 de diciembre desde las 19.00 hs hasta las 00.00 hs, el público es invitado a experimentar el arte en sus diferentes manifestaciones.

Tomando casi todo el edificio, el evento asume la particularidad del lugar logrando una integración conceptual. Fuga Gráfica cuenta con 100 artistas y agrupaciones dedicadas a la experimentación creativa. Cabe destacar la presencia del músico Fernando Kabusacki, el artista digital y VJ Jorge Castro, el artista plástico Juan Doffo, el cineasta Ernesto Baca, entre otros.

La temática definida en esta edición es la gráfica y esta ha sido la propuesta que ha servido de estímulo a los artistas participantes en cada una de las disciplinas.

Sábado 5 de diciembre

sala 1:
Power Varela / Ignacio Gracian / Automartin / BTB / Srta.Amalia
sala 2:
Quum / §gl¢§ / Pangea / Auto / Danel

Domingo 6 de diciembre

sala 1:
Pablo Ribot / Kabusacki / Lothus / Mc Fly / Microesfera
sala 2:
Observatorio51 / Jorge Castro / Luis Marte / Melmann / Klang!


Más información aquí.

Exámenes diciembre - 2009

Espero que estén todos muy bien. A continuación les paso las fechas de recuperatorio, reincorporación y exámenes de diciembre de 2009.

• viernes 04/12/2009 - 19 hs. - reincorporación/recuperatorio
• lunes 14/12/2009 - 19 hs. - entrega final
• lunes 21/12/2009 - 19 hs. - entrega final

Les recomiendo que lean atentamente todas las consignas correspondientes (recuperatorio, reincorporación, entrega de examen final), así vienen con todo lo necesario.

Recordatorio: la entrega del CD-ROM interactivo es con packaging.

===
Dejo abiertos los comentarios de este post para consultas.
===

Saludos!

TMDG 2009 - No Carson :(

Lamentablemente, parece que David Carson canceló a último momento y dejó a los muchachos de TrimarchiDG 2009 en una situación bastante complicada.

El reemplazo del surfista será Tomas Roope, de inglaterra.
http://www.therumpusroom.tv/

Aquí la lista de conferencistas actualizada.

Me caigo y me levanto.

TMDG 2009 - marea roja!

Esto es un comunicado importante para quienes viajen este fin de semana al TrimarchiDG 2009, a realizarse en Mar del Plata…
Al parecer, hay alerta por marea roja en las costas bonaerenses, por lo que se recomienda no consumir productos de mar (lamentablemente).

Una vez ingerido el molusco contaminado, los especialistas indican que la intoxicación se manifiesta a menos de 30 minutos y resulta fatal en la mayoría de los casos.

Aquí la noticia completa.

Allí nos vemos!

TMDG 2009

Como probablemente sepan, dentro de poquito comienza el TrimarchiDG 2009. Este año, con una lista de conferencistas muy interesante:

• David Carson
• Juan Pablo Cambariere
• Alex Trochut
• Zalma Jalluf
• The President
• Itsvan Orosz
• Area 3
• Colletivo
• Out Of Register
• Idn
• Patricio Oliver
• entre otros…

El evento se realiza el 2, 3 y 4 de octubre, en el Estadio Polideportivo de Mar del Plata.

Hay algunas opciones relativamente económicas que incluyen viaje y estadía, sólo viaje, sólo estadía, etc…
http://www.trimarchidg.net/packs.php
http://manuchis.com.ar/trimarchidg/
…y seguramente habrá otras ofertas dando vueltas por ahí.

Allí nos vemos!

Final de Viernes

Espero que estén todos muy bien.

Mañana (viernes 14/08/2009) es el final de Computación Gráfica 3. Les recuerdo que tengan a bien leer las respectivas consignas.

===
El examen final —para quienes cursaron la materia en 2009— implica la entrega del CD interactivo siguiendo la consigna del TP04, con mejoras que impliquen un salto cualitativo (de calidad), por sobre la entrega que realizaron al final del cuatrimestre. Deberán entregar la pieza interactiva en un packaging, acorde al sistema gráfico planteado en su interfaz de usuario.

Descargar consigna Final, para quienes cursaron en el año 2009.

Quienes vengan al final, y hubieren cursado la materia años pasados, pueden repasar las consignas anteriores aquí.

===

Allí nos vemos!

Contenido: impreso/web

Excelente charla de Jason Santa María (un diseñador/desarrollador web muy reconocido), acerca de las diferencias técnicas del diseño web y sus implicancias técnicas, con respecto al diseño para impresión (in English).

Como sabemos, el diseño es afectado indefectiblemente por el factor tecnológico (y viceversa), así como también es influenciado el arte. Viviendo en los comienzos del siglo XXI, sería tonto pensar que el arte, el diseño, y la tecnología son disciplinas separadas, con fronteras definidas.

Resulta clarificador pensar que en algún momento de la historia de la humanidad, un pincel fue un artefacto tenológico de avanzada; y a partir de allí imaginarse las implicancias que aquella invención habrá tenido en las posibilidades artísticas de los individuos de antaño.

Exámenes Finales 2009 - julio/agosto

Ya se acerca la fecha de finales, no duerman!

Recuerden que el examen final, para quienes cursaron la materia en 2009, implica la entrega del CD interactivo siguiendo la consigna del TP04, con mejoras que impliquen un salto cualitativo (de calidad), por sobre la entrega que realizaron al final del cuatrimestre. Deberán entregar la pieza interactiva en un packaging, acorde al sistema gráfico planteado en su interfaz de usuario.

CONSIGNAS FINAL:

• Para quienes cursaron en el año 2010.
• Para quienes cursaron en el año 2009.
• Para quienes cursaron en el año 2008 o anteriores: cursada Flash.
• Para quienes cursaron en el año 2008 o anteriores: cursada Dreamweaver (HTML, CSS) + Flash.

Quienes vengan al final, y hubieren cursado la materia años pasados, pueden repasar las consignas anteriores aquí.

Salutes! Allí nos vemos!

Nuevas fechas recuperatorio/reincorporación/final

Como saben, las fechas originales de recuperatorio, reincorporación y final han sido modificadas. Las nuevas fechas oficiales para Computación Gráfica 3 son en agosto:

• viernes 07/08 - 19hs. - recuperatorio y reincorporación
  
  
• viernes 14/08 - 19hs. - final (entrega CD mejorado y con packaging)

Salutes!

Suspensión de actividades en Gutenberg

Estimados, les informo las resoluciones que ha tomado la Dirección de Gutenberg a raíz de la Pandemia de Influenza A-H1N1:

1. Se suspenden las actividades académicas desde el 6 al 31 de Julio inclusive.
2. Los exámenes de Reincorporación y Recuperación se tomarán en la semana del 3 al 7 de Agosto.
3. Los Exámenes Finales-Turno Julio-Agosto, se tomarán en la semana del 10 al 14 de Agosto.
4. La cursada del segundo cuatrimestre comenzará el martes 18 de agosto (o el Lunes 17 en el caso que las autoridades educativas desafecten el día feriado).
5. La inscripción a materias del segundo cuatrimestre se realizará a partir del lunes 13 de julio.
6. La Administración y la Secretaría Académica atenderán a alumnos/as y docentes en el horario de lunes a viernes de 13:30 a 20:30, durante todo el mes de Julio. La Biblioteca atenderá durante el mes de Julio de lunes a viernes de 18 a 20:30. Por prevención no se prestarán libros a domicilio.
7. Las distintas cátedras están facultadas para instrumentar actividades de consulta u orientación vía electrónica.
8. Los/as alumnos/as y Docentes que presenten síntomas compatibles con Influenza A-H1N1, les pedimos nos lo comuniquen telefónicamente o vía electrónica a Secretaría Académica.
   

A cuidarse!

Recuperatorio/reincorporación 2009

Aquí les dejo las diferentes opciones de recuperatorio:

• Análisis
• Banner [TP02]
  
• CD-ROM interactivo [TP04]
  
• Extra (currículum interactivo)

Bajar las consignas de recuperatorio.

Cada cual sabe cuál/cuáles de estos ítems debe traer para la instancia de recuperatorio.

Les recuerdo que quienes desaprobaron el TP04 deberán traer el TP04 arreglado y terminado (para aprobar); y que quienes no lo entregaron deberán traer el TP04 que les quedó pendiente más el trabajo recuperatorio (currículum interactivo).

Quienes deban reincorporar, deberán traer el trabajo de análisis como reincorporación.

La primera fecha de recuperatorio/reincorporación es el día

• viernes 10/07 - 19hs. - recuperatorio y reincorporación (OJO, ESTA FECHA YA NO VA MÁS; aquí las nuevas fechas)
  

Allí nos vemos!

Fin - Clase 14 - Viernes 26-06-2009

Estimados, hoy es la última clase, el plan del día es el siguiente:

• Breve charla de cierre de la cursada.
• Devolución de notas de cursada (quiénes aprueban, quiénes recursan, quiénes recuperan, qué recupera cada uno, etc.).
• Devolución individual sobre las entregas del TP04, analizando juntos el proyecto, para que sepan qué laburar para la instancia de Final (dejo la devolución individual de cada TP para lo último de la clase, de esta manera quienes no hubieron entregado el TP04 podrán irse después de la entrega de notas).

Algunas aclaraciones al respecto de la entrega:

• No se corregirán trabajos hoy, las instancias de corrección ya pasaron.
• Las entregas aceptadas fueron las que llegaron hasta el jueves temprano (a las 15 hs. se cerró la recepción de entregas). Las notas ya están cerradas, no se consideran entregados los mails que llegaron ayer a las 20 hs., 22 hs., 23 hs., y la madrugada de hoy.
• Considero la no entrega del último TP de una cursada (cualquiera sea), una falta grave.

Les pido que no falten a la clase de hoy, y que sean puntuales, así tenemos tiempo para corregir los trabajos de aquellos que cumplieron con su responsabilidad como cursantes de la materia.

Entrega TP04 - comunicado

Evidentemente (y lamentablemente) muchos alumnos se han tomado la libertad de no entregar: auto-convocándose a la entrega del TP04 en la instancia de recuperatorio.

Teniendo en cuenta…

• que la falta de material para corrección en las instancias previas a la entrega fue vergonzosa,
  
• que el recuperatorio es dentro de dos semanas,
• que se trata una falta de respeto hacia la gente que probablemente dedicó horas de sueño a realizar el TP para poder entregar a tiempo,
  
• que sería raro entender la recuperación de un TP que nunca se entregó (y por lo tanto nunca desaprobó),
• y la cantidad de gente que se tomó esta libertad,
  

Les adelanto que la instancia de recuperatorio para aquella gente que no haya entregado el TP04 será diferente a la de quienes hubieren laburado, entregado, y desaprobado (lo cual implica un mérito mayor, claro está).

Aquellos que no entregaron, traerán al recuperatorio:

• no sólo el TP04,
  
• sino además una consigna extra que será subida al blog en breve.

Bon voyage.

MENSAJE DEL INVITADO SORPRESA

Colegas, les digo así porque ya en estas instancias es así. Están a mitad de año, en algunos casos cursando sus últimas materias de ésta, la Carrera que eligieron como su profesión; sí, por esa misma que hace un mes que ya no duermen, que no se despegan del monitor. Pero tengo buenas noticias, las cosas no van a cambiar mucho, sólo los “nombres”, materia x empresa, profesor x cliente pero lo que nunca cambia nunca cambia son las entregas, eso nunca cambia, y es parte de la responsabilidad como profesional que tenemos.

Falta poco, nada, es la recta final pero no dejen pasar estas oportunidades que no es muy frecuente.

Saludos el invitado casi sorpresa.

Entrega TP04 - miércoles

Estimados:

Les recuerdo que mañana (miércoles 24) es la entrega del TP04. Les comento que una entrega es una instancia de evaluación, necesaria y obligatoria.

Lamento que no se hayan podido aprovechar las instancias de corrección —en Gutenberg y Starbucks— pero eso ya quedó atrás; ahora habrá que ponerle pilas a estos CDs interactivos, aplicando lo que vimos en clase a nivel técnico, lo que charlamos a nivel proyectual/diseñístico, y lo que ustedes pueden capitalizar de estos años de estudio transcurridos cursando la carrera.

Relean bien todos los ítems que les indiqué en el post anterior.

El viernes haremos la devolución y veremos quienes están complicados de notas (por éste u otros TPs) y tengan que ir a recuperatorio.

Salutes!

Repaso TP04

Un breve repaso sobre lo dicho acerca del TP04:

• lean bien la consigna.
• relean la consigna.
• algunos tips para el TP04.
• ¿problemas para programar navegación en Flash?
• ¿problemas con otras cuestiones de Flash? bajen y relean los apuntes.
  
• algunos consejos para la preentrega, que también se aplican a la entrega.
• todo tiempo pasado fue mejor.
  
• no se olviden de la consigna!

Recuerden que la entrega es el miércoles, deberán dejarle la entrega a Marina en la Coordinación de la Carrera.

Salutes!

Pack de Apuntes - Clase 13 - Viernes 19-06-2009

Les dejo la bitácora del día. Recuerden que hoy es preentrega!

• Bitácora 13

Aquí el link para descargar ZIP con los PDFs de clase 13.

Pre-entrega

Recuerden que mañana (viernes 19/06) es la preentrega del TP04. Es importante que presten mucha atención a la idea de diseño de interfaces —cuestión sobre la cual estuvieron meditando y analizando en los TPs de análisis—, y a ir plantando indicios de uso al usuario de manera que sus CD-ROMs interactivos sean navegables sin la necesidad de un manual de instrucciones.

El tercer año de la carrera es el momento oportuno para empezar a comprender y capitalizar todo lo aprendido en las diferentes materias y sus posibles interrelaciones; en este sentido, quizás sea útil desempolvar la función indicial que poseen algunos signos, según la teoría del amigo Peirce, a quien probablemente leyeron y estudiaron en la materia Teorías de la Comunicación. Quiero decir… qué es un indicio?

Nos vemos mañana en la preentrega!
Ah, cómo… no vas a preentregar?

ups.

Final de cursada - fechas

Gente, aquí les paso las fechas de final de cursada para que estemos todos atentos y manejando la misma información:

• viernes 19/06 - preentrega
• miércoles 24/06 - entrega (no hay clase)
• viernes 26/06 - devolución entregas (para que realicen correcciones para el final)

• viernes 10/07 - 19hs. - recuperatorio y reincorporación
  
• viernes 17/07 - 19hs. - final (entrega CD mejorado y con packaging, ya les subiré la consigna del final)

CUIDADO: ESTAS FECHAS HAN SIDO MODIFICADAS. Aquí las nuevas fechas.

Salutes!

Navegación en Flash

En clase vimos un posible método (bajar archivo) para generar navegación en Flash. A diferencia del HTML (en donde la idea de hípertexto –textos interconectados a través de links– es parte fundamental de la tecnología), la Plataforma Flash no posee una manera oficial y estándar de saltar de un contenido a otro… esto que normalmente damos en llamar "navegación".

Para generar el tipo de desarrollo que vimos en clase, hace falta tener en cuenta estos tres puntos:

// Crear las animaciones de aparición de cada sección:
Es importante comprender que no existe el concepto de "sección" con entidad técnica dentro del Flash. La plataforma en la que estamos trabajando desconoce esta idea.
Lo que haremos, entonces, es animar la aparición de cada sección, una a continuación de la otra tal como se ve en el archivo de ejemplo que pueden bajar (y que desarrollamos en clase).

// Evitar que el Flash muestre las secciones continuamente:
Este punto es muy sencillo, deberá estar programado un stop(); al final de cada aparición de sección. Recuerden que es recomendable tener una capa aparte para las acciones. Así es que en la capa que tienen para este fin, harán un keyframe al final de cada sección y escribirán la programación del

stop();

// Poner en funcionamiento la botonera de navegación:
Deberán programar en cada botón de la botonera, el código que haga que cuando el usuario suelte dicho botón, el Flash se dirija al fotograma inicial de la aparición de la sección en cuestión.
La programación deberá ubicarse en cada botón, y quedará algo así:
(recuerden que para programar el botón, deben seleccionarlo: 1 click sobre el botón)

on(release){
gotoAndPlay(5);
}

…si programan con los números de fotograma, o así si programan con los nombres de las etiquetas (labels):

on(release){
gotoAndPlay("bocetos");
}

Si ven que no les está saliendo en sus casas, bájense el archivo y fíjense cómo está hecho. Hay dos versiones, una con la programación de los botones hecha a partir de los números de fotogramas, y la otra a partir de los nombres de las etiquetas (labels).

Salutes!

Domingo de corrección en Starbucks!

Estaremos mañana (domingo) en el Starbucks de Elcano corrigiendo el TP04. Lo más probable es que estemos en la mesa grande del 1er. piso. ¡Vengan con material para corregir!

Tenemos invitado sorpresa!!!

dirección: Av. Elcano 3179 (Belgrano R, Capital)
fecha y hora: domingo 14/6, 15 hs. aproximadamente.

Nos vemos!

Pack de Apuntes - Clase 12 - Viernes 12-06-2009

Les dejo la bitácora del día.

• Bitácora 12

Aquí el link para descargar ZIP con los PDFs de clase 12.

Hoy hacemos colgada cibernética del trabajo práctico 04. Es absolutamente necesario que traigan material para corrección en clase. Vengan con las pantallas del CD-ROM interactivo en JPEGs o en AI pasados a curvas así los vemos y charlamos del asunto.

También corregiremos primeras intenciones de animación para ver cómo va la cosa.

===
Al margen: les adelanto que quizás les proponga hacer juntada extra-oficial de corrección para este domingo, después se los confirmo. Es para el que quiera/pueda.
¡Probablemente con invitado especial!
===

Salutes!

Tokyo Fashion Map

Miren este sitio (paciencia con el tiempo de carga), hecho por nuestro amigo Yugo Nakamura!

Presten atención a la claridad del concepto, y cómo esa claridad se transmite a la interfaz. Piensen, también, acerca del Proyecto como un todo: concepto, gráfica, sonido, animaciones, interacción con el usuario, etc. En fin, a utilizar una mirada crítica y analítica de diseñadores!

Tips para TP04

Aquí algunos consejos para el trabajo práctico 04:

• Debieran laburar el diseño —ya desde Illustrator— en un formato acorde a una resolución de monitor, por ejemplo 1024 x 768px. Sin embargo, deben recordar que el interactivo podrá ser visto en monitores con otras resoluciones y proporciones, entonces es conveniente diseñar con un tanto de "demasía" y que lo que se vea de más en monitores de otros tamaños quede diseñado. Si eligen generar un archivo de 1024 x 768px, entonces, pásense más allá de los límites de la pantalla: diseñen lo que queda por fuera.
  
  
• Al momento de generar la estética gráfica, vayan imaginando cómo se moverán los diferentes elementos, qué estilo de animación utilizarán. Pueden tomar algún sitio web de referencia, y mirar atentamente la relación entre la gráfica y el estilo de animación que utiliza.
  
  
• Diseñen las pantallas internas de la navegación (por ejemplo: referencias, bocetos, marca, piezas del sistema, etc.) y, dependiendo del proyecto de cada uno, piensen también en diseñar una pantalla de entrada (una especie de intro, o portada) y una de salida (para la animación de cierre de la cual estuvimos hablando la clase pasada). Cada proyecto es distinto, y en este sentido son ustedes los que deciden qué pantallas se incluyen y cómo fragmentar la información. Tengan en mente esta idea de proyecto: ustedes proyectan este trabajo de principio a fin.
  
  
• Piensen en el sonido. ¿Su proyecto tendrá sonido? ¿Tendrá sonido de fondo, sonido en los botones?
  
  
• ¡Hagan una pieza que les guste! Si el proyecto no gusta al mismísimo diseñador que lo parió, estamos fritos.
  

Salutes!

Pack de Apuntes - Clase 11 - Viernes 06-06-2009

Aquí va el pack de apuntes incluyendo la bitácora de hoy y el último trabajo práctico:

• Bitácora 11
• TP 04
  

Aquí el link para descargar ZIP con los PDFs de clase 11.
Salutes!

Gráfica not dead

Miren este trabajo de animación realizado por la gente de Prologue.

Es un buen ejemplo de proyecto de diseño de altísima calidad. Parece evidente que este grupo de diseñadores cuidó hasta el último detalle a la hora de producirlo y tuvo en cuenta nociones que van más allá del universo de la animación.

Es un laburo que posee una estética y un partido gráfico y sonoro muy claros, un manejo tipográfico súper ajustado y una paleta de colores que lleva a un extremo las posibilidades RGB que suponen generar una pieza visual que será vista en pantalla (en contraposición a una pieza impresa, por ejemplo).

La pieza mezcla inteligentemente diseño plano vectorial, material fotográfico, video, animación en 2D y 3D y sonido.

No sé si a ustedes les pasa lo mismo, pero a pesar del tipo de pieza y del medio en donde se inserta (televisión) pienso que es un laburo muy gráfico.
¿Qué opinan?

Para ausentes y distraídos

Les recuerdo que el viernes que viene (5 de junio) se entrega el trabajo práctico 03, cuya consigna pueden encontrar junto con los apuntes de la clase pasada.

Ya que estamos, les cuento que la clase que viene experimentaremos la clase nro. 11, sobre un total de 14, por lo que nos quedan sólo 4 encuentros para terminar la cursada.
¡Pilas que ya falta poco!

Salutes!

Pack de Apuntes - Clase 10 - Viernes 29-05-2009

Aquí va el pack de apuntes incluyendo:

• Bitácora 10
• TP 03 (lean atentamente la consigna)
  

Aquí el link para descargar ZIP con los PDFs de clase 10.
Salutes!

…A último momento

De pronto el viernes pasado (22/05) ocurrió una estampida de visitas hacia el blog de la cátedra.
¿Auténtico interés en la materia o alumnos distraídos haciendo el trabajo práctico 02 a último momento?

Recordatorio: acuérdense de traer auriculares para la clase que viene y de ponerse al día con las lecturas de las bitácoras y apuntes de flash. Este blog y las bitácoras y apuntes en PDF son una herramienta imprescindible para estar al día con la materia, aún si faltaron a clases.

Pack de Apuntes - Clase 09 - Viernes 22-05-2009

Importante: recordá que hoy es la entrega del TP02.

Aquí va el pack de apuntes incluyendo:

• Bitácora 09

Aquí el link para descargar ZIP con los PDFs de clase 09.
Salutes!

Trabajo Práctico 02 - es mañana!

Señoras y señores, recuerden que mañana (viernes 22 de mayo) se entrega el TP02, cuya consigna pueden bajar y releer aquí. La entrega, como toda instancia de evaluación, es obligatoria y de suma importancia para su cursada.

Les recuerdo que este es uno de los dos trabajos prácticos prácticos —valga la redundancia— que tendremos durante el cuatrimestre, por lo que es necesario que le dediquen el tiempo apropiado. El hecho de tratarse de una pieza pequeña (en cuanto a dimensiones) no le quita complejidad o importancia al asunto.

¡Lean los apuntes! (con un poco de suerte, repasar su lectura les será de ayuda)

Será hasta mañana.

Para seguir mirando y analizando

Aquí les dejo un sitio web para mirar y analizar:



Se trata de esta interfaz:
http://www.seedmagazine.com/ui09/

para acceder a los contenidos de esta web:
http://www.seedmagazine.com/

pero de forma más visual, novedosa y experimental, si se quiere.


La interfaz:

El desarrollo de la interfaz del sitio no es perfecta, de hecho tiene varias fallas que saltan a la luz al clickear y mover rápidamente, pero nos sirve para analizar un par de cuestiones importantes para nuestra cursada.

Noten, desde un principio, cómo el campo está dividido en tres áreas que se controlan de forma diferente y que interactúan y se modifican entre sí:

• El sector de arriba contiene las tags y permite ir viendo cuáles de las noticias se corresponden con cada una.
• El sector central contiene las mentadas noticias.
• El sector de abajo permite suscribirse a la revista y controlar el nivel de zoom (es decir, de acercamiento) con el que veo el segmento central.

Esta división del campo ha sido una buena decisión del diseñador en pos de organizar el contenido y clarificar el manejo de la interfaz.


Interacción por medio de roll-over:

Gran parte de la interacción con el sitio pasa por el evento de usuario denominado roll-over en ActionScript.

La parte superior de la pantalla, que contiene las tags, reacciona ante la presencia del cursor mostrando las tags gradualmente a medida que nos acercamos al borde más alto de la pantalla, esto sucede de manera gradual y matemática de acuerdo a la posición del cursor. Por debajo de la palabra que identifica cada tag, aparece un rectángulo de color cuyo largo responde tanto a la cercanía del cursor, como al largo de dicha palabra. Esto nos ayuda a ver no sólo la etiqueta a la cual estamos apuntando, sino a las más cercanas; a medida que las etiquetas quedan más lejos del cursor, el rectángulo de fondo pierda altura y se va desvaneciendo (lo mismo que la tipografía).

En el segmento central de la pantalla, a medida que hacemos roll-over sobre una noticia u otra se van prendiendo las tags que la caracterizan, de forma tal que sepamos rápidamente a qué grupos temáticos/taxonómicos pertenece cada una sin tener que acercarnos explícitamente.


Interacción por medio de drag (arrastre):

El sector central de la pantalla puede draggearse (arrastrarse presionando el mouse), así como también el slider de zoom en la parte inferior derecha para acercarnos o alejarnos.

En el caso de los contenidos, vemos cómo se puede jugar con la inercia si se los suelta cuando están todavía en movimiento.


El color en la codificación:

A cada tag se le corresponde un color, y están organizados como el espectro visible de la luz, de rojo a azul, pasando por los tonos intermedios (a grandes rasgos: amarillo, verde y cyan).

(Nota fuera de tema: es curioso cómo el color magenta no se encuentra de forma natural en el espectro de luz visible, ya que las longitudes de onda del rojo y del azul no son contiguas, por lo tanto no tiene una longitud de onda propia sino que depende de la superposición de rojo y azul.)


El sonido en la codificación:

La función del sonido en la codificación cobra protagonismo, cuando comprendemos que a cada longitud de onda de la luz (de color) se le corresponde una frecuencia de sonido (más agudo, o más grave). Definitivamente una relación inteligente teniendo en cuenta que tanto en el caso de la luz (color) como en el del sonido, nos encontramos hablando de ondas.

No sólo se escuchan las diferentes frecuencias cuando se pasa el cursor por las tags (en este caso en orden), sino que también se escuchan cuando nos posamos sobre alguna de las noticias, y las tags correspondientes se encienden (en este caso, no las escuchamos en orden, lo que genera una rica morfología sonora futurista al estilo Star Trek).


Animaciones funcionales:

Tanto el zoom in como el out están animados de forma tal que el usuario se ubique fácilmente y entienda que está ante los mismos contenidos, y que no se trata de un cambio de pantalla.


¿Podrán hacer otros aportes? ¡Dejen comentarios si tienen ideas!

Saludos!

Pack de Apuntes - Clase 08 - Viernes 15-05-2009

Importante: recordá que hoy es la pre-entrega obligatoria del TP02.

Aquí va el pack de apuntes incluyendo:

• Bitácora 08

Aquí el link para descargar ZIP con los PDFs de clase 08.
Salutes!

Complejidad visual

A lo largo de la historia, la aparición de nuevas tecnologías fue modificando la manera de generar imágenes y la estética que de ellas emana. Un momento clave de este proceso fue la invención de la fotografía, a partir de allí se inició un proceso de evolución y transformación de las así llamadas imágenes técnicas, que devino en la invención de:

• fotografía
• técnicas fotográficas aplicadas a los procesos de reproducción (impresión)
  
• cine
• televisión
• video
• imagen informática

En este sentido, la imagen informática posibilitó la creación de un nuevo imaginario en relación al universo de las imágenes creadas por el hombre. De ella se desprendió el imaginario infográfico y de allí la idea de visualización de información a través de la imagen informática.

Aquí les dejo un link interesantísimo para mirar/pensar la cuestión comunicacional y estética que plantea el desafío de mostrar un gran caudal de información a través de imágenes informáticas:

www.visualcomplexity.com

Es sumamente útil relevar este tipo de soluciones gráficas(?) que organizan información compleja, para poder abordar con mayor comodidad el diseño de una interfaz con menor cantidad de información y complejidad.

Corrección en Starbucks

Para quienes deseen una corrección extra sobre cuestiones técnicas de Flash, tanto del banner como de trabajos ajenos a la materia (e.g. multimedial)…

Yo estaré mañana (domingo) con compu, tomando algo en el Starbucks de Elcano a partir de las 14 hs. Traigan archivos, para corregir sobre algo concreto, y las consignas de los trabajos que quieran corregir. Si no estoy en la PB estoy en el primer piso.

dirección: Av. Elcano 3179 (Belgrano R, Capital)
día y fecha: domingo 10/5, 14 hs.

(comenten! así tengo una idea de si viene gente o no; yo voy de todas formas)

Salutes!

Banners de referencia

Aquí hay subidos algunos banners de años anteriores para que tengan una idea.

Nos vemos al rato!

Pack de Apuntes - Clase 07 - Viernes 08-05-2009

Aquí va el pack de apuntes incluyendo:

• Bitácora 07
• TP 02
  

Aquí el link para descargar ZIP con los PDFs de clase 07.
Salutes!

Libro sobre la historia del DG

Aquí les dejo los datos del libro que les mostré el otro día en la clase: La travesía de la forma. Emergencia y consolidación del diseño gráfico (1948-1984), de la Dra. Verónica Devalle, editorial Paidós, colección Estudios de Comunicación (el libro está en la biblioteca de Gutenberg).

Sobre la autora:
Licenciada en Sociología, doctora en Artes por la Universidad de Buenos Aires y magíster en Sociología de la Cultura y Análisis Cultural por la Universidad de San Martín. Se desempeña como profesora adjunta de Comunicación I y profesora titular de Diseño y Estudios Culturales, ambas de la carrera de Diseño Gráfico de la Facultad de Arquitectura, Diseño y Urbanismo (FADU/UBA). En la misma institución es coordinadora y profesora de la Maestría en Diseño Comunicacional (DICOM). Es investigadora del Conicet y directora de proyectos UBACyT, en el marco de la FADU. Sus temas articulan la reflexión sobre el arte, el diseño y la cultura visual contemporánea.

Ojo de diseñador - Julio Cortázar

Julio Cortázar nos sorprende caminando por las calles de París con ojos de diseñador.

Pack de Apuntes - Clase 06 - Viernes 24-04-2009

Aquí va el pack de apuntes, incluyendo:

• Bitácora 06
• Flash 09

Recuerden la ficha de datos, o tendrán ausente!

Por otro lado, los alumnos de pre-hora se han tomado la tentadora y pecaminosa costumbre de llegar tarde a clases, esto la hace notablemente más corta. Les pedimos por favor que traten de llegar a horario.

Aquí el link para descargar ZIP con los PDFs de clase 06.
Salutes!

Libros como máquinas multimedia

La naturalización que se dio tras siglos de uso del objeto libro, dificultó en gran medida el análisis y la percepción de los mismos como máquinas, como aparatos de la comunicación.

Les dejo un artículo interesantísimo, escrito por el Prof. Arq. Enrique Longinotti, en donde se contempla la posibilidad de considerar ciertos libros, a partir del Siglo XVI, como las primeras máquinas que inauguraban una práctica multimedial relacionada con el conocimiento.



El artículo: Tecnologías del texto y de la imagen. Libros antiguos, máquinas virtuales.
Fue publicado originalmente en Jorge La Ferla (comp.), Artes y medios audiovisuales: Un estado de situación II. Las practicas mediáticas pre digitales y post analógicas, Buenos Aires, Aurelia Rivera, Nueva Librería, 2008.

Sobre el autor: Prof. Arq. Enrique Longinotti.

Salutes!

Nuevo look

Cansado de los malditos puntitos de fondo, decidí cambiar el diseño del blog por uno que se acomode al sistemita gráfico de los apuntes.

En medio del cambio que estoy realizando, puede que vean algunas desprolijidades aquí y allá. Pido disculpas.

Se aceptan sugerencias e insultos.

Les recuerdo que pueden entregar (quienes todavía no entregaron) o re-entregar (quienes lo consideren necesario) el TP01, hasta el lunes por la noche.

TP01 - ausentes y arrepentidos

El viernes 17 de abril era la fecha de entrega del trabajo práctico 01. Para todos aquellos que estuvieron ausentes en la clase y —evitando asimetrías— para todos aquellos que entregaron a las corridas y que no pudieron aprovechar esta oportunidad para enriquecerse a través del análisis de un sitio web…

…para todos ellos, proponemos otra oportunidad de entrega, por mail, hasta el lunes 20 a última hora.

Si te sentiste identificado, enviá tu trabajo por mail a: info arroba lucasmourelle.com.ar hasta el lunes a la noche.

Pack de Apuntes - Clase 05 - Viernes 17-04-2009

IMPORTANTE:
Te recordamos que hoy (viernes 17 de abril) se entrega el trabajo práctico 01.
Te imploramos, también, que si todavía no has entregado tu ficha de datos la traigas completa y con foto a la clase.

Aquí va el pack de apuntes, incluyendo:

• Bitácora 05
• Flash 08

Aquí el link para descargar ZIP con los PDFs de clase 05.
Salutes!

Trabajo Práctico 01 - no te olvides!

Recuerden que la próxima clase (viernes 17) se entrega el TP01. La consigna está en el último pack de apuntes: pack de apuntes clase 04

Repetimos: el trabajo es una buena oportunidad para enriquecerte como diseñador, y aprender un poco más en el campo del diseño de interfaces interactivas. En este sentido te recomendamos que no lo tomes simplemente como una tarea más a entregar, sino como un trabajo personal de análisis, pensado, sobre una pieza de diseño realizada por un tercero.

Otra fuente interesante de sitios hechos en flash es The FWA (Favourite Website Awards).



Salutes!

Ficha y foto

Acuérdense de traer la ficha completa con su foto.


Salutes!

Pack de Apuntes - Clase 04 - Viernes 03-04-2009

Aquí va el pack de apuntes incluyendo:

• Bitácora 04
• Flash 05
• Flash 06
• Flash 07
• TP 01
  

Aquí el link para descargar ZIP con los PDFs de clase 04.
Salutes!

Prehora confirmada

La prehora ha sido confirmada, por lo tanto quienes dijeron SÍ a la prehora, deberán venir más temprano a partir de esta semana (viernes 3 de marzo).

La prehora será los mismos viernes, de 17.30 a 18.50 hs.

Nos vemos un poco más cómodos el viernes!

Para que naveguemos todos!

Aquí copio la lista casi completa de links a sus sitios favoritos, sin ningún orden en particular y sin incluir sus sitios personales para evitar alguna posible molestia. Agregué algunos de mis favoritos, pa' no ser menos.

Hay sitios muy interesantes. Sitios que utilizan la tecnología Flash, sitios que no la utilizan, sitios con fotografías excelentes, sitios con buenos videos, motiongraphics, portales con buena inspiración para diseñadores, y varios etcéteras…

• http://www.graphic-exchange.com/
• http://www.deviantart.com/
• http://tokyoplastic.com/
• http://netdiver.net/
• http://netdiver.net/flashware/
• http://abduzeedo.com/
• http://nupadesign.com.ar/
• http://www.loworks.co.jp/
• http://www.mundofase.com/
• http://infinit.la/
• http://www.juliafullerton-batten.com/
• http://www.johnlcook.com.ar/
• http://www.dosve.com.ar/
• http://www.adlatinaladob.com/
• http://logodesign.co.uk/
• http://www.studioaka.co.uk/
• http://elburlador.blogspot.com/
• http://mikimottes.com/
• http://www.kidgaucho.com/
• http://www.neo2.es/blog/
• http://www.absolut.com/
• http://unlimited.orange.co.uk/
• http://farmrio.com.br/
• http://ffffound.com/
• http://designyoutrust.com/
• http://www.itsnicethat.com/
• http://reformrevolution.com/
• http://www.behance.net/
• http://www.eatpes.com/
  
• http://motionographer.com/
• http://weheartit.com/

A navegar!

Salutes.

Pack de Apuntes - Clase 03 - Viernes 27-03-2009

Aquí va el pack de apuntes incluyendo:

• Bitácora 03
• Flash 04

Aquí el link para descargar ZIP con los PDFs de clase 03.
Salutes!

Jueves… recordatorio

Mañana (viernes 27), subo los apuntes. Acuérdense de bajarlos antes de ir a la clase, o de comprarlos en la fotocopiadora de Gutenberg.

Salutes!

Navegá!

Recuerden que hoy (viernes 20) no tendremos clase. De cualquier forma, sería interesante que aprovecharan estos días de la semana para mirar un poco el programa Flash Professional CS3, y para navegar!

Les dejo tres links para que miren y analicen algunos puntos:

http://www.spin.co.uk/
Estudio Inglés. Desarrollaron la identidad institucional de Fundación Proa (museo que está aquí en Buenos Aires, en el barrio de La Boca).

http://www.nanozoom.net/
Diseñador y desarrollador flash freelance argentino, que vive y trabaja en Francia.

http://www.intentionallies.co.jp/
Estudio radicado en Tokyo, Japón. El sitio está desarrollado por Yugo Nakamura http://www.yugop.com/ (un infaltable en el ambiente de diseño de interacción).

Todos estos sitios utilizan la tecnología flash ocupando toda la página web. Lo que están viendo (en estos tres casos) es una página web —es decir, un archivo HTML— que muestra un archivo de flash (SWF) que se redimensiona según el tamaño de la ventana del navegador.

Sería interesante que naveguen estos sitios y piensen desde el punto de vista del diseño las siguientes cuestiones:

• La función que cumple el blanco (no me refiero al color, sino a la ocupación del espacio).
• Cómo se organiza la infomación, y cómo esta organización determina la estructura de la interfaz.
• El aprovechaminto de imperativos tecnológicos propios del medio (por ejemplo, el retraso en la carga de información a través de internet: cómo se muestra este proceso de carga y cómo se aprovechan estas situaciones para generar momentos gráficamente interesantes).
• La utilización de otros métodos de interacción que no impliquen únicamente hacer click sobre botones.
• La función que cumple el azar. El por qué de la inclusión del azar en ciertas situaciones de diseño de interacción.
• Funciones que cumplen las animaciones, además de la función meramente estética.

Por si tienen ganas, aquí más links a sitios copados hechos con tegnología Flash.

Si quieren pueden dejar comentarios con links a otros sitios interesantes, etc.

Salutes!

No hay Compu 3 este viernes

Como saben, el viernes pasado (13 de marzo) tuvimos dos clases seguidas.

Este viernes 20 de marzo no tendremos clase de Computación Gráfica 3, en cambio tendrán dos clases seguidas de la otra materia (para recuperar).

Nos veremos nuevamente el viernes 27 de marzo. Recuerden traer la ficha completa con sus datos y fotografía para entonces. También deberán pasar por fotocopiadora o por este blog para bajarse el material, que estará subido unos días antes de dicha clase.

Salutes.

Pack de Apuntes - Clase 01 y 02 - Viernes 13-03-2009

Hoy habrá clase doble (de 19 a 22 hs.)
Aquí va el pack de apuntes incluyendo:

• Ficha de Datos
• Bitácora 01
• Flash 01
• Flash 02
• Flash 03

Aquí el link para descargar ZIP con los PDFs.
Salutes!

Exámenes Finales 2009 - febrero/marzo

Las fechas para los exámenes de Computación Gráfica 3, de febrero/marzo son las siguientes:

• viernes 27 de febrero, 2009
• viernes 6 de marzo, 2009

Como probablemente sepan, el programa de la materia fue cambiando a lo largo de los años, al igual que la consigna para la entrega del TP final. A grandes rasgos hay dos TPs absolutamente distintos que copio y pego a continuación. Deberán realizar uno solo: el que les corresponda según la cursada.

Les pido por favor a quienes tengan dudas que me envíen un mail a mi casilla personal >> info (arroba) lucasmourelle.com.ar


=============

>> Cursada Dreamweaver (HTML, CSS) + Flash:

• Descargar consigna en PDF.

La entrega final consiste en realizar el equivalente para web del ejercicio que se les pide para la parte gráfica de Computación III (cursada con Silvina).

Deberán estructurar el mismo contenido que están desarrollando para las páginas impresas, de forma tal que este desarrollado para web.

Deben tener en cuenta que:

• el diseño deberá ser distinto (dado que el manejo de los usuarios en un entorno web es distinto al de un entorno editorial).
• las especificaciones técnicas deberán ser distintas (por ejemplo, la preparación de archivos de imagen para impresión es distinta a la preparación de archivos de imagen para web).
• la fragmentación de la información (probablemente, una doble página editorial contenga muchísimo texto de lectura, mientras que esa misma cantidad de texto deberá ser fragmentada en diferentes páginas HTML navegables entre sí, para un sitio web; debemos tener en cuenta que la lectura en pantalla suele ser más incómoda que la lectura en papel).
• el uso correcto de las tecnologías que vimos a lo largo del curso XHTML, CSS, Flash cuando sean necesarias (el uso de Flash no es obligatorio).

Recuerden chequear el CD en otras computadoras y navegadores antes de llevarlo al Final.

=============

>> Cursada Flash únicamente:

• Descargar consigna en PDF.

El ejercicio consiste en diseñar y desarrollar el portfolio digital interactivo propio en CD-ROM. Se diseñará una interfaz de usuario, atractiva, intuitiva y clara para acceder a trabajos e información. Cada alumno generará su portfolio personal.

El CD-ROM es el soporte ideal para producir piezas interactivas que puedan ser fácilmente transportables a cualquier computadora.

Un Portfolio suele organizar, listar y documentar ejemplos de trabajos realizados (con fines comerciales y experimentales), información acerca de estudios cursados, habilidades técnicas e información de contacto.

El portfolio se generará desde la plataforma Flash, como ejecutables (de Mac y Windows) y tendrá las siguientes características:

• Deberá tener una breve introducción animada, a manera de presentación.
• La interfaz de navegación contará al menos con cuatro secciones principales (por ejemplo: 1.gráfica, 2.web, 3.datos personales, 4.contacto).
• Deberá tener una breve animación de cierre o "despedida".
• La interfaz será intuitiva, interesante y de fácil navegación.
• Los trabajos incluídos en el portfolio serán producciones propias, se tendrá en cuenta el carácter verisímil de la pieza final. No podrán repetirse trabajos o incluir trabajos ajenos para rellenar el portfolio. Pueden utilizarse trabajos que se hayan realizado durante la carrera, en el trabajo, de forma personal, etc.
• Los textos no serán simulados. Se encarará el TP como generación del portfolio personal real de cada alumno.
• Se diseñará y producirá un packaging apropiado cuyo diseño esté en sistema con el diseño interactivo que habrá planteado el alumno para la navegación de su portfolio.
  

Aspectos técnicos:

• dimensiones área útil 1024x768 px.
• el cd-rom se ejecutará en pantalla completa.
• ejecutables Mac y Windows.
• peso máximo: capacidad de un CD (no DVD).
  

En el CD de la entrega, se incluirán tanto los archivos SWF como también los FLA.