Profil uczestnikó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. 

Przed nami:

• 2 dni, 16 godzin szkoleniowych

Szczegółowy program szkolenia

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.

Po zakończeniu szkolenia rekomendowane jest skorzystanie ze szkoleń obejmujących zagadnienia:

• Adobe XD – szkolenie zaawansowane  (w przygotowaniu)
• Adobe Photoshop – projektowanie interfejsów
• Adobe Photoshop – szkolenie podstawowe
• Adobe Photoshop – zaawansowane
• Adobe Illustrator – projektowanie interfejsów
• Adobe Illustrator – szkolenie podstawowe
• Adobe Illustrator – zaawansowane
• HTML i CSS i Javascript
• lub inne szkolenie z dziedziny projektowania grafiki.

• materiały szkoleniowe
• certyfikat potwierdzający udział w kursie
• pełna obsługa cateringowa (dla szkoleń stacjonarnych)