La sección principal dividida debe revisarse en primer lugar, ya que la relación entre el texto y la ilustración depende del ancho disponible. En tamaños más estrechos, el equilibrio entre el encabezado motivacional, el texto complementario, el botón Más información y la gran ilustración puede cambiar sustancialmente a medida que las columnas se compactan o se apilan. La tarjeta central del boletín plantea otro aspecto de revisión: su campo de correo electrónico y la acción de envío deben conservar la claridad visual sin perder el generoso espaciado que separa la tarjeta de la sección principal.
Las seis tarjetas de servicios con ilustraciones representan la prueba de densidad más evidente en el centro de la página. Su disposición repetida debe comprobarse para asegurar etiquetas legibles, una escala de imagen uniforme y un espaciado regular cuando el formato de dos filas se adapta a pantallas más pequeñas. La sección dividida Sobre nosotros y la combinación de Planificación estratégica y Desarrollo de aplicaciones exigen una atención similar a la relación entre texto e ilustración. Las tres tarjetas de compra son otra área de evaluación fundamental, pues su comparativa horizontal debe seguir siendo comprensible cuando las opciones Gratuito, Anual y Mensual dejen de mostrarse una al lado de la otra. Por último, las cuatro tarjetas de métricas y el formulario de contacto final deben examinarse en cuanto a agrupación, ancho de campos y equilibrio con la ilustración. Los modos de diseño adaptable pueden facilitar esta revisión visual, pero la cuestión central radica en cómo cambia la composición ante las diferentes condiciones de la ventana gráfica.
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.