Miles de millones de personas acceden a internet desde dispositivos cuyos anchos de pantalla son muy diferentes. Para asegurar que un sitio web tenga un buen aspecto y buena funcionalidad en cada uno de esos dispositivos, debe de ser adapatativo. Y una distrbución ajustable y flexible es el corazón de cualquier diseño adaptativo.

Responsive Layout Maker es, actualmente, la única aplicación que soporta esta parte fundamental del flujo de trabajo del diseño adaptativo. Con el área de trabajo de arrastrar-y-soltar para añadir contenido y la creación de puntos de transición (breakpoints) personalizados, los diseñadores, los desarrolladores e incluso los creadores de contenido pueden crear prototipos que sean a la vez interactivos y adaptativos. El resultado final es un esquema de página adaptativo adaptado a tu contenido y necesidades únicas, con un código moderno, limpio y preparado para empezar a producir.

Interfaz principal de Responsive Layout Maker

Fig. 1: Responsive Layout Maker — una aplicación única

Responsive Layout Maker es una aplicación versátil que puede usarse para:

  • Diseñar distribuciones adaptativas personalizadas centradasen en el contenido único que un negocio necesita (alejándose de una plantilla rígida).
  • Hacer bocetos de diferentes escenarios de diseño adaptativo y crear esquemas de página de sitios web en un navegador real.
  • Hacer maquetas de páginas o sitios web con solo arrastrar y soltar elementos de sitio.
  • Facilitar la interacción y colaboración de cliente mostrándole esquemas de página de sitios web adaptativos funcionales.
  • Boceta complejos (y sencillos) comportamientos y acciones adaptativas con:
    • Cambiar el tamaño del área de visualización para ver como se ve tu contenido en cualquier tamaño de pantalla.
    • Añadiendo puntos de transición para un control total de la distribución en cualquier tamaño de pantalla.
    • Definiendo acciones adaptativas como cambios en el ancho de columnas, cambio de posición de columnas, apilamientos y más.
    • Personalizando propiedades de los elementos como tamaños de fuente para ajustar el contenido a los diferentes diseños.
  • Crea diseños de distribuciones a prueba de bala, preparados para la fase de producción (solo tendrás que exportar, añadir contenido y color y voilá, tu sitio adaptativo estará listo).

Como lo estás leyendo. Podrás tirar los bocetos a lapiz y papel. Reestructura sobre la marcha y usa la distribución exportada con HTML Editor, Web Editor, o cualquier otro editor. Impresiona a los clientes con esquemas de página interactivos, adaptativos y funcionales y crea proyectos en un momento reutilizando código. ¡Si necesidad de volver a escribir código, trabajo doble o usar una goma de borrar!

El trabajo con Layout Maker puede resumirse ewn tres grandes funciones. Cada una de ellas viene explicada en los siguientes capítulos. Échales un vistazo antes de empezar para ponerte rápidamente a crear tu alucinante sitio web adaptativo.

Índice