Com utilitzar la funció de repetició de quadrícula a Adobe XD

Repeat Grid és una de les principals funcions d'estalvi de temps d'Adobe XD. La funció Repetir quadrícula us permet crear un conjunt d'elements repetits amb un simple clic i arrossegar. Quan es repeteix, podeu modificar un conjunt d'elements repetits i que aquests canvis es reflecteixin a l'instant a la resta d'elements. Els passos que trobareu aquí us ajuden a experimentar aquesta gran característica.

El millor és seguir les instruccions si podeu. Podeu trobar un fitxer de mostra que conté una imatge i text a la carpeta LuckyTemplatesCCfiles . Obriu la carpeta XD i trieu el fitxer RepeatGrid-Sample. A continuació, seguiu aquests passos:

Obriu un fitxer que tingui elements que voleu repetir verticalment (avall) a la pàgina. Com s'ha esmentat anteriorment, podeu crear el vostre propi o utilitzar el fitxer RepeatGrid-Sample que s'ha proporcionat al nostre lloc.

Seleccioneu tots els elements que voleu repetir i, a continuació, premeu el botó Repetir quadrícula al tauler Propietats. També pots triar utilitzar la drecera del teclat, Ctrl+R (Windows) o ⌘ +R (Mac).

Les nanses apareixen als costats dret i inferior dels elements.

Seleccioneu els elements que voleu repetir i, a continuació, premeu el botó Repetir quadrícula al tauler Propietats.

Feu clic i arrossegueu cap avall a la nansa inferior per veure que es crea una repetició automàticament mentre arrossegueu. Arrossegueu més enllà de la plantilla per estendre l'obra d'art fora de la part inferior.

Repetiu fàcilment els elements seleccionats mitjançant la funció Repetir quadrícula.

Torna al teu art original i fes un canvi senzill. Potser canviar la mida del tipus del títol o escalar una mica la imatge. Tingueu en compte que a mesura que feu canvis en aquest primer element, els canvis es reflecteixen al llarg de la repetició.

Això pot suposar un gran estalvi de temps, però seguiu els passos següents per veure com podeu substituir fàcilment la imatge i el text repetits.

Importació d'imatges actualitzades a la vostra graella repetida

Després d'haver repetit elements, és possible que vulgueu demostrar com funcionarà la vostra aplicació amb un contingut més realista. L'element repetit no ofereix l'oportunitat de mostrar les diferents dades que pot oferir la vostra aplicació. A continuació, agafeu una carpeta d'imatges i les deixeu anar a la part superior de la vostra graella repetida per reemplaçar la vostra imatge original. Només has de seguir aquests passos:

Localitzeu una carpeta d'imatges en un format compatible amb XD, com ara JPEG, PNG o GIF. Si accediu a la carpeta LuckyTemplatesCCfiles , podeu trobar una carpeta anomenada Insectes dins de la carpeta XD Files.

Col·loqueu la vostra finestra XD que conté la taula de treball amb la repetició perquè la pugueu veure i també la carpeta plena d'imatges.

Assegureu-vos de seleccionar totes les imatges i, a continuació, feu clic i arrossegueu-les a la quadrícula repetida. Les imatges es substitueixen.

Podeu arrossegar i deixar anar diverses imatges a la graella repetida per substituir el contingut de la imatge.

També podeu arrossegar imatges des de l'aplicació Bridge a Adobe XD.

Actualització del text a la graella repetida

Aquí, descobrireu com actualitzar el vostre text en una graella repetida. Això es completa de la mateixa manera que amb les imatges, però el format .txt és vital perquè aquest procés funcioni:

Creeu text en qualsevol aplicació que pugui desar el fitxer en format de text sense format, és a dir, amb una extensió de .txt. El text es pot generar des del Bloc de notes, Word, descarregar-se de Google Docs com a text sense format o exportar-se des de moltes altres aplicacions. Per a aquest exemple, podeu utilitzar el fitxer de text de mostra anomenat Bugtext.txt a la carpeta XD-Files del nostre lloc.

Col·loqueu la carpeta que conté el fitxer de text de manera que pugueu veure el fitxer i la graella repetida.

Igual que amb el procés de substitució de la imatge repetida, feu clic i arrossegueu el fitxer .txt sobre el text de la quadrícula repetit. El text es substitueix pel text del vostre fitxer.

Feu clic i arrossegueu un fitxer .txt per sobre de la graella repetida per substituir el text.

Podeu veure l'exemple tal com apareix un cop s'han substituït les imatges i el text aquí.

La graella repetida amb imatges i text nous.

Si us heu ampliat més enllà de l'àrea de visualització, assegureu-vos de fer clic al nom de la taula de treball a sobre de la taula per seleccionar-la.

Arrossegueu la nansa inferior per estendre's a la longitud de la graella repetida. Això permet que la pantalla es desplaça a la vista prèvia. La línia de punts representa l'àrea que es previsualitza abans del desplaçament.

Feu clic i arrossegueu per ampliar l'àrea de visualització de la vostra graella repetida.

Feu clic al botó Vista prèvia de l'escriptori i desplaceu-vos per veure la vostra graella repetida en acció.