Cómo utilizar la función Repetir cuadrícula en Adobe XD

Repeat Grid es una de las principales funciones de Adobe XD para ahorrar tiempo. La función Repetir cuadrícula le permite crear un conjunto de elementos repetidos con un simple clic y arrastrar. Cuando se repite, puede modificar un conjunto de elementos repetidos y hacer que esos cambios se reflejen instantáneamente en el resto de los elementos. Los pasos que encontrará aquí le ayudarán a experimentar esta gran función.

Es mejor seguir las instrucciones si puede. Puede encontrar un archivo de muestra que tiene una imagen y algo de texto en la carpeta LuckyTemplatesCCfiles . Abra la carpeta XD y elija el archivo RepeatGrid-Sample. Luego sigue estos pasos:

Abra un archivo que tenga elementos que desee repetir verticalmente (hacia abajo) en la página. Como se mencionó anteriormente, puede crear el suyo propio o utilizar el archivo RepeatGrid-Sample que se proporciona en nuestro sitio.

Seleccione todos los elementos que se van a repetir y luego presione el botón Repetir cuadrícula en el panel Propiedades. También puede optar por utilizar el método abreviado de teclado, Ctrl + R (Windows) o ⌘ + R (Mac).

Las manijas aparecen en los lados derecho e inferior de sus elementos.

Seleccione los elementos que le gustaría repetir y luego presione el botón Repetir cuadrícula en el panel Propiedades.

Haga clic y arrastre hacia abajo en el controlador inferior para ver que se crea una repetición automáticamente a medida que arrastra. Arrastre más allá de la plantilla para extender la ilustración fuera de la parte inferior.

Repita los elementos seleccionados fácilmente con la función Repetir cuadrícula.

Vuelve a tu arte original y haz un cambio simple. Quizás cambie el tamaño de letra del título o escale un poco la imagen. Observe que a medida que realiza cambios en este primer elemento, los cambios se reflejan a lo largo de la repetición.

Esto puede ahorrarle mucho tiempo, pero siga los siguientes pasos para ver cómo puede reemplazar fácilmente la imagen y el texto repetidos.

Importar imágenes actualizadas en su cuadrícula repetida

Después de tener elementos repetidos, es posible que desee demostrar cómo funcionará su aplicación con contenido más realista. El elemento repetido no brinda la oportunidad de mostrar los diversos datos que su aplicación puede ofrecer. A continuación, toma una carpeta de imágenes y las coloca en la parte superior de su cuadrícula repetida para reemplazar su imagen original. Solo sigue estos pasos:

Busque una carpeta de imágenes en un formato compatible con XD, como JPEG, PNG o GIF. Si está accediendo a la carpeta LuckyTemplatesCCfiles , puede encontrar una carpeta llamada Insects dentro de la carpeta Archivos XD.

Coloque su ventana XD que contiene la mesa de trabajo con la repetición para que pueda verla y también la carpeta llena de imágenes.

Asegúrese de seleccionar todas las imágenes y luego haga clic en ellas y arrástrelas a la cuadrícula repetida. Las imágenes se reemplazan.

Puede arrastrar y soltar varias imágenes en la cuadrícula repetida para reemplazar el contenido de su imagen.

También puede arrastrar imágenes desde la aplicación Bridge a Adobe XD.

Actualizar su texto en su cuadrícula repetida

Aquí, descubre cómo actualizar su texto en una cuadrícula repetida. Esto se completa de la misma manera que con las imágenes, pero el formato .txt es vital para que este proceso funcione:

Cree texto en cualquier aplicación que pueda guardar el archivo en formato de texto sin formato, es decir, con una extensión de .txt. El texto se puede generar desde el Bloc de notas, Word, descargar de Google Docs como texto sin formato o exportar desde muchas otras aplicaciones. Para este ejemplo, puede usar el archivo de texto de muestra llamado Bugtext.txt en la carpeta XD-Files de nuestro sitio.

Coloque la carpeta que contiene el archivo de texto para que pueda ver el archivo y la cuadrícula repetida.

Al igual que con el proceso de reemplazar la imagen repetida, haga clic y arrastre el archivo .txt sobre el texto de la cuadrícula repetida. El texto se reemplaza con texto de su archivo.

Haga clic y arrastre un archivo .txt sobre la cuadrícula repetida para reemplazar el texto.

Puede ver el ejemplo tal como aparece una vez que las imágenes y el texto se hayan reemplazado aquí.

La cuadrícula repetida con nuevas imágenes y texto.

Si se extendió más allá del área de visualización, asegúrese de hacer clic en el nombre de la mesa de trabajo encima de la mesa de trabajo para seleccionarlo.

Arrastre el controlador inferior para extenderlo a la longitud de su cuadrícula repetida. Esto permite que la pantalla se desplace en la vista previa. La línea de puntos representa el área que se muestra antes del desplazamiento.

Haga clic y arrastre para ampliar el área de visualización de su cuadrícula repetida.

Haga clic en el botón Vista previa del escritorio y desplácese para ver su cuadrícula repetida en acción.