La sección hero a ancho completo del XC60 debe revisarse en primer lugar como composición visual: la imagen del vehículo ocupa un espacio horizontal considerable, mientras que el título y el subtítulo centrados deben mantener su legibilidad sobre el fondo. Las secciones divididas del vehículo y de los servicios plantean una condición de revisión distinta, ya que la escala de las imágenes, el ancho de los paneles de texto y el espaciado vertical deben conservar el equilibrio cuando cambia el ancho de pantalla disponible. Asimismo, la mención reiterada a la seguridad y el confort debe mantener su peso visual sin restar protagonismo a las imágenes circundantes.
El proceso en tres pasos presenta elementos distribuidos de forma homogénea con iconos circulares, por lo que debe comprobarse que mantengan un protagonismo equilibrado y etiquetas legibles cuando la fila se estreche. La sección de mantenimiento afronta su propio desafío de densidad: las imágenes de mecánicos van seguidas de columnas de servicios con información sobre el cambio de filtro de aire y el agua de la batería. En pantallas más pequeñas, el orden y el espaciado de estos elementos influirán de manera decisiva en la rapidez con la que los visitantes comprendan este conjunto de servicios.
El área de Taxi, Economy+ y Business Class constituye otra zona de evaluación fundamental. Tres categorías contiguas de imagen y texto generan un patrón comparativo que puede requerir una revisión minuciosa cuando las columnas se apilen o reduzcan su anchura. Las descripciones y listas de prestaciones deben permanecer asociadas a la imagen del vehículo y al nombre de categoría correctos. Por último, deben comprobarse la declaración final dividida y el pie de página oscuro a medida que la página pasa de un contenido denso de categorías a un cierre más sobrio. Se trata de revisiones concretas de la presentación de este diseño, no de suposiciones sobre un esquema preliminar.
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.