ú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


Escrito por missha el 20/10/2004. Categorías: detalles, diseño de información, estudios de diseño, iconos, identidad corporativa, ilustración, usabilidad


Hay 17 comentarios

  1. Excelente post, como se nota que aman lo que hacen.

    • Gorka Steve
    • 23/10/2004 a las 1:28 am
  2. aun a riesgo de resultar redundante, subrayo lo que dice gorka. EXCELENTE POST, ana. Muy inspirado.

    Vale usted millones ;)

    A ver si otro que yo me se se anima ya y postea más, que lo vamos a tener que quitar de la página de autores

  3. Estupendo post. Por supuesto lo copiaré todo. :)

  4. Buenos enlaces y comentarios que resumen las tendencias de los portafolios online ;)

    *Alguno innovará…

  5. claro que voy a seguir la moda, uff , como me muero por seguir las modas. la tecnología de flash no tien la culpa de que la hayan escogido para descrestar con portafolios… y de que se les haya acabado la paciencia y la creatividad a la gente para desarrollar sus portafolios en flash que cada vez es mas exigente debido a que no solo es para hacer portafolios… css, de moda…eso son los terminos que pudren….el tema de los estandares esta de moda…tambien mis cucos estan de moda… usaste flash porque estaba de moda?

    css es una tencologia bastante buena pero no porque este de moda sino porque es…. ¿donde esta todo ello que no lo veo?.. ha si! , es que todo se reduce a que css esta de moda por el cuento de los estandares y lo accesible.. porque estan de moda.

    es muy interesante sitio, felicitaciones, hay detalles valiosos y merece la pena de ser visitado por ello… pero no porque este de moda. las modas pasan, se queda la escencia.

    p.d.t.a. perdon por mi otrografia, es que escribir con errores ortograficos esta de moda.

  6. … otra cosa…

    no me digas que los temas que trata este sitio los trata por que estan de moda?

    8) felices pascuas

  7. hola pimpón!

    lo de la moda era sólo una forma graciosa de redactar el post. quería referirme a la tendencia actual del diseño de los portafolios.

    y ciertamente, css, los estándares y la accesibilidad están de moda. pero eso es bueno :)

  8. bueno me parece muy interesante este post, ya que de hecho cuando se tarda mucho en cargar una pagina con una gran cantidad de animaciones, la mayoría de las veces uno como usuario se aburre y terminamos haciendo “click” cerrar, y eso obviamente representa perdida para una empresa, aparte que no es nada productivo. Creo que el tiempo en que se cargue una pagina es directamente proporcional a la paciencia y curiosidad que tenga el usuario por verla. No creo que sea muy recomendable abusar de las animaciones con programas como flash, se puede hacer muy atractivo un portafolio.. un proyecto.. un site.. con el arte ilustrativo y fotografico, todo esta en la creatividad y la habilidad del diseñor de lo que desee hacer llegar al espectador.

    Los felicito muy bueno este post

  9. es muy bueno

    • ivoon amador
    • 06/10/2006 a las 12:49 pm
  10. excelente post, los comentarios son acertados, ahora que estoy por hacer mi portafolio profesional me han dado una nueva perspectiva…….gracias :) :)

    • flor serpiente
    • 19/01/2007 a las 3:38 pm
  11. esta muy bueno cargado de lo mejor felicidades!!!

  12. hey que bacano que nos den ideas para hacer buenos portafolios y no seguir imitando portafolios comunes y aburridores que tienden ala monotonia, ademas es una informacion genial para todos los disenadore

    • angelica sanabria
    • 12/02/2007 a las 6:52 am
  13. Me encantó leer esto, ni imaginas lo útil que me resulta, pensaba hacer un curso de pagina web en flash para hacerme un portafolio pues pensaba que sería lo más profesional y resulta que lo simple es lo mejor, estoy muy de acuerdo pero pensaba que estaba equivocada! Qué buena ayuda acabas de prestarme! Tendré que convertirme en autodidacta para manejar esos programas que dices :)
    Gracias!

    • Noemi Jimenez
    • 21/04/2007 a las 2:20 pm
  14. tampoco hay k lapidar al flash como programa de desarrollo web… en mi opinion la jugada estaria en saber optimizar todos los recursos, ni una pagina k parezca un pedo animado ni otra en donde el poco dinamismo del contenido hace k con dos cliks, descubras toda la pagina… en mi opinion y mi gusto, la experimentación y el desarrollo de una navegación atractiva y distinta favorece el interes del usuario respecto a tu portafolio. Arriba CSS, arriba Flash y arriba todos los recursos k el arte electronico y el diseño digital nos ofrece.

    Muy bueno el Post!

    • alberto alonso
    • 20/08/2007 a las 4:48 am
  15. Es el mejor post que he visto en mi vida, además de haberme servido de gran ayuda e inspiración. Muuuchas gracias :)

  16. bueno para my es algo bonito pero eso say cuando te gusta pero cuando no te gusta no solo quiero q alas chicas y chicos q les guste esta carrera como amy me encanta sigan estudiando chauuuu les deseo suerte para todos los q lean este menzaje ok ,,,,,,,,,,,

    • yovana flor unocc unocc
    • 17/02/2008 a las 3:18 pm
  17. Estoy de acuerdo con alberto alonso. Me hace gracia la gente que desprecia sistematicamente Flash, cuando bien programado es una herramienta capaz de ofrecer cosas que no se consiguen con css, javascript, etc..

    El problema no es flash, sino el que no sabe usarlo.

    Muy buen post, por cierto

Deja tu comentario

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.