Blog del Master en Diseño de Proyectos Web 2009. Elisava, Escola Superior de Disseny
Proyectos web 2009 » Archivo de 'Nov, 2008'

Como aquel primer botón… Comments Off

Por fin puedo subir mi primera botonera de Flash en ActionScript 3. Si nos ponemos lírico-melancólicos, me gustaría poder recordar la primera vez que me ajusté yo mismo de niño un botón. Me gustaría poder recordar lo que me extrañó su funcionamiento, si aguantaría, cómo se sujetaría… y después contar hasta el día de hoy las veces que he repetido ese gesto de forma inconsciente y automática. Ese gesto que ha perdido toda la relevancia y significado que tuvo la primera vez. Ahora quisiera poder viajar al futuro y verme programando una botonera en ActionScript con una solvencia y una rapidez que ni yo mismo me reconocería. Casi como ahora me ajusto un botón del abrigo. Pero bueno… tiempo al tiempo. El primer paso (que suele ser el más difícil) ya está dado  ;-P

Dejando de ser lírico-melancólicos, desde la ejecucción del ejercicio han pasado unas cuantas clases y, por tanto, hemos avanzado con el temario. De modo que procuraré perfeccionar este mismo ejercicio con los últimos conocimientos que hemos adquirido.

<!--

The Flash plugin is required to view this object.

<!--

¡Diseños de portfolios! Comments Off

He encontrado este post con una gran cantidad de diseños de portfolios de todo tipo. Aquí podemos encontrar muchas buenas ideas para el proyectos en cuanto a estilos y gustos de portfolios trabajados se refiere.

Para verlos pinchar aquí

.

Crear un logo Comments Off

Via snap2objects he trobat aquest esquema amb el procés a seguir en el desenvolupament d’un logo.

Al mateix article, proposen quatre enllaços relacionats amb el disseny de logos:

Propuesta Logo Comments Off

Propuesta de equipo para logo de Mediaculum

Proyecto Mediaculum - Wiframe Comments Off

Para ver el wiframe pincha AQUI

Grupo Audrey, Ana, Eduardo, Gioia, Mª Patricia.

Proyecto Mediaculum - Wiframe Comments Off

Para ver el wiframe pincha AQUI

Grupo Audrey, Ana, Eduardo, Gioia, Mª Patricia.

ejercicio cristobal botonera Comments Off

proyecto

Consejos para un buen mapa de contenidos Comments Off

Una vez entregados los mapas de contenidos de los diferentes grupos pudimos boservar una serie de errores que se repetían en cuanto al formato, la terminología o conceptos. Por ello, para asegurarnos de que hemos creado un buen mapa de contenidos tenemos que tener presentes una serie de ideas:

- Si dividimos el mapa de contenidos en dos partes, tener claro qué va en cada una de ellas. También tiene que quedar en uno de ellos clara la estructura completa y en los otros las partes desglosadas. Aunque tengamos una serie de categorías de metanavegación y que, por tanto, van a estar presentes en todo el site, deben quedar en uno de los mapas ya que su repetición puede crear confusión o llevar a la idea de que se tratan de funcionalidades diferentes.

- Si diferenciamos claramente en el plano conceptual las categorías también debemos hacerlo en el plano visual para llevar la jerarquización al máximo. Los colores y los tamaños son buenas herramientas que no podemos dejar en segundo plano.

- Etiquetar de una forma homogénea todas nuestras categorías es una buena técnica pero no es una regla indestructible. Si para comunicar el contenido o la funcionalidad de una categoría de una manera óptima debemos modificar la nomenclatura  no debe suponer mayor problema.

- También en cuanto al tema de etiquetado, recordar que al hablar de contenidos y funcionalidades no debemos hablar de tecnologías. Primero, porque estos términos no son conocidos por todos. Y segundo, porque las tecnologías son pasajeras.

- No confundir al hacer el mapa de contenidos lo que corresponde a la arquitectura de lo que son los contenidos internos de cada Wireframe. EN los Wireframes ya trazaremos las estrategias de navegación y de interacción.

Manual de OmniGraffle Comments Off

 

Captura de OmniGraffle

Captura de OmniGraffle

Otro hallazgo: un manual de OmniGraffle. Presionando abajo lo podrán descargar:

Manual de OmniGraffle (6.6 MB)

Opciones para wireframes Comments Off

 

Ejemplo de wireframe elaborado con Balsamiq

Ejemplo de wireframe elaborado con Balsamiq

Afortunadamente ya logré instalar el OmniGraffle, pero en algún momento pensé que no podría y me dediqué a buscar otras opciones para elaborar wireframes.

Sólo por no perder del todo la búsqueda, aquí van algunas opciones que estuve revisando:

 

Balsamiq Mockups

La estetica de esta aplicación se me hace súper divertida y tiene muchas opciones de objetos que pueden ser incluidos en los bocetos. No ofrece interaccion, pero va bien para visualizar cada página.

 

Pencil

Es online y gratuito. Se usa como add-on del Firefox, y se instala directamente en le menú de Herramientas del navegador. Otro que no posee interacción, pero yo diría que es bastante facil y práctico.

* PowerPoint
¡Sí! ¡PowerPoint!
Evidentemente no es la solución más profesional, pero según este link http://www.boxesandarrows.com/view/interactive se puede hacer prototipos medianamente interactivos. La cosa sería tener una biblioteca de imagenes de objetos que haga el trabajo más rápido y fácil. Recomiendo visitar el link y entrar al prototipo de muestra.

Did you Know? 2.0 Comments Off

Aquí un vídeo de esos que me gusta compartir. A mi parecer, una de esas joyitas del YouTube.

Sólo queda decir: ¨Shift Happens!¨

Logos por Mediaculum Comments Off

Primera presentaciòn de las propuesta de los logos por Mediaculum:

Trabajo de todo los grupos

Arquitectura Mediaculum Comments Off

trabajo de: Chiara Lera, Laia Rovira, Juan Fernando Gonzalez, Ivan Beldarrain, Joan Ardiaca, Yolanda Gil, Lluís Tallada

Arquitectura Información Mediaculum_v01 Comments Off

Logos Mediaculum Comments Off

Proves de logos per Mediaculum. Gina, Patri i Núria.

Aplicació d’usuaris Comments Off

Per fi, he acabat l’aplicació php de registre, login i zona d’usuaris! Està online aqui. I els arxius són aqui.

I jo… SÓC FELIIIIIIIIÇ!!!!!!!!

aplicación_PHP Comments Off

Aqui va el ejercicio de PHP, perteneciente a la clase dee Construcción web con Xavi.

http://www.proyectosweb2009.com/jorge/construccion_web/aplicacion01/index_bbdd.php

Practica Botonera Comments Off

<!--

The Flash plugin is required to view this object.

<!--

¡gracias, 3M! Comments Off

[ La mañana del viernes pasado ha sido dedicada al juego de los post-its para hacer la arquitectura de información del proyecto "Mediaculum". No estoy con las fotos del día pero aprovecho para postar las del ejercicio anterior, lo cuál aplicamos por primera vez la técnica de ordenación de tarjetas... ] Después de un tiempo dedicado [...]

Arquitectura de la información del Mediaculum Comments Off

Grupo Aaron Jimenez, Audrey Lingstuyl, Ana Cristina Gonzalez, Eduardo China, Maria Patricia Posada.

Botonera + estat OnClick Comments Off

“playing with css” Comments Off

CSS Comments Off

ejercicio sobre las hoja de stilo CSS

Perfiles usuarios mediaculum Comments Off

Esta es mi propuesta de perfil de usuario de mediaculum, si teneis otras ideas, os agradecería que me enviarais vuestras propuestas y comentarios para completar o si es necesario corregir el trabajo, gracias!!

Botonera vertical - Flash Comments Off

Programando con ActionScript 3

 

Modelos Mentales - Alquiler de un coche Comments Off

Bueno, finalmente... Probé subrirlos a youTube, pero entre la mala resolución y el cambio de tamaño, no se veía nada, así que al final he construido un reproductor sencillo para controlar la animación, tal como me había pedido Máximo. No es ninguna obra de arte pero funciona.

mediaculummmmmm!!! Comments Off

Despues de unos dias con graves problemas de conexión debido a un accidente doméstico vuelvo a retomar el curso (qué duro ha sido..).  estos son los loguitos que he estado trabajando con mis compis aunque ha sido más untrabajo de interpretación visual ya que así acabados del todo pues no los he podido colgar hasta el momento.

Son dos ideas diferetes. la primera esta basada en las interrelaciones que surgen de estos medios de los que nutriremos nuestro mediaculum y los he querido representar de una manera abstracta y atemporal, sin ningún tipo de caracteristica visual reconocible sólo el concepto en sí mismo, y el color que despues de oir los argumentos de mariapatricia igual podrían acercarse a los de los medios anteriormente mencionados.

El segundo, forma parte de la idea global de nuestro grupo que me parece muy interesante y que resume mediaculum como nexo de unión que filtra y engloba diferentes medios como si se tratara de un embudo, he probado con el embudo pero era demasiado imagotipo y podría llevar a interpretaciones que no tuviesen que ver con la idea concreta, así que he obtado por unos corchetes que su forma recuerda a esos conectores que defiende laura pero en una versión más grafica por eso he añadido el ojo para recordar que todo aquello que se recopila será basicamente visual….

este trabajo pertenece al grupo de Lluis, Laura & Yolanda

Propostes Mediaculum Comments Off

Aquesta és la selecció definitiva de les propostes que vam realitzar per al logotip de Mediaculum:

L’equip de treball l’hem format: Arturo Córdova, Alba Souto i Iban Beldarrain.

Modelos Curriculum Vitae Comments Off

Modelos CV

View SlideShare presentation or Upload your own.

Logotipo Comments Off

Eduardo y Ana