amorales

Diseño visual para medios digitales


Emailing icons set

Emailing icons set

Set de 12 íconos diseñados para el envío de emailing.
Ver el set completo en Flickr.


Diseño de Video Player para Sofatutor

Diseño de Video Player para Sofatutor

Dentro de todo el trabajo que fue diseñar completamente la plataforma Sofatutor, hubo una faena en particular que fue muy interesante. Se trataba de diseñar la interfaz del Player de los Videos de la plataforma. El desafío se volvió interesante porque era la primera vez que me tocaba investigar y diseñar en torno a esta interfaz que como primera complejidad trae el tamaño. En una reducida área de 650 x 370 px se debía diagramar todos los elementos gráficos de la interfaz: botones de acciones básicas (play, pausa, tiempo, volumen); botones de acciones auxiliares (full screen, on-off de comentarios); comentarios hechos por otros usuarios en el timeline; y, por supuesto, […]


10 Ejemplos para potenciar tu marca en home pages

10 Ejemplos para potenciar tu marca en home pages

La semana pasada fuí gentilmente invitado por Multiplica (empresa a la cual asesoro en diseño de interfaz) a dar una charla a gerentes de marketing de distintas empresas chilenas. El tema era el “diseño de interfaz” que tal vez para la audiencia podía sonar muy ténico o incluso fome. Sin embargo traté de que el diseño lo vieran como una oportunidad de potenciar sus marcas a partir de debilidades que presentan muchas interfaces en el medio chileno y enfocado solamente a las homes. La charla se dividió en tres partes: la primera para generar un contexto donde expliqué qué es el diseño de interfaz; la segunda enumeré conceptos a proyectar […]


A Florencia nos vamos

A Florencia nos vamos

Amigos, no podía ser de otra manera. Con Mili estamos más que felices y yo muy orgulloso de ella. Estuvimos mucho rato tras este sueño y por eso lo mantuvimos reservado durante estos últimos meses hasta que se concretara. En abril de este año Mili recibió la aceptación formal del Centro Europeo de Restauro (Florencia-Italia) para realizar el curso “Técnicas de Restauración Arquitectónica” (curso al cual entran alrededor de 20 alumnos) y en el día de ayer recibimos la noticia de que se adjudicó un Fondart para financiar sus estudios. La verdad es que este tiempo será muy vertiginoso (nos quedan practicamente 60 días) para organizar nuestra mudanza, así que […]


Sofatutor: progresión de diseño de contenedor de temas (Fächer)

Sofatutor: progresión de diseño de contenedor de temas (Fächer)

A continuación describo y muestro la progresión para el diseño del contenedor de temas implementado para Sofatutor. Para la mayoría puede sonar muy técnico pero para los diseñadores de interfaz es de todos los días Pueden ver y descargar la imagen también en mi Flickr.
01 Propuesta Wireframe

Forma: Contenedor clásico de temas desplegables/colapsables con ancho fijo y alto indeterminado.
Tipografías: Uso de familia tipográfica que permita mostrar cantidad de videos de los temas.
Color: Construcción cromática para diferencia de contenido e interacción.
Interacción: Acción para desplegar/colapsar segundos niveles.

02 Propuesta Inicial

Forma: Contenedor de contorno mixto (cabecera curva con brillo y pie recto a 1 pixel), bordes a 1 pixel e interior blanco con líneas […]


Sofatutor: II Etapa

Sofatutor: II Etapa

Mientras espero el lanzamiento oficial de la versión 2 de Sofatutor, trato de ordenar y listar en mi cabeza los temas que más adelante escribiré a propósito de esta experiencia. Porque es harto lo que puedo compartir en cuanto al trabajo que hice para el diseño de esta segunda parte que no tan solo consideró una evolución natural del “look&feel”, sino que se enriqueció con distintos elementos (nuevos para mí desde el punto de vista del diseño de interfaz) como videos con interfaces propias de navegación e interacción con usuarios o visualizaciones de notas de videos, que responden a una variable muy importante del diseño para pantallas: la usabilidad. Ahora […]


Para los AyerVierninos

Para los AyerVierninos

Ahora que llego de mis vacaciones y me conecto me doy la licencia de hacer un rápido recuerdo. En marzo del año 2000 nos encontramos con Jorge en el MNBA por el lanzamiento de la Corporación Amereida de la Escuela y coincidentemente se lanzaban unos CDs recopilatorios de obras gráficas de sus fundadores, de entre los cuales yo diseñe uno . Ese encuentro sin duda marcó un momento muy especial en mi vida sobre todo en lo profesional, atendí la especial invitación de Jorge de construir una empresa para medios digitales: AyerViernes. Empezaba a trabajar en ese entonces con “cero” conocimiento de internet, tal vez lo único que tenía […]


Diseño de Interfaz: Exportación no Tradicional

Diseño de Interfaz: Exportación no Tradicional

(Vuelvo a retomar mi blog después de tanto tiempo y después de de un intenso fin de año que concluyó con la organización de mi memorable matrimonio).
Hace mucho tiempo quería compartir esta experiencia laboral que me ha traído bastante feliz durante este último tiempo. A mediados de agosto de 2007 estuve chateando con Andreas Spading, un amigo (ex-ayerviernino) que está en Berlín (Alemania) y aparte de contarme coloquialmente de su vida me contó que estaba gestando, junto a otros amigos, un proyecto web 2.0 que lo tenía muy ocupado. Al avanzar la conversación me fuí llevando una increíble sorpresa pues empezó a preguntarme si estaría interesado en diseñar la interfaz […]


Sobre la representación y discreción de un ícono

Sobre la representación y discreción de un ícono

Cuando partí diseñando interfaces en AyerViernes fuí asumiendo poco a poco la necesidad de destinar mínimas áereas de pixeles de la interfaz a unas unidades muy discretas que complementaban específicas entregas de información: íconos. Sí, pueden reirse de mis primeros intentos a 1 bit, pero de a poco fuí incorporandoles color
Pero estas pequeñas unidades, que son representaciones gráficas que nos ayudan a reconocer ciertos objetos, comandos o cualquier acción que un usuario necesite desplegar en una interfaz, no sólo complementan una acción, sino que construyen un reconocimento por parte del usuario de determinadas acciones a realizar. Por ejemplo, un usuario podrá reconocer rápidamente que una noticia tiene […]


3er Seminario de Arquitectura de la Información en Viña del Mar

3er Seminario de Arquitectura de la Información en Viña del Mar

Este Viernes 05 de Octubre, a partir de las 15:00 hrs., se llevará a cabo la segunda parte del 3er Seminario de Arquitectura de la Información. ¿Dónde? En nuestra querida Escuela de Arquitectura y Diseño de la Pontificia Universidad Católica de Valparaíso (Matta 12, Recreo. Teléfono: 32 - 277 4401).
Expositores:

Herbert Spencer “Media Franca. Interaccción como participación democrática”
Rodrigo Guaiquil “Móviles: acá está tu próximo sitio web”
Jorge Garrido “Faz: llega una revista para la AI “
Malisa Gutierrez “Cajeros y Autoservicios: desafíos en experiencia de uso.
Javier Velasco “Redes sociales en la web“
Maximiliano Martin & Yo “Descorchados. Desafíos de Diseñar una web 2.0“

Las exposiciones están interesantísimas y sobre todo bastante dinámicas. Lo […]