Como es el proceso de diseñar un IU de manera correcta?

[Nova]

Hola gente, quisiera que me ayuden un poco con esto, estoy empezando un diseño en photoshop y quisiera que me ayuden los que saben de diseño IU/UX con hacer de manera correcta el diseño de mi portal.

Tengo entendido que antes de empezar hay que escoger un grid para maquetar una vez terminado el diseño (en este caso el único que conozco es 960°), pero que Grid tengo que a usar si quiero usar Modernizr o Bootstrap esa parte no la entiendo o es que esos frameworks no necesitan de ningún grid?

Que me sugieren o disculpen mi ignorancia, grid 960 ya no se ve tan actual ya que solo maneja segmentos de 24 columnas y de 1020px como máximo, siendo que ahora hay pantallas que sobrepasan los 1300.

El diseño que estoy haciendo será de tipo responsive web design.

Gracias nuevamente

[pzin]

Yo te diría que GUI/UX no tiene que ve mucho con un sistema de grillas. No es algo que vaya de la mano.

Por otro lado, un sitio web no siempre necesita un sistema de grillas, porque a veces es más complicado poner un sistema de ese tipo que hacer el sitio sin ello.

Bootstrap trae su propio sistema de grillas me parece haber visto. Y Modernizr no tiene nada que ve con diseño, grillas ni nada parecido.

[yllelder]

960grid quedó desfasado porque no es responsive, en su lugar sacaron Unsemantic, que es 960grid con diseño sensible.

http://unsemantic.com/

Lo que diseñes en Photoshop sirve mas bien como plantilla o ejemplo para tener una idea del diseño que le darás a la web final, no es necesario respetar tamaños ni tipos de fuentes, ya que sobre la marcha ya irás calculando lo que debe ocupar cada cosa en la web.

El problema de usar un framework (960grid, bootstrap, etc) es que necesita un aprendizaje, ya que no son ni más ni menos que clases CSS y scripts javascript ya predefinidos, y hay que aprendérselas. Depende la complejidad de la web, es más sencillo empezar de cero y no sobrecargar la web con un framework lleno de opciones que ni siquiera vas a usar la mitad.