Que si colores y sabores que si formas lo primero es tener una imagen mental de como quieres tu web, Pero cuando a ti se te ocurre una buena idea instantaneamente se le ocurre la misma idea a 7 personas o 8 

Ese proceso de dibujar la web lo puedes hacer con wireframe si bien la definición es 

Copio y pega la definición de Wiki :

 

En diseño web, un wireframe es una representación esquemática de una página web sin elementos gráficos que muestran contenido y comportamiento de las páginas.
 
Sirven como herramienta de comunicación y discusión entre arquitectos de información, programadores, diseñadores y clientes. También se pueden utilizar para comprobar la usabilidad de un sitio web.
 
La principal ventaja es que ofrece una perspectiva basada solamente en la arquitectura del contenido, obviando el diseño y evitando elementos accidentales que puedan distraer
 
(colores, tipografías, imágenes, textos, etc.).
 
Hey la primera vez que la vi fue en un hangouts de desarollo web con Wakkos
 
Y luego en su buen curso de maketación o maquetación ? en Fin ...
 
Existe cada pagina para el caso con caracteristicas super
 
La lista :
 

Pidoco


Link: http://www.youtube.com/watch?v=QR6fu-gI9QY

 

ProtoShare

 

iPlotz

 

Hot Gloo

 

Pencil

 

Gliffy

 

Omnigraffle

 

MockupScreens

 

iRise

 

Axure RP Pro

 

Jumpchart

 

EightShapes Unify

 

Wireframesketcher

 

Microsoft Visio,

Balsamiq Mockups,

MxGraph,

Justinmind Prototyper,

ForeUI,

FlairBuilder,

Justproto,

Lucid SpecckupScreens

Será que me dedico a entrar en cada uno ? , mi apreciación novata es tan valida para google como la de un experto ,(Viva adsense)