Planificación de una web responsive
3 seguidores
Buenos días:
Soy diseñador gráfico del sector editorial y tengo conocimientos básicos de html,css, javascript, php y mysql, aunque no tengo experiencia profesional en el desarrollo web.
Por esto, me gustaría que algún profesional del sector me orientara a la hora de planificar un sitio responsive.
Si por ejemplo..
1. Se diseñan en photoshop o illustrator los breackpoints para mostrar al cliente.
2.Se realiza la maquetación de menor resolución a mayor.
3. Si es conveniente utilizar frameworks como Bootstrap.
Y un poco (aunque se que cada caso es un mundo) informarme de los tiempos de diseño frontend para un sitio básico, uno intermedio y otro más avanzado.
Gracias de antemano
Usuario desconocido
Puedes echar un vistazo a este libro. Está bien para empezar
sergiocastilla Plus
Gracias
oldskullnet
Como ayuda también te recomiendo coger un template resposive de wordpress y examinarlo.
sergiocastilla Plus
Si , suelo revisar los template responsive y ver su estructura.
Muchos de ellos utilizan Bootstrap pero me gustaría saber los pasos que siguen para estructurarlos, no el html, css o javascript en si.
feliper
Hola, voy a atreverme aunque no soy un "profesional del sector"
a tus preguntas yo diría que:
1. Se diseñan con lo que sepas usar, los programas que citas son perfectamente válidos, para mostrarlos al cliente, no creo que todo el mundo entienda un JPG con botones dibujados ... "imagínate que cuando le das a este botón pasa esto ...", te recomiendo esto http://www.invisionapp.com puedes hacer simulaciones de webs con tus diseños y añadirles botones de enlace que simulan su funcionamiento
2. Entiendo que con resolución te refieres a nivel de detalle, de menor a mayor por supuesto, no sé como se haría al revés ...
3. Es convenientes si sabes usarlo, si vas a aprender por el camino te puedes meter en un lío, pero si tiene tiempo, un proyecto real es la excusa perfecta para aprender ...
si estás pensando en Bootstrap + "conocimientos básicos de html,css, javascript, php y mysql" para no depender de un programador, no creo que sea muy buena idea
Te recomiendo este libro, muy bueno ...
http://www.implementingresponsivedesign.com
Saludos !!
sergiocastilla Plus
Gracias por tu explicación , pero...
1. con resolución me refería a los diferentes breackpoints para el diseño responsivo y si debería diseñar primero los más pequeños.
2. Por otra parte mi duda es presentar los bocetos de un manera gráfica o en html. Si lo hago en HTML anteriormente tendría que haberlo diseñado.
3. Hombre se que es mejor especializarme en backend o frontend, pero por las empresas que veo hay que hacer de todo un poco y además prefiero depender lo menos posible de otros aunque tenga que esforzarme mucho más.
Usuario desconocido
Sergio, voy a añadir a la lista de recomendaciones este otro.
Es un buen complemento y te va a poner en el camino para entender bien el concepto del responsive. Mobile first es una estrategia de diseño, más allá de este, ya que es muy importante priorizar y jerarquizar contenidos y tener otras cosas en cuenta además del aspecto gráfico.
En cuanto a la presentación al cliente.. eso es todo un mundo porque normalmente querrán ver su web en formato escritorio. Yo te recomiendo que hables con tu cliente y le expliques en que consiste esto del RWD.
Luego hay gente que se basa en conceptos como este para presentar sus diseños responsive pero veo difícil que lo acepte ningún cliente :)
sergiocastilla Plus
Muchas gracias por tu atención y las recomendaciones.