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

2. Software
3. Adobe
4. Adobe Creative Cloud
5. Cómo utilizar la función de repetición de cuadrícula en Adobe XD

Libro Relacionado

Adobe Creative Cloud All-in-One para tontos, 2ª edición

Por Jennifer Smith, Christopher Smith

Repetir cuadrícula es una de las principales funciones de ahorro de tiempo de Adobe XD. 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 característica.

Lo mejor es que siga las instrucciones si puede. Puede encontrar un archivo de ejemplo que contenga una imagen y texto en la carpeta DummiesCCfiles. Abra la carpeta XD y elija el archivo RepeatGrid-Sample. A continuación, siga estos pasos:

1. Abra un archivo que contenga elementos que desee repetir verticalmente (hacia abajo) la página. Como se mencionó anteriormente, puede crear su propio archivo o utilizar el archivo RepeatGrid-Sample que se ha proporcionado en nuestro sitio.
2. Seleccione todos los elementos que se van a repetir y, a continuación, pulse el botón Repetir cuadrícula en el panel Propiedades. También puede utilizar el método abreviado de teclado, Ctrl+R (Windows) o ⌘ +R (Mac). Las manijas aparecen en los lados derecho e inferior de los elementos.
3. Haga clic y arrastre hacia abajo en el mango inferior para ver que se crea una repetición automáticamente al arrastrar. Arrastre más allá de la plantilla para extender la obra de arte fuera de la parte inferior Repita los elementos seleccionados fácilmente utilizando la función Repetir cuadrícula.
4. Vuelve a tu arte original y haz un simple cambio. Tal vez cambiar el tamaño del tipo de título, o escalar un poco la imagen. Esto puede ser un gran ahorro de tiempo, pero siga los siguientes pasos para ver cómo puede reemplazar fácilmente la imagen y el texto repetidos.

Importar imágenes actualizadas a su cuadrícula repetida

Después de que haya repetido los elementos, es posible que desee demostrar cómo va a funcionar su aplicación con un contenido más realista. El elemento repetido no proporciona una oportunidad para mostrar los diversos datos que su aplicación puede estar ofreciendo. Abajo, usted toma una carpeta de imágenes y las coloca en la parte superior de su cuadrícula repetida para reemplazar su imagen original. Sólo tiene que seguir estos pasos:

1. Busque una carpeta de imágenes en un formato compatible con XD, como JPEG, PNG o GIF. Si está accediendo a la carpeta DummiesCCfiles, puede encontrar una carpeta llamada Insectos dentro de la carpeta XD Files.
2. Coloque la 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.
3. Asegúrese de seleccionar todas las imágenes y, a continuación, haga clic y arrástrelas a la cuadrícula repetida. Puede arrastrar y soltar varias imágenes en la cuadrícula repetida para reemplazar el contenido de la imagen.

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

Actualizar su texto en su cuadrícula repetida

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

1. Cree texto en cualquier aplicación que pueda guardar el archivo en formato de texto sin formato, es decir, con la extensión.txt. El texto se puede generar desde el Bloc de notas, Word, descargar desde Google Docs como texto sin formato o exportar desde muchas otras aplicaciones. Para este ejemplo, puede utilizar el archivo de texto de ejemplo denominado Bugtext.txt en la carpeta XD-Files de nuestro sitio.
2. Coloque la carpeta que contiene el archivo de texto de modo que pueda ver el archivo y la cuadrícula repetida.
3. Al igual que con el proceso de reemplazar la imagen repetida, haga clic y arrastre el archivo.txt sobre el texto repetido de la cuadrícula. El texto se reemplaza con texto de su archivo.click 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 han sido reemplazados aquí.
4. Si se extendió más allá del área de visualización, asegúrese de hacer clic en el nombre de la mesa de trabajo por encima de la mesa de trabajo para seleccionarla.
5. Arrastre la manija inferior para extenderla 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 previsualiza antes del scroll, haga clic y arrastre para ampliar el área de visualización de su cuadrícula repetida.
6. Haga clic en el botón Vista previa del escritorio y desplácese para ver su cuadrícula repetida en acción.