Comunidad de diseño web y desarrollo en internet online

Pasos y planificacion sitio responsive

Citar            
MensajeEscrito el 15 Mar 2014 09:11 am
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

Por sergiocastilla

40 de clabLevel



 

firefox
Citar            
MensajeEscrito el 19 Mar 2014 08:39 pm
Hola Sergio cómo estás?

Bueno, pues el tema del responsive es todo un mundo, pero trataré, desde mi punto vista responder tus inquietudes.

1. Se diseñan en photoshop o illustrator los breackpoints para mostrar al cliente.
RTA/ Es lo mejor, de esa manera le puedes mostrar al cliente como va a quedar la web antes que te dispongas a escribir código.

2.Se realiza la maquetación de menor resolución a mayor.
RTA/ En teoría sí, hay un concepto que se llama "Mobile First". Me imagino que por eso lo preguntas. Pero realmente, desde mi experiencia, puedes comenzar desde la resolución mayor y de ahí hacia abajo ajustar todo según la resolución teniendo en cuenta los bocetos del diseño.

3. Si es conveniente utilizar frameworks como Bootstrap.
RTA/ NO, no los uses, me opongo rotundamente, pues cuando usas un framework, te limitas en muchos niveles. Es mejor que vos hagas tu desarrollo desde cero. Ahora, si no tenes el tiempo para aprender, ahí en ese caso, sí tendrías que usar un framework, pero lo que obtendrías es una web muy similar a todas las que usan bootstrap, por lo tanto ser verá muy aburriiiiiiiiida. Por ahí dicen que bootstrap es el nuevo comic sans, jeje.

4. Tiempos
RTA/ Un site básico de 5 secciones, diseño más maquetación responsive, podría tardar cómo máximo 1 semana.

Bueno espero haber sido de ayuda y despejado tus dudas.

Por jap_solo

21 de clabLevel



Genero:Masculino  

Maquetador Docente Web

chrome
Citar            
MensajeEscrito el 19 Mar 2014 09:17 pm
Muchas gracias por tu amplia y clara explicación que me será muy útil.
Te quería preguntar algo...
Al maquetar la web te limitas a los breackpoints para que quede adaptado o tiene que quedar totalmente adaptado redimensionando el navegador a cualquier resolución?

Por sergiocastilla

40 de clabLevel



 

firefox
Citar            
MensajeEscrito el 19 Mar 2014 09:25 pm
Con gusto ;)

La idea es que quede adaptado siempre a cualquier resolución, por ello necesitas usar siempre medidas porcentuales o relativas.

Los breakpoints son "puntos de quiebre" (literalmente) que te han de servir para definir QUÉ pasa cuando la web se ve en una pantalla de X resolución, pero no limitarse sólo a esa medida si no también a sus intermedios.

Éxitos con tu proyecto!!!

Por jap_solo

21 de clabLevel



Genero:Masculino  

Maquetador Docente Web

chrome
Citar            
MensajeEscrito el 19 Mar 2014 09:34 pm
Otra vez muchas gracias por todo

Por sergiocastilla

40 de clabLevel



 

firefox
Citar            
MensajeEscrito el 27 Nov 2017 10:22 am
20171127 leilei3915
coach outlet online
jordan retro shoes
uggs canada
coach factory outlet online
canada goose outlet
nike air max 90
lacoste shirts
ugg boots
adidas superstar shoes
michael kors outlet online
canada goose outlet
canada goose outlet
pandora outlet store
michael kors outlet
ugg outlet
ralph lauren uk
uggs outlet
ugg outlet store
cheap oakley sunglasses
uggs outlet
adidas outlet
true religion outlet store
canada goose outlet
ugg outlet
michael kors outlet
christian louboutin uk
ed hardy outlet
pandora charms
canada goose jackets
uggs outlet
michael kors handbags
mulberry handbags
canada goose outlet store
mulberry bags
oakley sunglasses
michael kors outlet online
canada goose
ray ban sunglasses
mont blanc outlet
tory burch handbags
ralph lauren outlet
ugg outlet store
canada goose outlet
ralph lauren pas cher
canada goose jackets
nike factory store
ugg boots
canada goose jackets
nike air jordan 4
mont blanc
polo outlet
canada goose jackets sale
moncler outlet online
canada goose outlet
ralph lauren
ralph lauren outlet
cheap jordan shoes
coach outlet online
fitflop sandals
coach outlet
uggs outlet
coach outlet store online
michael kors outlet online
canada goose outlet store
ugg outlet
ray ban sunglasses outlet
nike outlet store
cheap authentic nba jerseys
ralph lauren outlet
ultra boosts
prada outlet store
ugg outlet
fred perry polo shirts
coach factory outlet
ray ban sunglasses
polo outlet stores
coach outlet online
ralph lauren polo
canada goose jackets canada
ralph lauren outlet
cheap ray ban
polo outlet
ugg outlet
michael kors outlet online
mont blanc outlet
uggs outlet
nike shoes for men
coach outlet
fred perry polo
coach outlet
ralph lauren uk
true religion jeans
canada goose jackets
uggs outlet
coach outlet online store
pandora bracelet
uggs outlet
coach outlet
supreme clothing
nfl jerseys
ugg outlet
jordan retro
christian louboutin
nike shoes
michael kors outlet clearance
coach outlet
pandora bracelet
mont blanc pens
oakley sunglasses for men
ray bans
pandora outlet
canada goose coats
coach outlet store online
cheap oakley sunglasses
michael kors outlet online
mulberry bags
ugg boots clearance
moncler outlet
valentino outlet store
michael kors outlet
mont blanc outlet
christian louboutin sale
cheap uggs
kate spade handbags
true religion jeans
moncler jackets
coach factory outlet
canada goose jackets sale
michael kors outlet
fitflops sale clearance
polo ralph lauren
nike shoes
ugg outlet
coach outlet
coach outlet
coach outlet online
polo ralph lauren outlet
giuseppe zanotti outlet
coach outlet
kate spade bags
ugg boots clearance
ray ban wayfarer
ralph lauren outlet
canada goose outlet store
canada goose jackets
adidas yeezy shoes
coach outlet
nike shoes
cheap ugg boots
michael kors outlet online

Por leilei3915

72 de clabLevel



 

firefox

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.