La presentación principal de la sección depende de la relación entre un amplio campo visual y dos columnas de texto alineadas. El encabezado «El aire huele a océano» ocupa un lado, mientras que el párrafo más largo sobre viajes por la naturaleza, turismo sostenible y ecoturismo responsable ocupa el otro. En tamaños más anchos, esta división permite que la declaración y la explicación compartan la parte inferior de la imagen aérea del océano sin competir por el mismo espacio.
Una revisión de la maqueta adaptable debe examinar cómo se comportan esas columnas a medida que disminuye el ancho disponible. El encabezado puede necesitar más espacio vertical cuando sus caracteres con serifa cambian de línea, mientras que el párrafo en mayúsculas puede ganar altura a medida que las líneas se acortan. La imagen de ancho completo también debe conservar una porción suficiente del barco y su estela para mantener el punto focal visual de la escena, sin apretar el texto en una zona excesivamente saturada. El contraste del blanco debe permanecer nítido frente al encuadre variable del agua turquesa y verde azulado.
La sección es estática, por lo que la revisión se centra en la adaptación de la maquetación más que en los estados de interacción. Compare el equilibrio entre la escala de la imagen, la densidad del texto, el espaciado entre columnas y la ubicación en la parte inferior de la imagen en diferentes anchos de pantalla. El objetivo es mantener una relación visual clara entre la declaración introductoria y la explicación de apoyo, preservando al mismo tiempo la atmósfera de mar abierto dentro de la página general.
Al utilizar Creador de maquetas de sitios web, podrá ajustar los colores, las fuentes, el encabezado y el pie de página, el diseño, las columnas y otros elementos de diseño, así como el contenido y las imágenes.
Usa los Modos adaptables para ver cómo se ve el diseño web en pantallas grandes, ordenadores de escritorio, portátiles, tabletas y teléfonos. Cambia entre las vistas disponibles para comparar el mismo diseño en diferentes anchos de pantalla y revisa cómo la tipografía, las imágenes, el espaciado, la navegación y otros contenidos se adaptan a cada dispositivo.
Nicepage ofrece herramientas de diseño web adaptable para ajustar las vistas de cada dispositivo cuando el diseño inicial necesita ajustes. Puedes personalizar las vistas móviles por separado, cambiar el tamaño y la posición de los elementos, adaptar cuadrículas, listas y galerías, y ocultar elementos o bloques seleccionados en tamaños de pantalla específicos. Esto permite desarrollar una maqueta web adaptable en lugar de evaluar el diseño en un único tamaño de escritorio fijo.
Usa Vista previa de página en vivo para revisar el diseño sin la interfaz de edición. La vista previa instantánea puede ocultar el Navegador de páginas, el Panel de propiedades, las selecciones y los marcos, lo que facilita la evaluación de la presentación general, la jerarquía del contenido y el diseño adaptable tal como lo vería un visitante.
Este flujo de trabajo convierte la plantilla en una útil maqueta de sitio web adaptable para visualizar, comparar y perfeccionar cómo se verá el mismo diseño en diferentes tamaños de pantalla.