Bueno, lleva ya una semanita… Creo que ya está para enseñarse…

Me complace anunciarles el nacimiento de un nuevo blog: detalles. Se trata de una recolección de pequeñas (o a veces grandes) cosas que me llaman la atención a lo largo del día. Normalmente son detalles gráficos, porque, como me gustan tanto, son los que más atraen.

No quería “ensuciar” blogold con esos detalles, pero creí que era interesante su recopilación, así que he decidido irlos posteando en un blog aparte.

Pues nada, que ustedes lo disfruten! :)

Un buen uso de iconos en la web en la página del genial gestor de estadísticas Clicktracks. 5 imágenes más para mi colección de detalles 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:

• Netdiver (colección de portafolios de diseño)
• Fire on design
• Struktour

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:

• Electric Heat

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:

• Just Design
• Midwest is Best
• Prmthn
• Form Conspiracy
• Shanin
• Happy Pets
• Pioneer 10
• More Better

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:

• Free the departament
• Actualización (29/10/04): By default

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:

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

Una divertida comparativa entre el revolucionario iPod y la tradicional cinta de audio.

Modernidad frente a frikismo… ufff, me cuesta decidir.

Un tag muy apropiado para un diseñador de interacción: Felipe Memoria

Hablando de tags, también me gustan especialmente el de Grancomo: “Promoviendo el confort digital”.

Siempre que navego, como diseñadora web no puedo evitar fijarme en los pequeños detalles que hacen grande a una web.

Normalmente hago una captura de pantalla, recorto la parte que me ha llamado la atención y la guardo en una carpeta llamada “detalles web”.

A partir de ahora continuaré mi colección online e iré poniendo aquí las capturas de pantalla.

Empezaremos por los iconos de atomiq, un blog que descubrí en los feeds de furilo (que uso a diario porque están mucho mejor organizados que los mios).

Iconos para dos tipos de meta-información de un post: fecha de publicación y categoría.

De las mejores ilustraciones que he visto, del británico Adrian Johnson:

Navegando por HellDesign (gracias a cssvault), he encontrado un icono que he ha gustado mucho:

Toda la página me parece muy buena: el código excelente, la presentación muy clara y su menú, precioso:

También me ha gustado mucho el menú de una agencia de diseño francesa: Cosmic

Tengo yo una espinita de hacer un menú con grandes recuadros…

Ahora que los Google doodles están de moda con las olimpiadas, he descubierto que el creador de estos dibujitos que a veces acompañan al logo de Google es Dennis Hwang (de 23 años!).

Hace unos meses desveló el origen de estas simples ilustraciones en el blog de Google:

The first doodle was produced by (who else?) Larry and Sergey, who, when they attended the Burning Man festival in summer 1999, put a little stick figure on the home page logo in case the site crashed and someone wanted to know why nobody was answering the phone.

Geniales ilustraciones de Thomas Meldgaard – visto en el foro de domestika.

Genial foro de diseño y video (en inglés) – visto en Thomas Meldgaard.

Maravillas del hipertexto de nuevo…