Posts en la categoría 'diseño de información'

última moda en portafolios web

Si eres un diseñador o una empresa de diseño, olvídate de Flash y los pop-ups a pantalla completa para mostrar tus trabajos. A continuación comentaremos cuáles son las últimas tendencias en la creación de portafolios en Internet.

XHTML y CSS.

El tema de los estándares está de moda. Y si el código de tu página valida, quedarás como el que más sabe del mundillo. Además, CSS es más fácil de aprender que ActionScript (tecnología empleada masivamente en los portafolios antiguos) y, sin Flash, tu página cargará mucho más rápido.

Ejemplos:

Minimalismo.

La página debe tener colores planos: 3 como mucho. Preferiblemente colores armónicos entre sí o un fondo blanco y el color corporativo para los encabezados o detalles gráficos.

Ejemplos:

Fotografías de tus obras, una debajo de otra.

Nada de secciones. El cliente quiere ver todo tu trabajo, así que qué mejor que dárselo en una sola página y no hacerle navegar de un sitio a otro. Añade tus nuevos trabajos como si fuera un blog: los más recientes están más arriba, para que la gente pueda ir viendo las novedades sin tener que bajar todo el scroll.

Sugerimos añadir en ese caso enlaces permanentes a las obras, para poder enlazar una en concreto.

Ejemplos:

Clasificar tu listado de obras con colores.

Esto puede reñir un poco con lo que hablábamos de utilizar sólo 3 colores, pero si lo que quieres es más vistosidad en tu página puedes recurrir a darle color o fondo a los elementos de tu listado de trabajos, aportando así una clasificación: por ejemplo, verde los trabajos de ilustración, azul los de animación, amarillo los posters… etc.

Ejemplos:

Fotografías sobre una superficie de madera.

Un requisito indispensable es que cuando fotografíes tus obras, lo hagas sobre una superficie de madera: una mesa o un suelo de parquet. Eso le dará a tus obras un toque moderno a la par que elegante.

En caso de que la obra sea muy grande, lo mejor es mostrarla sujetándola con las manos en modo de pinza y tapándote todo el cuerpo. Es importante que no muestres tu cara en este tipo de fotos.

Ejemplos:

Tarjetas de visitas sobre una mesa de madera, un libro sobre un suelo de parquet y un chico sujetando un poster

Conclusiones

No olvides que quien entra en tu portafolio web es porque quiere conocer tu trabajo, posiblemente para contratarte, así que no se lo pongas difícil: hazlo bonito y accesible.

Actualización 2/2/2006: Podéis ver más portafolios de éste tipo en http://del.icio.us/missha/portafolio

símbolos para el cuidado de tejidos

Los dibujitos que suelen ir en las etiquetas de la ropa y que sirven para indicar cómo cuidar un tejido son un conjunto pictogramas no recogidos en ningún código estándar universal.

Básicamente hay cuatro códigos principales: el americano, el europeo, el canadiense y el japonés. No he podido ver los dos últimos, pero investigando un poco sobre los primeros, he visto que ambos mantienen una estructura principal con cinco tipos de instrucciones:

  • LavadoPictograma de un cubo con agua
  • BlanqueadoPictograma de un triángulo
  • SecadoPictograma de un cuadrado
  • PlanchadoPictograma de una plancha
  • Lavado secoPictograma de círculo

El estándar americano es un sistema más simple y fácil de aprender que el europeo. La diferencia más llamativa en cuanto a la representación de la información es la utilización de puntos (sistema americano) en vez de números (sistema europeo) para indicar la temperatura del agua de la lavadora.

Los símbolos para el lavado y planchado son muy fáciles de comprender, pero nadie entendería a primera vista que el triángulo representa blanqueado o el cuadrado secado. Los pictogramas tan abstractos se reconocen después de un aprendizaje previo, lo cual resta utilidad al sistema de símbolos.

De hecho, la prueba más evidente de que los símbolos no acaban de funcionar es que todas las etiquetas acompañan los dibujos con una explicación de las normas o consejo de lavado.

Me temo que la idea es dejarnos el texto hasta que nos aprendamos los símbolos antes que rediseñarlos. Si seguimos así, a los niños del futuro les tendrán que impartir una asignatura que se llame “Pictogramas para comprender el mundo”.

Sobre blogold

blogold era un blog sobre desarrollo y estándares web, diseño gráfico, usabilidad, new media y ciberespacio.


Otros blogs de ávidos

ring
blog sobre desarrollo y usabilidad web para dispositivos móviles.
detalles
blog sobre diseño gráfico, ilustración, motion graphics y street art.
blog
noticias sobre los últimos movimientos y proyectos de ávidos.