Szkolenie Adobe XD. Projektowanie i prototypowanie interfejsów UI/UX
Naucz się przekształcać swoje koncepcje w interaktywne prototypy aplikacji i stron internetowych!
Program kursu Adobe XD
- Co zyskasz dzięki szkoleniu ?
Cele szkolenia
W trakcie szkolenia uczestnik zapozna się z programem Adobe XD. Dowie się, jak przekształcić swoje koncepcje w wizualne projekty graficznych interfejsów użytkownika. Pozna techniki pracy i sposoby posługiwania się programem. Zapozna się z narzędziami i nauczy się tworzyć, rysować elementy interfejsu (przyciski menu slidery itp.). Ponieważ Adobe XD nie ogranicza się tylko do projektów statycznych, ale umożliwia wprowadzenie dynamicznych interakcji użytkownika, podczas szkolenia uczestnik dowie się, jak tworzyć i organizować te interakcje oraz jak prototypować.
Umiejętności
Po kursie użytkownik będzie:
- Potrafił wykorzystać Adobe XD do tworzenia i budowania interfejsów,
- znał pojęcia i zagadnienia omawiane na kursie.,
- znał techniki pracy i tworzenia elementów i całego interfejsu.
- Kurs pokaże złożoność pracy i środowisko twórcze UI designera. Uczestnik szkolenia zapozna się z prototypowaniem i budowaniem interakcji elementów interfejsu.
- Czy to szkolenie jest dla Ciebie ?
Dla kogo jest kurs projektowania interfejsów?
Szkolenie przeznaczone dla każdego kto chce zająć lub zajmuje się projektowaniem interfejsów użytkownika lub tworzeniem i projektowaniem nowoczesnych stron WWW i aplikacji. Zalecane jest szczególnie grafikom i designerom UI/UX, osobom projektującym aplikacje, chcącym poznać technikę pracy w programie Adobe XD. Polecane jest również pracownikom marketingu oraz programistom (zwłaszcza front-end), którzy po szkoleniu będą lepiej rozumieć swoich partnerów w biznesie, znając możliwości programu Adobe XD.
Przygotowanie uczestników
Od uczestników szkolenia nie wymagana jest wiedza specjalistyczna a jedynie orientacja w sposobie pracy i działania stron internetowych i aplikacji (np. telefonu typu smartphone). Przyda się również podstawowa wiedza z grafiki komputerowej i tworzenia stron www.
Zalecane jest doświadczenie z programami graficznymi Adobe lub odbycie wcześniej przynajmniej jednego szkolenia z programu Adobe Illustrator i/lub Adobe Photoshop – poziom podstawowy.- Czas trwania
Przed nami:
- 2 dni, 16 godzin szkoleniowych
- Szczegółowy program szkolenia
Program kursu Adobe XD od A do Z
Wprowadzenie do programu Adobe XD
- Projektowanie UI/UX
- Środowisko projektowe programu
- Interfejs programu Adobe XDRozdzielczość i skalowanie
- Tworzenie Artboardu – przygotowanie pracy
- Nawigacja w programie i po dokumencie
- Konfiguracja Adobe XD
- Przykłady projektowania stron internetowych i aplikacji
- Organizacja pracy
- Layout, Guides, Grid – dobra praktyki
Tworzenie elementów interfejsu.
- Tworzenie kształtów prostych i złożonych
- Transform i inne modyfikacje
- Wyrównywanie i łączenie kształtów
- Organizacja kolorów w Adobe XD
- Document Assets i Libraries
- Fonty, kolory i inne elementy
- Praca ze stylami
- kształty ikony symbole
- Umieszczanie obrazów w projekcie
- Typografia w projekcie
- Warstwy z wieloma stronami
Budowanie interfejsu - Warstwy komponenty Grupy
- Warstwy - tworzenie i zarządzania
- Komponenty – techniki pracy
- Techniki modyfikowania komponentów
- Komponenty i instancje
- Posługiwanie się grupą
- Wykorzystanie grup w komponentach
- Zastosowanie Repeat Grid
- Material Design i MoodBoards
- Projektowanie nagłówków, stopek
- Projektowanie zawartości stron
- Projekty na Tablet, telefon, stronę www
- Importowanie plików
- Responsive Resize
- Mobilna wersja interfejsu
Tworzenie Interakcji Interfejsu i prototypowanie
- Stany obiektów
- Budowanie stanów w prototypowaniu
- Tworzenie interakcji
- Prototypowanie podstawowe
- Menu, pop up i inne interakcje
- Interakcyjność przycisków i grafik
- Auto-Animate i transition I inne funkcje
- Slidery i scroling
Gotowy projekt
- Preview projektu gotowego
- handoff dla developera i designera
- Export projektu
Metoda realizacji szkolenia
Szkolenie realizowane jest w formie naprzemiennie następujących po sobie mini wykładów oraz ćwiczeń praktycznych. Szkolenie łączy w sobie fachową wiedzę merytoryczną z praktycznymi przykładami jej wykorzystania w środowisku pracy.
- Ścieżka rozwoju
Po zakończeniu szkolenia rekomendowane jest skorzystanie ze szkoleń obejmujących zagadnienia:
- Adobe XD – szkolenie zaawansowane (w przygotowaniu)
- Adobe Photoshop – kurs zaawansowany
- Adobe Photoshop – szkolenie podstawowe
- Adobe Photoshop – zaawansowane
- Adobe Illustrator - kurs zaawansowany
- Adobe Illustrator – kurs podstawowy i średniozaawansowany
- HTML5/CSS3 – Tworzenie stron internetowych
- Szkolenia JavaScript
- W ramach szkolenia zapewniamy
- materiały szkoleniowe
- certyfikat potwierdzający udział w kursie
- pełna obsługa cateringowa (dla szkoleń stacjonarnych)