Del curso: Figma avanzado

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 25.100 cursos impartidos por expertos del sector.

Preparar pantallas para diseño responsivo

Preparar pantallas para diseño responsivo - Tutorial de Figma

Del curso: Figma avanzado

Comenzar mi mes de prueba gratis Comprar para mi equipo

Preparar pantallas para diseño responsivo

“

Cuando trabajamos en diseño responsivo, debemos de tomar en cuenta de qué manera vamos a presentar la información de acuerdo a cómo observamos las pantallas. En este caso crearemos un ejemplo que nos llevará de una pantalla de 1280 píxeles de ancho por 720 de alto a una pantalla de un iPad Mini con acomodo vertical. Usaremos de ejemplo la pantalla de productos. En esta pantalla contamos con un menú superior que cuenta con un acomodo específico. Igualmente contamos con una imagen, titular y cuatro grupos de texto. Para comenzar, copiaremos la imagen principal y los grupos de texto. Transparentemos nuestro contenedor para ver cómo se presenta la información. En este caso podemos observar que perdemos espacio para los dos últimos grupos de texto y nuestra imagen superior debería de reducir su tamaño. Lo mismo con nuestro menú superior. En este caso, por la resolución, nuestro menú nos presenta con los tres botones de inicio, nuestra empresa y productos. Podemos mantenerlos como tal o…

Contenido