Adobe XD: Zaawansowany Repeat Grid cz. 2

CC 2020+

0:00Witaj kolejnej lekcji gdzie chciałem

0:01jeszcze uzupełnić te zaawansowane rozważania na temat Rapid Grid i tego co

0:05nam się udało uzyskać w poprzedniej lekcji przesadzają z Rapid Dawida komponenty.

0:09Jest jeszcze jeden taki efekt uboczny

0:11który pomoże nam znacznie w pracy z klientem.

0:14Warto o tym pamiętać.

0:16Mianowicie często problemem z Davidem jest

0:18to że w momencie gdy tworzymy w nim elementy i chcemy np.

0:23mieć inny kolor tekstu w każdym kolejnym każdej kolejnej interakcji.

0:28Nie jest to możliwe.

0:29Tak jak powiedziałem już wiele razy możemy

0:31wpisywać tekst można wpisywać JPG i Belgii ale nie można napisać np.

0:36kolorów. Czyli jeśli ja bym zmienił kolor np.

0:39na kolor zielony to w każdym elemencie lepiej gdy zostanie on zmieniony

0:44na zielone i koloru tekstu w ten sposób nie mogę różnicować no chyba że mam

0:49komponenty bo właśnie teraz powstaje dość istotne pytanie.

0:53Ten element na którym się znajduje jest

0:55przecież Master komponent a to są jego instancje.

0:58W związku z tym jest logiczne że z poziomu Master komponentu zmieniając kolor on jest

1:02dziedziczone na wszystkie poszczególne instancje.

1:05Powstaje więc bardzo uzasadnione pytanie czy ten kolor kolejnych elementów jest

1:10teraz dziedziczone z ręki Dawida czy jest on dziedziczone z Master komponentu.

1:14I żeby się przekonać cofniemy na chwilę tę

1:16zmianę następnie zaznaczył Master komponent i po prostu wyrzucić go z tej

1:19układanki czyli wybierzemy komendę do plików samego mamy teraz już instancje na

1:24górze Master komponent zaznacza i zwyczajnie usunęła.

1:28A to znaczy że w tym lepiej idzie.

1:31Nie mamy Master komponentu tylko mam same jego instancje to jest instancja to jest

1:34instancja i wszystkie pozostałe to też są instancje.

1:37Jak nam wiadomo zmiana czegoś w instancji nie powoduje napisania tego w kolejnych

1:42instancjach więc na zdrowy rozum powinienem móc teraz to zaznaczyć.

1:46I o ile Rapid GRID nie będzie tego powiedział mogę to zmienić dowolnie.

1:50No i rzeczywiście tak jest to znaczy że

1:53teraz zrobiliśmy jeszcze jedną sztuczkę czyli z pomocą właśnie wykorzystania

1:59komponentów w którym mamy rozmaite elementy.

2:01Możemy w takim Rapid GRID zachowując jego właściwości zmieniać kolory poszczególnych

2:07elementów i wpisywać te rzeczy których normalnie napisać się nie da zmieni np.

2:12na jakieś pomarańczowe i jeszcze jeden kolor który potrzebujemy.

2:16Może jakiś fioletowy albo różowe.

2:19I zobaczymy jak to wygląda.

2:21Mam teraz Rapid Direct który działa bo mogę sobie skopiować te elementy i mam

2:25różne kolory tekstów czego normalnie nie można osiągnąć.

2:28Efektem ubocznym takiej zmiany jest przywrócenie tych starych ikon ale z tym

2:33możemy sobie bardzo łatwo poradzić przejdźmy do sekcji komponentów i teraz

2:36zaznaczając te kolejne ikonki możemy jak zwykle je po zmieniać.

2:40Złapać symbole można bez problemu złapać w ten sposób jak również ten ostatni.

2:47No i powinniśmy też zmienić poszczególne teksty.

2:50Mamy te teksty w plikach tekstowych

2:51aczkolwiek teraz już przerzucenie ich w taki łatwy sposób na Rapid GRID nie będzie

2:55poprawnie działać dlatego zwyczajnie możemy je np.

2:59kopiować i klepać albo pojedynczo stworzyć

3:02pliki tekstowe które pozwolą nam na ich wklej aczkolwiek tu jest akurat

3:06tak mało tego tekstu że ja sobie po prostu to poprzez rzucam.

3:10No i teraz mimo że

3:12zrobiliśmy mamy Rapid Trident to mamy tak naprawdę w pełni kontrolowane komponenty w

3:17których możemy zmieniać co tylko sobie chcemy czyli możemy zmieniać w nich

3:21zarówno kolory jak i treści jak i ikony które niekoniecznie są szpiegami ale np.

3:26usługami poprzez słabe zachowując też właściwości Rapid grid

3:30czyli mamy możliwość dalej stworzenia większej ilości siatki takich elementów

3:35ale na ogół wtedy kiedy już Niepotrzebny nam jest Ten Rapid GRID powinniśmy sobie

3:39odpowiednią ilość elementów to możemy wcisnąć Command Shift g i w tym momencie

3:43je rozbudować usunąć jakieś niepotrzebne instancje.

3:46No i wygląda to całkiem nieźle a pod

3:49spodem zawsze mamy ten Master komponent który spróbuje teraz odzyskać

3:53wrzucić go tutaj do naszych komponentów i zaraz spróbuje go edytować w taki sposób

3:59aby wyglądał trochę lepiej może teraz nie jest idealny.

4:02Ten dość zaawansowany sposób czyli łączący

4:04Rybicki z oponentami i dając też komponenty jedne w drugich.

4:09Udało nam się osiągnąć w zasadzie wszystkie zadania które

4:12chcielibyśmy na przyszłość zrobić teraz mając taki master komponent zmiany w tym

4:16Master komponentu będą rzutować na wszystkie jego instancje które powstały w

4:21związku z tym proponuję żebyśmy jeszcze zajęli się trochę jego dopasowanie.

4:25Mianowicie chcemy ustawić odpowiednio

4:28teksty ustawić odpowiednio krawędzie ale przede wszystkim chciałem pokazać ci też

4:32jak można zarządzać Response żywnością tego elementu i z malowaniem.

4:37W związku z tym w następnej lekcji przyjrzymy się tej opcji Response

4:40która jest dostępna m.in. dla Master komponentów.

4:43Do usłyszenia.