Cómo diseñar una página web para la no-Designer que aprovecha al máximo la JQuery en el cliente?

Question

Soy un desarrollador ... no tanto "el" tipo de interfaz de usuario gurú. Puedo llegar a funcionar con mis conocimientos de Photoshop, en cierta medida, pero a menudo me encuentro subestimar mi tiempo aquí y pensando que probablemente no soy tan eficiente como podría ser en este sentido.

En cualquier caso, sé que no puedo ser el único desarrollador en la tierra que se encargó también con el diseño, así que ...

En busca de la forma-tos, ejemplos, pasos, etc ... que puedo tomar en el diseño de sitios web desde cero y luego adecuadamente "cortar" a sacar el máximo provecho de CSS y Javascript tantas golosinas (utilizando un marco como jQuery, Mootools, etc ...) como sea posible. Un par de otras preguntas:

1. ¿Qué pasa si las plantillas prefabricadas (principiantes) son personas que utilizan ese podría eliminar una gran cantidad de codificación redundante?

2. ¿Qué pasa si ningún hojas de estilo CSS iniciales que se utilizan de forma predeterminada?

3. Es photoshop siendo la opción de los diseñadores de interfaz de usuario? Si es así, ¿qué valores debería comenzar con al burlarse de mi sitio? Y ... ¿cuál es la mejor manera de reducir las cosas a fin de sacar el máximo provecho de los marcos de CSS y Javascript como jQuery?

Gracias - GT

Answer 1

Como un ejército de un solo hombre a mí mismo, puedo entender su frustración. Afortunadamente para mí, empecé más como diseñador y luego se convirtió en un desarrollador. Yo no tengo más de una década de experiencia en el diseño, y alrededor de 7 años de experiencia en el desarrollo. He aquí algunos consejos.

Obtener familiarizado con un buen marco de CSS. No se concentre demasiado en ser gráficamente sobresalido en el principio. Yo sugeriría que el rel="nofollow 960 Rejilla Sistema . Se le permitirá a la presentación rápidamente una página entera con muy poco esfuerzo, y el margen de beneficio muy simple. Experimentar con unos diseños diferentes. Se puede visitar el marco página web para obtener información, o ver este corto vídeo de demostración a familiarizarse. Este marco viene con el reinicio Eric Meyer CSS - usarlo

El siguiente paso para mí es conectar mi diseño en un proyecto de MVC. Una vez que tengo que hacerlo, lo ata en jQuery a través del enlace de la google-api , y comenzar la codificación de mis comportamientos dinámicos.

Answer 2

Tengo problemas similares. Una cosa que siempre hago es comprar una plantilla css de Forrest tema o uno de los otros sitios de plantilla css. Pueden ser recogidos por tan poco como $ 10 y normalmente se puede encontrar un buen esquema para adaptarse a la apariencia deseada. Esto me ahorra incontables horas y cientos de costes hombre hora. No intento para diseñar y cortar en photoshop ya que realmente no tengo la suficiente habilidad para que se vea lo suficientemente bueno. He aceptado eso y mvoed sucesivamente. Puedo hacer una diferencia más grande con la interfaz de usuario mejorada a través de jQuery / ajax / servicios, etc.