Hola a todos!Quiero compartir con ustedes este excelente post sobre el diseño de un Sitio WebPara todo proyecto web deben haber ciertas reglas de “estética” por así decirlo, como son los siguientes principios. Además si se empieza analizar como se debe diseñar un Sitio Web, se debería ver antes revistas, libros, ya que no inventamos de la nada una nueva forma de leer y comprender lecturas, sino que lo que debemos hacer es adaptar estas nuevas tecnologías a nuestra información. Creo que es la forma más sencilla de explicarlo.
Espacios en blancoParece tan pero tan sencillo, pero lograr que una página web se vea bien con tan sólo tener espacios en blanco bien elegidos hace una grandísima diferencia y es que necesito ejemplificarlo con ejemplos reales para que puedan notar que tan importante es esto.
¿Y porqué debemos hacer esto? Sencillamente porque si algo está muy unido se pierde el enfoque de lo que se quiere decir y de lo que realmente es importante, también se ve desordenado, al haber buenos espacios en blanco(como los mostrados en rojo en la imagen de arriba) crean un ambiente mucho mejor para el ojo, dan una sensación de más espacio inclusive.
Y al decir espacios en blanco, no me refiero a literalmente poner color blanco, sino que cuando ya estemos creando el sitio web, esos espacios se respeten con paddings o marginsTipografíaSí señores, cual es la mejor? Debo usar Serif o San-Serif? Esto no es lo que vamos a hablar, de cual tipografía, sino de los tamaños de la tipografía, ya que si empezamos hablar sobre que tipografía usar esto se puede llegar a convertir en un gran debate y la idea es ayudarnos y mejorar. Así que volviendo al punto, dentro de un Sitio Web, la tipografía es una de las claves más importantes para poder llamar la atención al usuario, para crear armonía en el sitio, etc.
ContrastesCreo que no hay que decir mucho, es muy dificil leer un texto cuando su fondo es prácticamente del mismo color que el texto.
![](http://losdevs.com/contenido/subido/2011/02/contrastes.jpg)
Como se muestra, el mejor contraste que se puede lograr es blanco/negro o negro/blanco, los otros son buenos contrastes pero no tan claro como el que se muestra con blanco/negro.
WireframesWireframes son muy útiles antes de crear un sitio web, es como una lluvia de ideas, donde puede bocetear lo que va a ser el sitio web. Quizás algo muy trivial de decir, pero es algo que sencillamente mejorará la creación de sitios webs, y por varias razones.
*Genera una idea globlal de lo que se va a crear.
*No se ha gastado tiempo en programas como Photoshop, Notepad o Dreamweaver.
*Como es papel, puede hacer hasta cuantos wireframes quiera.
![](http://losdevs.com/contenido/subido/2011/02/wireframes.jpg)
Luego de aceptar un wireframe se puede pasar a Photoshop o Ilustrador (Gimp o Inkscape). Para que el jefe o el cliente pueda ver la idea del sitio web.
GridsY de último pero no el menos importante, los grids. Los grids son como “tablillas” por así decirlo de cierta manera, a la hora de empezar a diseñar un sitio web en Photoshop o algún otro programa debemos tener en cuenta esos espacios en blanco que hablaba arriba, y una ayuda muy grande para poder crear esos espacios en blanco es usando los grids.
Los grids ayudan para acomodar el contenido, a darle forma y además a que todo se vea mucho más ordenado, hay varios sistemas o páginas que nos facilitan los grids a nosotros, pero mi recomendación es 960.gs . Y la recomiendo porque es como la más fácil de usar.
![](http://losdevs.com/contenido/subido/2011/02/grids.jpg)
Resumiendo,
5 principios sumamente sencillos que se deben tener en cuenta antes de diseñar un Sitio Web son:
*Espacios en Blanco
*Tipografía
*Contrastes
*Wireframes
*Grids
Cada uno de estos nos ayuda a tener un diseño mucho más.*Limpio
*Eficiente
*Ordenado
*Entendible
Sus opiniones también son importantes para el foro, así que esperamos los comentarios para ayudar a miles de usuarios
Fuente:
5 Principios que debe saber antes de diseñar un Sitio Web