Adobe XD Flashcards
(27 cards)
Do czego służy ArtBoard?
Ma nazwę. Łączy grafiki w całość.
Jak złapać cały ArtBoard?
Można kliknąć na jego nazwę
Jak używać podstawowych kształtów?
Prostokąt i elipsa
Jak używać Pen tool?
Praca z piórem, używanie skrótów klawiszowych + ALT
Jakie mamy opcje do pracy z tekstem?
Point text lub Text area
Jak zaznaczać obiekty?
Jak zaznaczyć prostokąt vs okrąg. Dodatkowe możliwośc zaokrąglania obiektów. Z ALT’em można zakrąglić jeden bok.
Jak grupować i zogrupowywać obiekty?
Z pomocą menu kontekstowego - Group/Ungroup
Jak użyć operacji bool’owskich?
Zaznacz kilka elementów - union/subtract etc.
To co znaczy, że operacje boolowskei są żywe?
Live
Jak wkleić zdjęcie do Artboard’y?
Ctrl+V - wyszarzone elementy nie będą widoczne
Jak skopiować kształt w czasie przeciągnia?
Alt + Left-mouse drag
Jak użyć maskowania?
Prawy przycisk - mask with shape
Jak korzystać z Asset’ów?
Dodawania kolorów, Apply as Fill/Background, zmiana koloru od razu zmienia wszystkie jego wykorzystania
Jak powtarzać content na stronie?
Można skorzystać z Repeating Grid. Warto w tym celu pogrupować elementy na stronie. Ponadto możemy zmienić content elementów - możemy przeciągnać tekst i obrazki z plików. Adobe XD samo podmieni resztę. Tekst w plikach może być w wielu linijkach. Każda kolejna linia - Adobe XD będzie zakładać, że powinna być w kolejnym elemencie.
Jak stworzyć powtarzający się content, który można scrollować?
Musimy określić nasz artboard jako scrollable. Zaznaczamy cały Artboard i określamy Scrolling - Vertical
Jak można zablokować element podczas scrollowania?
Zaznaczenie checkbox’a Fix position when scrolling
Jak ustawić ArtBoard jako pierwszy w danym prototype?
Klikamy na prototyp/artboard i klikamy szary prostokąt
Jak dodać animację/przejście między ekranami w aplikacji?
Możemy połączyć ArtBoard’y i ustawić aplikację.
Jak dodać przejście między Artboard’ami?
Dodanie niebieskiej linii między art-boardami. Następnie wybieramy rodzaj akcji i rodzaj animacji.
Jak uruchomić aplikację w trybie podglądu i obejrzeć swoje artboard’y?
Kliknięcie odpowiedniej ikony w górnym prawym rogu ekranu pozwala na wyświetlenie prototypu na ekranie komputera lub urządzenia mobilnego.
Do czego służy tryb Overlay w czasie linkowania ekranów?
Pozwala na stworzenie okienko dialogowego, które znajduje się nad innym artboard’em, który pozostaje wyszarzony.
Jak wykonać przycisk powroty/back?
W czasie definiowania akcji możemy wybrać “Transition to previous artboard”.
Jak wykonać prototyp ze scrollowaniem horyzontalnym?
- Najpierw przygotowujemy artboard z repeating grid
- Następnie kopiujemy arboard
- Linkujemy repeating grid do kopii artboarda. Zmieniamy trigger na drag.
- Na drugim artboarddzie przesuwamy repeating grid.
- Wykorzystujemy morphing, który potrafi łatwo modyfikować różnego rodzaju właściwości.
Jak dodać do prototypu klikalny checkbox?
- Trzeba skopiować cały artboard
- Połączyć akcję kliknięcia na checkbox ze skopiowanym artboardem.
- Pozostawiamy akcję na auto-animate.
