Kurs ten ma na celu nauczenie uczestników projektowania nowoczesnych i funkcjonalnych aplikacji przy użyciu Figmy, jednego z najbardziej cenionych narzędzi do projektowania i prototypowania stron internetowych oraz aplikacji mobilnych. Uczestnicy kursu zdobędą umiejętności potrzebne do tworzenia interfejsów użytkownika (UI) od podstaw, projektowania wireframe'ów, prototypowania, a także testowania swoich projektów na urządzeniach mobilnych. Kurs jest przeznaczony dla osób bez doświadczenia w projektowaniu, a cały proces nauki opiera się na najnowszej wersji Figmy, oferującej wiele nowych funkcji i usprawnień.

Usługa:

Tutorial/Kurs video

Poziom:

Podstawowy

Kategorie:

Technologia i IT

Design i Sztuka

Charakterystyka uczestników

Kurs jest skierowany do początkujących projektantów UX/UI, osób pragnących rozpocząć karierę w projektowaniu interfejsów użytkownika, a także do tych, którzy chcą poszerzyć swoje umiejętności w zakresie pracy z narzędziem Figma.

Program

Wprowadzenie

Wstęp i omówienie projektu
Jak korzystać z materiałów?

Pierwsze kroki w Figmie

Co to jest Figma?
Rejestracja w Figmie
Organiacja pracy
Tworzenie pliku projektu

Omówienie interfejsu

Główny pasek narzędzi
Panel po prawej (design & prototype)
Panel po lewej (layers & assets)
Funkcjonalności narzędzi w głównym pasku

Funkcjonalności narzędzi w prawym panelu

Narzędzia wyrównywania
Ustawienia frames
Auto-layout & Constrains
Grid & Layers
Wypełnienie & Obrys & Selection Colors
Obrazki
Efekty
Eksport
Typografia

Tworzenie aplikacji od zera

Wymagania projektu
Wireframe
Makieta
Ikony
Kolory
Style kolorystyczne i tekstowe
Komponenty
Nakładanie kolorów na makietę
Button komponent
Input komponent
Przydatne wtyczki

Praca nad makietą

IOS i Android
Ekran menu restauracji
Ekran produktu
Ekran koszyka
Ekran płatności
Ekran śledzenia zamówienia
Ekran profilu i historii zamówień

Prototypowanie

Wprowadzenie do tematu
Dodawanie połączeń w naszej aplikacji
Testowanie na telefonie
Otwieranie linków

Eksport, udostępnianie plików i praca w zespołach

Praca z zespołami
Udostępnianie naszych plików
Tworzenie eksportu

Zakończenie

Zastosowane metody

Wykłady wideo
Praktyczne ćwiczenia
Testy i zadania
Praca nad projektem aplikacji mobilnej

Dodatkowe informacje organizacyjne

Kurs na platformie zewnętrznego partnera. Standardowa cena może ulec zmianie (promocje, rabaty).

Uczestnik otrzymuje:

Certyfikat ukończenia kursu

Wiedza:

Znajomość interfejsu i kluczowych funkcjonalności Figmy.
Zrozumienie zasad projektowania interfejsów (UI).
Wiedza na temat tworzenia wireframe'ów.
Znajomość technik prototypowania i animacji.
Umiejętność korzystania z komponentów i ich wariantów.
Tworzenie bibliotek do wielokrotnego użytku.
Wykorzystanie przydatnych wtyczek i auto-layoutu.
Znajomość procesu testowania aplikacji na urządzeniach mobilnych.
Eksport i udostępnianie plików projektowych.
Praca zespołowa w Figmie.

Umiejętności:

Poruszanie się po interfejsie Figmy.
Wykorzystanie narzędzi wyrównywania i auto-layoutu.
Tworzenie i stylizowanie tekstu oraz elementów graficznych.
Projektowanie ekranów aplikacji mobilnej.
Tworzenie skalowalnych systemów kolorystycznych i tekstowych.
Stosowanie komponentów w różnych projektach.
Projektowanie interakcji między obiektami i ekranami aplikacji.
Dodawanie animacji do projektów.
Testowanie aplikacji na smartfonach.
Eksportowanie projektów w różnych formatach.

Kompetencje społeczne:

Praca w zespole nad projektem.
Udostępnianie projektów i zbieranie feedbacku.
Efektywna komunikacja z innymi designerami i programistami.
Zarządzanie czasem podczas pracy nad projektami.
Rozwiązywanie problemów projektowych.
Dostosowanie projektów do wymagań użytkowników.
Kreatywne podejście do projektowania interfejsów.
Samodzielne tworzenie i wdrażanie projektów.
Otwartość na nowe narzędzia i technologie.
Chęć do ciągłego doskonalenia swoich umiejętności.

Pozostałe korzyści:

Nielimitowany dostęp do materiałów szkoleniowych
Testy i zadania do weryfikacji zdobytej wiedzy
Rekomendacje na LinkedIn
Dostęp w aplikacji mobilnej