14
FACULTAD DE COMUNICACIONES Y PERIODISMO TALLER DE PERIODISMO DIGITAL MATERIALES DE TRABAJO DISEÑO DE PORTAFOLIOS MULTIMEDIA (ADOBE FLASH CS4 PROFESSIONAL) SEMESTRE 2011 - 02 ALBERTO MEJÍA MANRIQUE 15 de setiembre de 2011

Taller de Periodismo Digital - Ejemplos de Portafolios - Parte 2 (Manual 09 Adobe Flash - PE53)

Embed Size (px)

DESCRIPTION

En este manual se muestran los screenshots de una serie de portafolios multimedia (parte 2) asi como los aportes de un invitado que nos visito en clase en setiembre del 2009. Este documento es uno de los manuales que forman parte de la asignatura de Taller de Periodismo Digital que se imparte en la Carrera de Comunicaciones y Periodismo de la Universidad Peruana de Ciencias Aplicadas (UPC) en Lima, Perú.

Citation preview

Page 1: Taller de Periodismo Digital - Ejemplos de Portafolios - Parte 2 (Manual 09 Adobe Flash - PE53)

FACULTAD DE COMUNICACIONES Y PERIODISMO

TALLER DE PERIODISMO DIGITAL

MATERIALES DE TRABAJO

DISEÑO DE PORTAFOLIOS MULTIMEDIA (ADOBE FLASH CS4 PROFESSIONAL)

SEMESTRE 2011 - 02

ALBERTO MEJÍA MANRIQUE

15 de setiembre de 2011

Page 2: Taller de Periodismo Digital - Ejemplos de Portafolios - Parte 2 (Manual 09 Adobe Flash - PE53)

Copyright Alberto Mejía, UPC, 2011 [email protected]

2

Page 3: Taller de Periodismo Digital - Ejemplos de Portafolios - Parte 2 (Manual 09 Adobe Flash - PE53)

Copyright Alberto Mejía, UPC, 2011 [email protected]

3

Taller de Periodismo Digital (PE 53) Recopilación de Portafolios (parte 02) Invitado de Clase (setiembre 2009)

Semana 05

Alberto Mejía Manrique ([email protected])

Portafolios: En setiembre del 2009 tuvimos un invitado de clase en Taller de Periodismo Digital convocado por Daniel, en su momento el nos mostro varios portafolios que en su opinión tenían un valor diferencial. Al final de la sesión quedaron varios términos importantes cuyo significado vale la pena recordar o investigar, se adjunta los screeshots de los portafolios así como las preguntas pendientes. http://www.jkrowling.com/en/thankyou.cfm

Page 4: Taller de Periodismo Digital - Ejemplos de Portafolios - Parte 2 (Manual 09 Adobe Flash - PE53)

Copyright Alberto Mejía, UPC, 2011 [email protected]

4

Page 5: Taller de Periodismo Digital - Ejemplos de Portafolios - Parte 2 (Manual 09 Adobe Flash - PE53)

Copyright Alberto Mejía, UPC, 2011 [email protected]

5http://www.patriciaaratafotografia.com/

http://www.justinmillerbmx.com/

Page 6: Taller de Periodismo Digital - Ejemplos de Portafolios - Parte 2 (Manual 09 Adobe Flash - PE53)

Copyright Alberto Mejía, UPC, 2011 [email protected]

6 http://www.iamalwayshungry.com/

http://www.dontclick.it/

Page 7: Taller de Periodismo Digital - Ejemplos de Portafolios - Parte 2 (Manual 09 Adobe Flash - PE53)

Copyright Alberto Mejía, UPC, 2011 [email protected]

7http://www.pierinaless.com/

http://www.erikalmas.com/

Page 8: Taller de Periodismo Digital - Ejemplos de Portafolios - Parte 2 (Manual 09 Adobe Flash - PE53)

Copyright Alberto Mejía, UPC, 2011 [email protected]

8http://www.michaelkenna.net/

Page 9: Taller de Periodismo Digital - Ejemplos de Portafolios - Parte 2 (Manual 09 Adobe Flash - PE53)

Copyright Alberto Mejía, UPC, 2011 [email protected]

9http://www.lonelywolf.pl/

http://www.philborges.com/

Page 10: Taller de Periodismo Digital - Ejemplos de Portafolios - Parte 2 (Manual 09 Adobe Flash - PE53)

Copyright Alberto Mejía, UPC, 2011 [email protected]

10http://www.robertobadin.com/

http://mrtoledano.com/

Page 11: Taller de Periodismo Digital - Ejemplos de Portafolios - Parte 2 (Manual 09 Adobe Flash - PE53)

Copyright Alberto Mejía, UPC, 2011 [email protected]

11http://www.scattered-sea.com/deux/start.html

Page 12: Taller de Periodismo Digital - Ejemplos de Portafolios - Parte 2 (Manual 09 Adobe Flash - PE53)

Copyright Alberto Mejía, UPC, 2011 [email protected]

12http://flashden.net/

http://www.thefwa.com/

Page 13: Taller de Periodismo Digital - Ejemplos de Portafolios - Parte 2 (Manual 09 Adobe Flash - PE53)

Copyright Alberto Mejía, UPC, 2011 [email protected]

13http://www.evg3.com/

CyberGus es el dueño del portafolio publicado en http://www.evg3.com/. Además de ser fotógrafo, tiene un blog http://www.moccablog.com/ Mocablog: Diseño, fotografia, tecnología y creatividad en el cual comparte planteamientos y brinda sugerencias sobre dichos temas. En un post publicado el 04 de abril del 2009 (http://www.moccablog.com/article/628/portafolio-en-linea) hace una crítica interesante sobre los portafolios publicados por diseñadores, fotógrafos y demás artistas visuales. En dicho post menciona 5 sitios que funcionan como espacios dentro de los cuales se puede construir portafolios a partir de plantillas predeterminadas (del mismo modo que los blogs son creados a partir de plantillas de blogger o wordpress) residiendo en el servidor correspondiente. En esta situación los interesados en crear su portafolio renuncian a interfaces “creadas sólo para ellos con detalles únicos” a cambio de poder tener un espacio sencillo y eficiente para publicar sus trabajos. Estos sitios por tanto contienen una serie de portafolios construidos con esta premisa: http://www.krop.com/ http://www.behance.net/ http://www.aminus3.com/ http://www.shadowness.com/ http://www.deviantart.com/ http://www.humblevoice.com/ http://www.carbonmade.com/ Adicionalmente el sitio http://www.alistapart.com es un buen referente para el uso de la tipografía de acuerdo a los aportes compartidos por los invitados de clase.

Page 14: Taller de Periodismo Digital - Ejemplos de Portafolios - Parte 2 (Manual 09 Adobe Flash - PE53)

Copyright Alberto Mejía, UPC, 2011 [email protected]

14Finalmente tal como lo menciono Daniel en la clase del miércoles 09 de septiembre de 2009, las fotos que podamos encontrar en estos espacios (fotoblogs o fotostocks) podremos reutilizarlas para el desarrollo de sus propios portafolios: http://www.morguefile.com/ (free photos) http://www.flickr.com/ http://www.dreamstime.com/ http://www.freedigitalphotos.net/ http://www.freefoto.com/index.jsp http://www.freephotosbank.com/ Temas pendientes a revisar, que fueron mencionados por los invitados de clase: • ¿Cuál es el layout de trabajo, es decir el tamaño del stage para el portafolio? ¿Siempre es 900

por 600 pixels? ¿De que depende? ¿Puede cambiar? • ¿Qué diferencia existe entre las imágenes vectoriales y las imágenes que son mapas de bits?

¿Flash trabaja con una de ellas o con los dos tipos? ¿Cuál es mejor utilizar en un proyecto web? • Jose Kusunoki mencionó el libro “No me hagas pensar” como el libro que puso de moda

colocarle a los botones sombras (con la idea de que parezcan con relieve y que genere la sensación de la pulsación en el usuario) ¿Quién escribió ese libro? ¿Qué otras cosas menciona el libro? ¿Qué es usabilidad?

• ¿Qué es una animación de precarga o loading? ¿Se debe usar siempre? ¿Los usuarios cuanto pueden esperar sin impacientarse?

• Uno de los invitados de clase menciono que el portafolio debe cargar sólo lo necesario, de lo contrario la película sería muy pesada y la carga demoraría demasiado. ¿Cómo se puede solucionar este problema? ¿Cómo se puede determinar cuales son los archivos “necesarios” que deben ser cargados?

• ¿A que se le llama interfase? ¿A que se le llama sidebar o barra de navegación? • ¿Cuál es la diferencia entre categorías y contenido? • Recomendaciones sobre la tipografía. (Serif o Sans Serif, puntaje e interlineado) ¿Existen

estándares para el diseño? • Creative Commons ¿Vence el temor a ser pirateado? • ¿Cuál es tu marca? ¿Cuál es tu logotipo? • ¿Cómo se sube un audio? • ¿En que momento definir el color de la interface? • ¿Cuáles serian los 5 consejos que debemos tener en cuenta para desarrollar los primeros

portafolios? • ¿Esta de moda el desarrollo de juegos? ¿Con que programas se pueden construir ambientes

tridimensionales? • ¿Quién es Jhon Maeda?