El diseño depende en gran medida de la escala y ubicación de las imágenes automovilísticas, por lo que estas áreas resultan fundamentales para la evaluación visual en distintos anchos de pantalla. La sección principal emplea un fondo de ancho completo con el texto «Audi R8 Coupé» alineado a la derecha, de modo que en pantallas más estrechas se debe comprobar la relación entre el vehículo, el encabezado y el área de lectura disponible. Más adelante, la sección del Audi Virtual Cockpit repite este patrón de imagen y texto con una toma trasera del vehículo y la descripción de la pantalla de 12,3 pulgadas.
La sección de versiones del R8 Coupé plantea un reto responsive diferente. Su imagen principal de gran formato se combina con paneles más pequeños de imagen y texto organizados en mosaico, y la composición puede cambiar notablemente al reducirse el espacio horizontal. Los tres elementos aerodinámicos destacados y los cuatro bloques de tecnología también deben revisarse en cuanto a densidad, orden y separación legible. Sus etiquetas —Agilidad, Rendimiento, Vanguardia, Tracción integral quattro, Magnetic Ride, Faros Full LED y Diseño exterior— deben mantenerse visualmente diferenciadas cuando las columnas se estrechen.
La franja centrada de rendimiento debe comprobarse de forma independiente, ya que sus tres cifras numéricas dependen del equilibrio horizontal. Por último, los dos paneles de cierre necesitan el ancho suficiente para que sus etiquetas y las acciones «Explorar» se mantengan nítidas. Al tratarse de una maqueta responsive, esta plantilla se evalúa mejor examinando la escala de las imágenes, el contraste del texto, el apilamiento de los paneles, los espacios y la claridad de navegación, en lugar de analizarse como una composición estática para escritorio.
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.