Cuando diseñamos sitios Web complejos o no tan complejos, en donde se nos complique de sobremanera la composición de espacios y dimensiones de cada parte o bloque que compone la página. Por ejemplo al diseñar un “index” o “home” nos encontramos con la dificultad de “cerrarlo” gráficamente utilizando los programas de edición Web. Los bloques son demasiado pequeños o grandes, las imágenes no coinciden en sus dimensiones, las dimensiones de las tipografías no nos convencen, los colores no son los que esperábamos o el desajuste es muy grande como para tratar de solucionarlo solamente con un editor Web como Dreamweaver.

Algo muy práctico para este tipo de dificultades es el uso de un programa de edición vectorial como Adobe Ilustrador para trabajar paralelamente al diseño de un sitio. Lo más recomendable es “Capturar” una imagen de la vista previa desde nuestro navegador (Impr.Pant/PetSis, este botón esta usualmente en la esquina superior derecha del teclado ). Luego desde Ilustrador “Pegamos (Ctrl + V)” la imagen que capturamos realizada como imagen y veremos cómo podremos manejar mejor las dimensiones y formas. Lógicamente debemos tener realizado mínimamente cierto diseño para referencia en tamaños y resoluciones. Notemos que la resolución de la captura de 72 pp por lo que las imágenes que generemos desde esta plantilla deberán también salir con 72 pp (Resolución mínima recomendada para las imágenes en la Web).

Además de funcionar como una herramienta de mejor montaje de bloques, esta forma de trabajo nos ayuda mucho a tener un mejor manejo de colores y tonalidades, las imágenes que apliquemos a nuestro sitio podrán ser editadas arriba de la captura realizada logrando una precisión profesional en el diseño. El montado será una tarea más agradable cuando se trate de páginas con estructuras complejas.

Podremos incluir diferentes formas y saldremos de los diseños comunes o rectangulares. Particularmente recomiendo realizar un boceto previo del diseño con imágenes, logos y toda la estructura, para luego montarla en nuestro editor Web Dreamweaver. De esta forma nos ahorraremos mucho tiempo de pruebas de colores, formas y dimensiones. Y notaremos la igualdad de lo que hemos boceteado en nuestra mente con lo que logramos finalmente.

Artículo tomando de:
http://www.desarrolloweb.com/articulos/1743.php