Sobre los layouts
Los layouts se incluyen en dos etapas del proceso de diseño: en primer lugar, los define y establece el diseñador UX. Luego, el implementador los modifica en Studio según las especificaciones del diseñador.
Un layout es la estructura visual de un diseño digital: es la forma en que se disponen los elementos visuales en una pantalla o parte de ella. Define cómo se distribuyen los elementos gráficos (como imágenes, textos o botones) en un espacio digital, creando así una jerarquía visual y facilitando la navegación del usuario.
Layouts para aplicaciones web
Para incluir las versiones responsivas, los layouts se construyen bajo cuatro puntos de ruptura o breakpoints diferentes, como se indica a continuación:
Extra extragrande: más de 1401px;
Extralarge (de 1201px a 1400px): aplicable a pantallas extragrandes o pantallas de TV
Grande (de 992px a 1200px): aplicable a pantallas grandes o dispositivos de escritorio
Mediana (de 769px a 991px): aplicable a pantallas pequeñas como iPads y tablets.
Pequeño (de 481px a 768px): aplicable a dispositivos móviles