Blog del Master en Diseño de Proyectos Web 2009. Elisava, Escola Superior de Disseny
Proyectos web 2009 » Entradas en la categoria 'Diseño Web'

Wireframes: Administración Plan Barbacoa Comments Off

Wireframe: helloplan/home (Primera vista) Comments Off


Sobre el proceso Comments Off

Hola a todos!!! Que tal?

Por aquí he hecho una pequeña vista del proceso que seguiremos al realizar nuestro proyecto.Espero que nos sirva como guía. 

Estos serán nuestros pasos a seguir!

Estos serán nuestros pasos a seguir!

De paso les comento que la herramienta con la que lo hice es muy buena, sobretodo para la parte de Wireframes. Se llama Lovely Charts, chequeenlo, puede ser muy útil.

Mucho ánimo y la mejor energía para este proyecto sea de lo mejor.

Web Design: Extensiones para Firefox Comments Off

Hola a todos!
He encontrado este post de Speckyboy Magazine.
Habla de las diferentes extensiones que podemos instalar en Firefox y que pueden ayudarnos en la parte del diseño, como la que enseñó Nacho hoy en clase.
Creo que puede ser útil que las conozcamos y que usemos algunas.
:P Saludes

Mediaculum: plantilla negra Comments Off

visualizar version actualizada

P R O C E S S I N G: “Qué hora pEZ?” & “RoadTime” Comments Off

Hola chicos!
Finalmente me he emocionado con algo de programación jeje…
Acá les dejo el primer reloj que he hecho en Processing: “Que hora pEZ?”.
Y el segundo: “RoadTime”.
Espero que les gusten!
Besitos

Plantilla corregida Comments Off

Hola a todos!!
Aca les envío la propuesta de plantilla de Mediaculum corregida.
Puedes ver un menú secundario en la esquina superior derecha, para descargar el CV y enviar mail al usuario.
Espero que les guste. :)
PD: ViSçA BaRçA! :P

javascript Comments Off

[...] crear un documento HTML es crear algo de carácter estático, inmutable con el paso del tiempo. La página se carga, y ahí termina la historia. Tenemos ante nosotros la información que buscábamos, pero no podemos INTERACTUAR con ella. Así pues, como solución a este problema, nace JavaScript. ¿Y qué es JavaScript? Se trata de un lenguaje [...]

todo se transforma Comments Off

Antes de empezar con las semanas intensivas de programación del proyecto, quería hacer un post con imágenes de la transformación de la versión digital del diario El Mundo, comparando la antigua edición y la nueva, incluyendo algunas renovaciones que han hecho a posteriori. El cambio lo hicieron a comienzos de año y antes de que lo cambiaran hice corriendo un par de pantallazos… nunca se sae qué puede venir después.

Sobretodo, ha habido una enorme limpieza en todos los aspectos. Los textos se han acortado y han ganado más importancia las imágenes, no hay esa sensación terrible de saturación y pérdida. Sin embargo, alguna apuestan que lanzaron al comienzo las han modificado, como son el footer o los servicios, que en un mes ocupan el doble ¿sería porque no llegaban a tiempo de cerrar el nuevo diseño, porque no funcionó la idea original o porque ea última solución es mejor?

Espero que os entretenga al menos viendo tanto la transformación del diseño como de la arquitectura de la información.

Demo mediaculum v.2 Comments Off

Aqui está el boceto de la demo.

mediaculum_demo Comments Off

Storyboar de la animacion de la demo [primera version]

AQUI

Share/Save

Diseño Registro de Mediaculum.com y otras páginas más Comments Off

Mi propuesta no pretende ser el diseño definitivo de Mediaculum.com solo queria practicar más Ilustrator y todavia no esta el copy definitivo los hice con los del wireframes, y faltan muchos detalles por  mejorar son 4 paginas con el registro y otras 4 pàginas màs,  visualiza el ejercicio en:

http://www.proyectosweb2009.com/maria/mediaculumcom.pdf

Error 404 Comments Off

A propósito de las búsquedas fallidas…

image mundofox.com

image mundofox.com

El error 404 se produce cuando el servidor no encuentra la página que le solicitamos, esto puede deberse a un enlace roto, alguno de los documentos está mal enlazado (ya sea con otro dentro del mismo sitio, o en un buscador, o algún otro sitio), o simplemente la página ha caducado…

Aquí podemos encontrar algunos ejemplos divertidos que intentan especificar un resultado concreto y no un mensaje estándar, Situación que ayuda al usuario a encontrar la información que buscaba explicando qué ha ocurrido.

http://www.smashingmagazine.com/2009/01/29/404-error-pages-one-more-time/

mediaculum usuario Comments Off

parte publica de mediaculummmmm:

http://www.proyectosweb2009.com/yolanda/mediaculum/

Logos por defecto para la propuesta definitiva de “usuario”. Comments Off

Mi pequeña aportación al diseño de Mediaculum… aunque nunca exista nada definitivo en la web.

Propuesta de diseño para “usuario”. Comments Off

Propuesta basada en la visualización de contenidos de tres formas distintas, a saber: categorías, proyectos y tags, definidos por colores. “Proyectos destacados” y “sobre mi” están deslabazados e incompletos pero bueno…

usuario mediaculum Comments Off

usuario mediaculum:
pincha aquí para ver una parte del grupo

http://www.proyectosweb2009.com/yolanda/usuario/usuariomediaculum.pdf


Arturo, Patricia, Yolanda

Designing mediaculum/usuario Comments Off

This is our propuesta.

If you want to see it…

pincha HERE!

 

 

Powered by Alba Souto, Lluís Tallada & Gina Solaro

Diseño gráfico - mediaculum/admin Comments Off

Para ver la propuesta del grupo 3 PINCHA AQUI!

Bocetos_Mediaculum_Usuario Comments Off

Aqui esta los bocetos de Mediaculum_Usuario

Haz Click Aquí

Pagina usuario Comments Off

visualiza el ejercicio

Trabajo de:Chiara Lera, Toni Camì, Audrey Lingstuyl

Propuesta bocetos mediaculum Comments Off

Pincha aqui para verlos

Realizado por: Iban Beldarrain, Joan Ardiaca e Israel Pérez.

Diseño / Últimas tendencias… Comments Off

Para los que todavía no sabemos que ponernos, Smashin Magazine ha propuesto lo que serían los estilos y técnicas de diseño Web más prometedoras para el 2009…

http://www.smashingmagazine.com/2009/01/14/web-design-trends-for-2009/

http://www.smashingmagazine.com/2009/01/21/current-web-design-trends-for-2009/

Pagina de microzoo Comments Off

Link de la pagina de microzoo
http://www.proyectosweb2009.com/eduardo/zoo/

Participantes:

Giogia Fueter, Patricia Posada, Rolando Medina, Audrey Lingstuyil y Eduardo China

Ejercicio de “diseño” home admin Comments Off

Proyecto Mediaculum - Wiframe_4 Comments Off

Últimas modificaciones en el wiframe

- Aplicación del logo final en todas las páginas (solo estaba en algunas)

- En la página del registro un ejemplo de usuario que se olvidaria de aceptar los términos y condiciones de Mediaculum.

Para ver este “nuevo” wiframe PINCHA AQUI!!

Strawberry world on AS3 Comments Off

¡Esto es una locura fresal!

“Portfolio”

¡Entra si quieres volverte una wild strawberry! 

microZOO de código natural Comments Off

Dirección de Proyectos Web + Digital Media Design 2009

= microZOO de código natural

El resultado…

“Científicos de Elisava estaban desarrollando nuevas especies de inteligencia artificial cuando, sorprendidos por la crisis, tuvieron que recortar gastos en seguridad y el experimento se les fue de las manos. Estas especies supra-evolucionadas se rebelaron consiguiendo escapar… Lo único que se sabe es que continúan en el edificio pero aprovechan sus extraordinarias propiedades para mantenerse ocultos. Se piensa que planean reunirse el 23 de enero, a las 19h, en el hall…”

escritorio_web

escritorio_web

simbolos_microzoo

simbolos_microzoo

Firmado por: Ana, Arturo, Laura, Luís and me!

propuesta_mediaculum Comments Off

Share/Save

mediaculum boceto 0.1 Comments Off