‹ Inicio

4 March 2010

Diseñar para web no es diseñar para papel

Escribo esta entrada, harto de ver que cualquier diseñador grafico (de los de toda la vida), crea que diseñar un web es lo mismo que diseñar un folleto, una revista o un triptico. Pues no, esto no es así, siento decepcionarte…

  • La web no funciona con puntos. La web funciona con pixeles. Las pantallas se miden con pixeles, y las resoluciones no implican mayor calidad, sino mayor tamaño (el de pantalla).

  • La web, y la pantalla del ordenador, funcionan a 72dpis por pulgada. O lo que es lo mismo, en una puglada existen 72 pixeles. Por mucho que te empeñes en usar esa tipografia especial a cuerpo 9 y a 300dpis, cuando la pases a web, no funcionará, porque la resolución es menor.

  • La web se diseña con programas adecuados. Usa un editor de imágenes, tipo photoshop o fireworks. Ni freehands, ni illustrators y mucho menos indisigns, ya que no están pensados para esto, y te hacen cometer errores inútiles.

  • Algunos programas como photoshop y fireworks, permiten exportar imágenes para web. Te lanzaran una pantalla, donde podrás ver lo que estas intentando!

  • La web está compuesta de páginas html, que contienen textos, imágenes y otros objetos. Por mucho que algunos crean que google va a indexar flash, flash no es la web. Simplemente es un contenedor multimedia de formatos enriquecidos. en poco tiempo habrán otros.

  • Un buen layout de web, debe de poder crecer verticalmente. Los navegadores están pensados así, los ratones también (por eso disponen de la bola de scroll), además las resoluciones (tamaños de pantalla) cambian, y si tu layout crece verticalmente, en cada pantalla se verá bien. Por el contrario, si te empeñas en cerrar el layout a un tamaño vertical, pasará que… en algunas pantallas (ordenadores) se verá el scroll vertical y será muy poco práctico .. (ya que no está pensado para crecer verticalmente).

  • En otras, las mas grandes, se verá ridículamente pequeño y pegado a la parte superior.

  • De momento, no puedes usar la tipografia que te de la gana. Usa una de las estándares, de las que ves cada día cuando entras a google, facebook, flickr o twitter.

  • Puedes usar titulares gráficos, o sea, imágenes con un texto hecho en photoshop, pero si los usas para los menus, que sepas que esto afectará tu posicionamiento en buscadores.

  • La mejor forma de aprender a diseñar webs, es fijarte en lo que hacen las otras webs.. si la gente no usa esa herramienta o plugin nuevo de tu programa favorito, es porque a la hora de producir el diseño no es viable, o lo que es lo mismo, es un problema de costes infinitos.

Esta entrada es solo el principio. Por eso, en las ofertas de empleo, la gente pone diseñador web y no diseñador gráfico. O sea, que si eres diseñador, y quieres abrir tu campo profesional al diseño web, lo primero es formarte un poco. Apúntate a un master, busca en google, lee en foros o lo que sea… Per por favor, abstente de gestionar proyectos por los que no estas calificado. Lo único que vas a conseguir es realizar muy malos trabajos.

Admito, comentarios y modificaciones al documento. Esto no es ningún dogma, simplemente son mas de 10 años de experiencia produciendo proyectos web.

Entrada etiquetada como: consejos, disenar, normas, tamaños, tipografia, web

Social

Comentarios:

blog comments powered by Disqus

© Creative Commons. jordic+gmail.com. Blog programado en Django usando django-basic-apps.