Narzędzia do projektowania UI/UX

Poznaj podejścia do projektowania stron i aplikacji oraz narzędzia, za pomocą których możesz tego dokonać.
Uwaga: kurs nie jest wprowadzeniem do tematyki UI/UX. Poza niezbędnymi pojęciami oraz klasyfikacjami nie będzie tutaj omawiana wiedza teoretyczna.
Kurs skupi się na obsłudze kilku narzędzi służących do tworzenia projektów: InVision Cloud, InVision Studio, Figma.

Szkolenie skrojone pod Ciebie lub potrzeby Twojego zespołu

Ty ustalasz termin i miejsce
Wspólnie ustalamy optymalny zakres i wymiar czasowy oraz formę: szkolenie, warsztaty lub konsultacje
Przeprowadzimy ewaluację określającą poziom wiedzy przed szkoleniem
Nie marnuj czasu na rzeczy znane lub zbędne w projekcie
Ucz się realizując zadania o praktycznej tematyce, bliskiej Tobie
Dodaj niestandardowe tematy i czas na konsultację do zakresu szkolenia
Po szkoleniu trener może być dostępny do zdalnych konsultacji

Program szkolenia

Rodzaje projektów interfejsu

Poznaj wyróżniki oraz zastosowania makiet, wireframe, mockupów oraz prototypów. Czym się charakteryzują? Kiedy powinny być używane?

Projektowanie adaptacyjne i responsywne

Dowiedz się, jakie są dwa podejścia do projektowania aplikacji używanych na urządzeniach o różnych rozdzielczościach. Czy lepiej dokładać lub odejmować elementy, czy tylko je zmniejszać i przesuwać?

Tworzenie makiet (wireframes): InVision Cloud

Praktyczna nauka tworzenia makiet w programie InVision Cloud lub podobnym.

szybkie szkicowanie
sposób przedstawienia różnych elementów interfejsu tworzonej aplikacji (przyciski, pola, obrazy, panele) w makiecie

Tworzenie interfejsów: InVision Studio, Figma

Praktyczna nauka tworzenia makiet w programie InVision Studio, Figma lub podobnym. Szczególny nacisk będzie położony na aspekt praktyczny:

zarządzanie zmianami
tworzenie komponentów
wykorzystanie style guide i design system
przygotowanie projektów responsywnych
dzielenie się projektami z zespołem

Prototypowanie interakcji i animacji: InVision Studio, Figma

Odkryj nieskomplikowane sposoby na ożywienie Twoich projektów

dodaj mikrointerakcje, aby polepszyć UX
stwórz płynne przejścia między ekranami
połącz gotowe ekrany w historię symulującą użycie projektowanej aplikacji