Una pregunta, cuando quieres hacer diseños responsive, ¿por dónde comienzas diseñando y cómo lo haces?

Gracias a Irving, Guuseppe, Haimerick y Danny por vuestras respuestas, me han aclarado mucho cómo pensarlo. Sigo trabajando en el diseño y programación (con HTML y CSS) de landings para marketing. Si necesitáis cualquier cosa y os puedo ayudar, también podéis preguntarme :muscle:

Hola Rubén, creo que es bueno que conozcas a tu usuario, pero es verdad que el 80% del contenido en internet es consumido en formato Mobile. . Además de esto, cuando empiezas desde Mobile, los front-ends tenemos la facilidad de expandir el diseño, mas no contraerlo, lo cual hace mas fácil la organización de los contenidos. . Bueno, como tu lo dijiste, en el curso hacen diseños de responsive a desktop :)

Hola, Ruben. Te han dado recomendaciones excelentes, pero, quiero brindarte una perspectiva un poco diferente. No siempre debes empezar con mobile first, empieza con conocer al usuario. Es mejor saber desde qué dispositivo consume tu contenido. Imagínate que tengas que optimizar un pizarrón digital multiplataforma. ¿Por dónde empezarías 😉?

Siempre debes partir Mobile First y de ahí escoger pattern para construir lo responsivo.

Los pattern mas populares son: Mostly Fluid Column Drop Layout Shifter Tiny Tweaks Off Canvas

Así planteas el diseño y ya con eso usando esos patterns ya sale como tu diseño en Web se va a comportar.

Hola Dani. Muchísimas gracias por tu respuesta. Efectivamente, dos clases después en el curso de Figma el profesor empezó a prototipar por el móvil, luego continúo con table y finalizó con desktop. ^^

Hola, Ruben :) Cuando pensamos en responsive, es bueno empezar con una mentalidad mobile first, y para diseñar puedes comenzar con algo tan básico como un wireframe en papel donde colocas tus elementos principales, (en una etapa más avanzada puedes pensar en la arquitectura de la información) y trasladas tus bocetos a tu prototipo. Si quieres empezar desde Figma, puedes hacerlo, te recomendaría identificar los elementos más comunes y crear componentes, después, pensar en función de tus componentes cómo vas a colocarlos en tu layout/canvas.