22 Diseño flotante

Los diseños flotantes (también llamado diseño líquido o adaptable) facilitan el diseño
de contenido para varios tamaños de página, orientaciones o dispositivos. Aplicando reglas
de páginaflotante para determinar el modo en que los objetos de una página se adaptarán al
crear diseños alternativos y cambiar el tamaño, la orientación ola proporción.

Pueden aplicarse reglas diferentes a las distintas páginas, en función del diseño y de
los objetivos; aunque solo se puede aplicar una regla de páginaflotante a las páginas de una
en una. Diseño flotante es un término general que abarca un conjunto de reglas específicas
de páginas flotantes:

 Escala
 Volver a centrar
 Reglas de páginas basadas en guía y en objeto.

Antes de realizar un diseño flotante debemos atender a unas técnicas esenciales para
que esto sea posible. Para ello debemos conocer previamente:

Páginas maestras y los marcos adheridos, que como bien hemos visto anteriormente
(en el tema Páginas maestras) sirven de modelo compositivo para otras páginas.

El uso del Marco de texto principal, que hasta CS5.5 era llamado Marco de texto
maestro, es más que un cambio de nombre. Es una verdadera herramienta potente que va
mucho más allá del uso que se hacía hasta ahora.

El uso de columnas de ancho flexible.

1 Marco de texto principal

2 Columnas de anchura flexible
3 Marco de texto persistente
4 Diseño flotante
5 Diseño alternativo basado en página flotante
6 Práctica - Adaptar un diseño vertical a uno horizontal

1 Marco de texto principal

Es la característica más importante de las novedades de InDesign CS6 (quizás poco

publicitada en las mismas).
 El tratamiento de páginas maestras es clave para el uso de plantillas, fondos y
elementos que aparecen repetidamente en múltiples páginas dentro de un mismo
documento. Durante la creación de un nuevo documento hasta la versión 5.5 activábamos
los Objetos de texto maestro, especialmente para volcados de texto en documentos largos, o
bien para mantener las guías maestras en el diseño en la página. Podíamos incluso mantener
algunos de los valores de los objetos vinculados a las páginas maestras en la versión CS5,
tales como color, posición, escala, sin embargo perdíamos la relación de la forma de las
cajas de texto.

Por ejemplo si queríamos aplicar una nueva página maestra a nuestro diseño teníamos
que volver a copiar y pegar los textos en el nuevo marco maestro.

Esto es lo que ha sido hasta ahora. En la presente versión de CS6 tiene un elemento
muy superior; el contenido del marco de texto se adapta automáticamente al diseño/s que
tengamos de páginas maestra. Por lo que el contenido se distribuye de forma automática,
creando el número de páginas necesarias.

Veamos el funcionamiento paso a paso a través de un sencillo ejemplo (los marcos de

texto tendrán colores y formas diferentes para ver mejor el efecto):
 1. Creamos un documento nuevo con la opción Marco de texto
principal.
2. Diseñamos la página maestra (de momento sólo hay una y está usada
por defecto y los marcos tienen el fondo azul).

3. Creamos 3 páginas y las rellenamos de texto (Texto / Llenar con

texto falso).
 4. Diseñamos otra página maestra (dos cajas de texto en forma circulo y
color rojo, las enlazamos)

5. Aplicamos el diseño de una página maestra sobre otra (en la página

2).
 6. En el resultado vemos que el diseño de la página 2 ha cambiado, el
texto se ha adaptado y al ser una caja más pequeña, InDesign ha creado otra página
de forma automática.

2 Columnas de anchura flexible

Otra de las novedades de CS6 es la posibilidad de utilizar la opción Anchura flexible

(otro de los pilares esenciales para el diseño flotante) para ajustar el número y la anchura de
las columnas cuando cambia el tamaño del marco de texto. Lascolumnas se agregan o se
eliminan automáticamente cuando se alcanza el ancho de columna máximo al
redimensionar el marco de texto.

Elija Anchura flexible en la lista desplegable Columnas del cuadro de diálogo

Opciones de marco de texto (Objeto > Opciones de marco de texto)

A partir de éste momento InDesign se encarga de crear las columnas necesarias en

función a unas reglas creadas por nosotros (un máximo de ancho y un medianil).
 Simplemente al modificar el marco de texto, las columnas se generan
automáticamente.

3 Marco de texto persistente

A través de las Opciones de encaje en marco de texto persistente, el cambio de

tamaño automático de marco de texto permite crear un marco de texto que se redimensione
de forma automática alañadir, eliminar o editar el texto.

Para acceder a las opciones de cambio de tamaño automático, siga estos pasos:
 1. Seleccione un marco de texto y elija Objeto > Opciones de marco de
texto.
2. Haga clic en Cambiar de tamaño automáticamente.

En función al tipo de proyecto, seleccione una opción de tamaño automático para

aplicarla cuando se agregue o elimine texto:

 Solo altura.
 Solo anchura.
 Altura y anchura.
 Anchura y altura (conservar proporciones).

Veamos un ejemplo con Sólo altura:

Y editamos el texto eliminando parte del primer punto:
 4 Diseño flotante

Diseño flotante es un término general que abarca un conjunto de reglas específicas de

páginas flotantes: escala, volver a centrar y reglas de páginas basadas en guía y en objeto.

Los diseños flotantes facilitan el diseño de contenido para varios tamaños de página,
orientaciones o dispositivos. Aplicando reglas de página flotante para determinar el modo
en que los objetos de una página se adaptarán al crear diseños alternativos y cambiar el
tamaño, la orientación o la proporción.

Puede aplicar reglas diferentes a las distintas páginas, en función del diseño y de los
objetivos; aunque solo se puede aplicar una regla de página flotante a las páginas de una en
una.

Utilice las reglas de página flotante para adaptar contenidos a los tamaños de salida:

 Para adaptar los diseños al crear nuevas páginas en el mismo documento con
diseños alternativos.
 Para adaptar los diseños al cambiar los tamaños de página actuales. Esto es
más eficaz que la función Ajuste de composición de la versión anterior.

Para aplicar una regla de página flotante, seleccione la herramienta Página y haga clic
en una página. A continuación, elija una regla de página flotante en la barra de control.
También puede utilizar la opción Diseño > Diseños flotantes.
 Para ver una vista previa de los efectos de la regla aplicada, utilice la herramienta
Página para arrastrar los manejadores de la página a fin de cambiar el tamaño de la página.
Cuando los suelte, la página regresará al tamaño original. Si desea realizar el cambio, tan
sólo pulse la tecla ALT.

NOTA: cabe destacar que la herramienta de página ya existía en CS5, pero ahora
tiene incorporado las reglas de página flotante.

Veamos ejemplos de cada una de las nuevas opciones de esta herramienta:

 Escala: esta función realiza un escalado proporcional para adaptar el

contenido a la página. Es la única función que transforma el tamaño del texto. Todo
el contenido de la página se trata como un grupo: al cambiar el tamaño de página,
todos los elementos se modifican de forma proporcional. El resultado es similar a la
pantalla ancha o pantalla normal en los televisores HD.
  Volver a centrar: mantiene el contenido en el nuevo centro de la página
resultante. Todo el contenido de la página se vuelve a centrar automáticamente,
independientemente de la anchura. A diferencia de la escala, el contenido conserva
su tamaño original.
  Basado en objeto: éste es un método más avanzado. Podemos definir un
objeto (o varios) para que se comporte de una manera dinámica, al definir el nuevo
tamaño de página, e incluso bloquear distancias entre otros para mantener las
mismas. Puede especificar un comportamiento flotante para el tamaño y la
ubicación con respecto al borde de página para cada objeto, ya sea fijo o relativo.

Cada uno de los lados de un marco o cuadro delimitador del objeto puede ser
fijo o relativo a su borde de página correspondiente. Por ejemplo, el lado izquierdo
del marco puede estar relacionado únicamente con el borde izquierdo de la página.

La altura y la anchura pueden ser fijas o cambiar con respecto a la página.

 Podemos observar que hemos fijado dos manejadores (superior e izquierdo)
de la imagen. Al realizar la acción de página, obtenemos:
  Basado en guía: Las guías definen una línea recta a lo largo de la página
donde el contenido se puede adaptar. Los objetos afectados con la herramienta
página serán los que sean “tocados” por una o varias guías. Aquellos objetos que no
“toquen” a una guía, permanecerán inalterados.

Se puede añadir un espacio en blanco.

Los marcos de texto se redimensionan y el texto se muestra correctamente (pero no se

escala).

Los marcos de imagen colocados se redimensionan y la dimensión del límite de

recorte del marco contenedor cambia de tamaño.

Para añadir una guía flotante, primero seleccione la herramienta Página y, a

continuación, extraiga las guías de la regla.

Podemos observar que la guía “toca” a la imagen superior y al marco del título
(Quickies!). Los demás elementos permanecen igual; también el texto pero se ve
desplazado por el empuje de la imagen.

5 Diseño alternativo basado en página flotante

Use Diseños alternativos si necesita que la página tenga un tamaño diferente para
impresión o publicación digital dentro del mismo documento.
 Esta función se puede usar para crear diferentes tamaños de un anuncio impreso.
También se puede usar para los diseños horizontales y verticales para dispositivos como
iPad de Apple o dispositivos tablet con Android.

Si se utiliza en combinación con diseños flotantes, puede reducir significativamente

la cantidad de trabajo manual necesario para rediseñar elcontenido de cada nuevo tamaño y
orientación de la página.

Para crear un diseño alternativo, realice una de las siguientes acciones:

Seleccione Maquetación > Crear diseño alternativo.

Seleccione Crear diseño alternativo en el menú del panel Páginas.

En el cuadro de diálogo Crear diseños alternativos, especifique las opciones

siguientes:

 Nombre: introduzca el nombre del diseño alternativo.

 Desde páginas de origen: seleccione el diseño de origen donde se encuentra
el contenido.
  Tamaño de página: seleccione un tamaño de página o introduzca un tamaño
personalizado para el diseño alternativo.
 Anchura y Altura: estos campos muestran el tamaño del diseño alternativo.
Puede introducir sus propios valores, pero esto cambia el valor deTamaño de página
a un valor personalizado.
 Orientación: elija una orientación para el diseño alternativo. Si se cambia
entre vertical y horizontal, la altura y la anchura se actualizarán.
 Regla de página flotante: elija la regla de página flotante que desea aplicar
al diseño alternativo. Seleccione Conservar existente para heredarlas reglas de
página flotante aplicadas a las páginas de origen. Seleccione otra regla para aplicar
nuevas reglas de página flotante.
 Vincular artículos: active esta opción para colocar objetos y vincularlos a
los objetos originales del diseño de origen. Al actualizar el objeto original, resulta
más fácil administrar las actualizaciones de los objetos vinculados. Véase el tema
anterior dedicado al Contenido vinculado.
 Copiar estilos de texto en nuevo grupo de estilos: active esta opción para
copiar todos los estilos de texto y colocarlos en un nuevo grupo.Esta opción es útil
si necesita modificar los estilos de texto entre diferentes diseños.
 Reflujo de texto inteligente: active esta opción para eliminar los saltos de
línea forzados y otras anulaciones de estilo del texto.

He aquí en ejemplo de todo lo visto en este tema:

 Obteniendo con unas simples órdenes:

Hemos usado:

1. Un documento basado en páginas maestras haciendo uso del Marco

de texto principal. Pudiendo cambiar el diseño de la página maestra y con la
adaptación automática del texto al mismo.
2. Hemos configurado el marco de texto para que tenga una anchura
flexible; así como el uso de un marco de texto persistente, por lo que el tamaño del
marco se ajusta dinámicamente.
3. El uso intensivo de la herramienta Página con las reglas de página
flotante basada en guías.
4. Por último, se ha generado automáticamente, un diseño alternativo.

Empezamos con un diseño vertical para Ipad y con los mismos contenidos hemos
obtenido un diseño horizontal para tal dispositivo.