Kurs Figma - podstawy projektowania interfejsów
Naucz się projektować nowoczesne i funkcjonalne aplikacje w Figma. Poznaj cały proces projektowania UX/UI od tworzenia wireframe, przez prototypowanie na testowaniu aplikacji kończąc.
Oferta specjalna
Kup ten kurs za 73 zł z kodem
Minimalna wartość w koszyku, aby aktywować kod: 200 zł.
Dostęp od razu po zakupie
Płacisz raz i wchodzisz prosto do lekcji - bez subskrypcji, bez czekania na grupę.
Ten kurs jest częścią ścieżki
UX/UI Designer
29 638 osób uczy się
z kursów tej ścieżki
Opis szkolenia
Czego się nauczysz:
-
poruszania się po interfejsie i wykorzystania kluczowych narzędzi Figma
-
najważniejszych zasad projektowania interfejsów (UI)
-
tworzenia wireframe’ów i projektowania ekranów aplikacji
-
prototypowania i tworzenia animacji
-
pracy z komponentami i ich wariantami
-
tworzenia własnych bibliotek do wykorzystania w innych projektach
-
wykorzystywania przydatnych wtyczek i pracy z auto-layoutem
-
testowania aplikacji na urządzeniach mobilnych
Myślisz o ścieżce kariery UX/UI designera? Zastanawiasz się od czego zacząć przygodę z projektowaniem funkcjonalnych stron internetowych i aplikacji? Chcesz zobaczyć jak krok po kroku wygląda cały proces projektowania i samodzielnie tworzyć UI w jednej z najlepszy aplikacji na rynku?
W takim razie ten kurs będzie świetnym wyborem! W jego trakcie nauczysz się obsługi Figmy, darmowej i cenionej przez designerów na całym świecie aplikacji do projektowania i prototypowania stron i aplikacji. Nie martw się, nie musisz posiadać żadnego doświadczenia w tym temacie. W kursie ruszamy zupełnie od zera, a cała nauka opierać się będzie o najnowszą wersję Figma, która wprowadziła masę nowych funkcji i usprawnień również z myślą o początkujących projektantach.
Kurs zaczniemy od dobrego poznania interfejsu i wszystkich najważniejsze funkcjonalności Figmy. Dowiesz się jak pracować z narzędziami wyrównywania, auto-layoutem, tekstem, elementami graficznymi, efektami i wieloma innymi rzeczami, które nie sposób nawet tutaj wymienić.
Później przejdziemy pracy nad projektem naszej aplikacji mobilnej. Zaczniemy od omówienia wymagań projektu i stworzenia wireframe. Następnie zajmiemy się projektowaniem kolejnych ekranów aplikacji - łącznie będzie ich aż 12. Pracując nad projektem zdobędziesz praktyczne umiejętności przydatne w pracy każdego UX/UI designera. Nauczysz się m.in. obsługi wtyczek, prototypowania, testowania aplikacji na urządzeniu mobilnym oraz pracy zespołowej nad projektem.
Interfejs i kluczowe funkcjonalności Figmy
Na początku szkolenia pokażę Ci jak postawić swoje pierwsze kroki w programie Figma. Opowiem Ci jak organizować swoją pracę i tworzyć pliki projektowe. Poznasz cały interfejs, elementy głównego paska narzędzi i bocznych paneli. Nauczysz się korzystać z najważniejszych funkcjonalności i narzędzi Figma.
Omówimy m.in narzędzia wyrównywania, ustawienia frames, auto layout, constraints, grid czy narzędzia tekstu i typografii. Zobaczysz jak się pracować z obrazkami, wykorzystywać efekty graficzne oraz eksportować projekt w różnych rozmiarach i formatach. Ta wiedza pozwoli pozwoli Ci w łatwy sposób przejść do kolejnych etapów, gdzie czeka na Ciebie masa praktyki.
Projektowanie aplikacji mobilnej od zera
Kurs przygotowałam tak, aby każda osoba nawet taka nie mająca kompletnie żadnego doświadczenia z tego typu aplikacjami, grafiką i projektowaniem potrafiła po jego ukończeniu samodzielnie tworzyć świetne UI. W trakcie kursu wspólnie ze mną wykonasz projekt aplikacji mobilnej dla pizzeri z możliwością rejestracji użytkowników, zamawiania posiłków i dostarczania ich do klientów. Będzie więc w pełni kompletna i gotowa do wdrożenia przez programistów.
Pracę nad nią zaczniemy od omówienia wymagań projektu i stworzenia wireframe. Później przejdziemy do przygotowania kluczowych ekranów aplikacji: ekranu logowania, ekranu główny i ekranu produktu. Pokażę Ci jak korzystać z gotowych, spójnych stylem pakietów ikon oraz jak tworzyć skalowalne i harmonijne systemy kolorystyczne i tekstowe. Dowiesz się również jak zadbać o odpowiedni kontrast i nauczysz się tworzyć komponenty z często powtarzających się elementów takich jak buttony, czy inputy. Dzięki temu będziesz mógł wykorzystywać je później w wielu miejscach aplikacji oszczędzając mnóstwo czasu i pracy.
Makietowanie i przydatne materiały
W dalszej części kursu zajmiemy się projektowaniem kolejnych ekranów naszej aplikacji. Zanim jednak do tego przejdziemy, pokażę Ci kilka przydatnych narzędzi i stron, które znacznie ułatwią i przyśpieszą nam pracę. Poznasz m.in. stronę Figma Community, na której pokażę Ci całą masę przydatnych wtyczek, gotowe systemy projektowe czy wireframe’y. Podpowiem ci również jak wykorzystać UI Kits, czyli gotowe templatki i ekrany, z których korzystają doświadczeni designerzy, oszczędzając dzięki temu masę czasu podczas projektowania.
Pokażę Ci również dwie witryny, w których znajdziesz materiały przydatne w projektowaniu aplikacji mobilnych dla systemów Android oraz iOS. Po przyswojeniu tych przydatnych wskazówek przejdziemy do projektowania kolejnych ekranów naszej apki. Zajmiemy się m.in. ekranami menu, produktu, koszyka, płatności, śledzenia zamówienia, czy profilu i historii zamówień.
Prototypowanie i testowanie aplikacji
Jednym z najważniejszych etapów w projektowaniu UX/UI jest prototypowanie. To graficzne przedstawienie całej aplikacji lub jej pojedynczych elementów, które umożliwia sprawdzenie jej działania i lepsze zrozumienie poszczególnych funkcjonalności. Podczas kursu nauczysz się tworzyć interakcję między obiektami i ekranami naszej aplikacji. Będziesz mógł sprawdzić np. jak działa m.in. dodawanie produktu do koszyka, poruszanie się między różnymi ekranami aplikacji, wyświetlanie profilu i historii zamówień i znacznie więcej. Dowiesz się również jak dodawać do projektu atrakcyjnie wyglądające animacje i jak przetestować jej działanie aplikacji realnym urządzeniu np. swoim smartfonie.
Eksport plików i praca w zespole
Na sam koniec porozmawiamy o eksporcie, udostępnianiu plików oraz pracy zespołowej. To niezwykle przydatna wiedza, bo jako projektant z pewnością będziesz współpracował z innymi osobami - grafikami, programistami czy innymi designerami. Figma pod względem pracy zespołowej jest naprawdę świetnym narzędziem i każdy designer powinien wiedzieć jak to wykorzystać. W trakcie kursu pokażę Ci m.in jak zaprosić innego użytkownika do wspólnej pracy nad projektem, udostępnić projekt innym osobom lub poprosić innych o uwagi do konkretnych elementów projektów. Podpowiem Ci również jak przekazać gotowy projekt developerom, którzy będa odpowiedzialni za jego późniejsze wdrożenie.
Co jeszcze powinieneś wiedzieć?
Aby w pełni wykorzystać wiedzę zawartą w tym szkoleniu nie musisz posiadać zaawansowanej wiedzy na temat projektowania, prototypowania, ani programowania – choć będą one niewątpliwym atutem! Najważniejsza będzie otwarta głowa, chęć do nauki i ciekawość świata. Zarezerwuj czas w kalendarzu, aby poza obejrzeniem lekcji, dać sobie czas na praktykę. Najwięcej się nauczysz, samodzielnie przechodząc przez pełen proces projektowy i tworząc swój własny produkt.
Propozycja dla Ciebie
Odbierz 51% zniżki kupując pakiet 3 kursów
Zdobądź pełen wachlarz umiejętności i oszczędź aż 51% ceny.
Oferta kończy się za
-
Kurs Figma - podstawy projektowania interfejsów
4.8 (142 opinie)149 zł 73 zł -
Kurs UX Design - wprowadzenie do projektowania doświadczeń użytkowników
4.9 (87 opinii)179 zł 88 zł -
Kurs Figma - projektowanie responsywne i auto-layout
5.0 (42 opinie)129 zł 63 zł
- Cena regularna
- 457 zł
- Rabat pakietowy
- −233 zł
- Do zapłaty za pakiet
- 224 zł
Twój instruktor
Agata Sakowicz
UX designerka
Opinie kursantów
„Świetny kurs na start, Agata bardzo przejrzyście tłumaczy akcje w Figmie, można przez to sporo zrozumieć i co za tym idzie, nauczyć się żeby móc wykorzystywać to w przyszłych projektach - za tę cenę, nie można było zrobić tego lepiej, polecam!"
„Jestem zaawansowanym użytkownikiem, ale potrzebowałem od podstaw poznać Figmę z kursem pokazującym stworzenie makiety od początku do końca i ten kurs pokazuje to świetnie tłumacząc wszystko prostym językiem. Dla mnie jako zaawansowanego użytkownika szybko pokazało jak używać Figmy. Chwilami użytkowanie przypomina mi Corel DRAW więc przystosowanie do Figmy w moim przypadku jest proste i szybkie. Kurs godny polecenia."
Czytaj więcej
Zwiń
Mariusz Wełygan
zweryfikowany kursant
„Bardzo rzeczowe i profesjonalne szkolenie. Wykładowca w jasny oraz bardzo prosty sposób przedstawia obsługę programu. Gorąco polecam i czekam na kolejne szkolenia."
„Bardzo fajny kurs. Pani Agata dokładnie wszystko tłumaczy. Przyjemnie się słuchało oraz rozwiązywało zadania."
Aleksandra Szumilak
zweryfikowany kursant
„Polecam:) bardzo dobry kurs dla początkujących"
Wioletta Szuba
„Lekcje prowadzone z ogromną starannością, zaangażowaniem i spokojny rytm pracy z projektem, z chęcią wracałam do lekcji nawet po ciężkim dniu pracy. "
Julita Lorek
„Bardzo fajny kurs "
„Bardzo zgrabnie ujęte najważniejsze informacje dla początkującego :)"
Wiktoria Saramak
„Wszystko wytłumaczone w łatwy sposób do zapamiętania."
Magdalena Piątek
„Bardzo dobry kurs."
strefakursów
Od 20 lat uczymy nowych zawodów.
Zaufania na taką skalę nie buduje się na skróty - stoi za nim rygor, z jakim powstaje każdy kurs i każda ścieżka.
Ponad 382 tys. kursantów
przeszkolonych w strefakursów
4,9
ocena w Google
61 280
zweryfikowanych recenzji
Standard wydawniczy
Zanim kurs trafi do sprzedaży, przechodzi pięcioetapowy rygor produkcyjny:
weryfikacja autora · metodyka · studio · montaż bez „lania wody" · audyt jakości
Godzina takiego kursu to ekwiwalent co najmniej trzech godzin chaotycznego, darmowego materiału.
Powiązane tematy
Zobacz też
Podobne kursy
Projektowanie
Kurs UX Design - wprowadzenie do projektowania doświadczeń użytkowników
179 zł
Projektowanie
Kurs Figma - projektowanie responsywne i auto-layout
129 zł
Projektowanie
Figma dla średnio zaawansowanych
169 zł
Projektowanie
Kurs UX & UI - sztuka użytecznego projektowania
169 zł
Projektowanie
Kurs Figma w praktyce - workflow i automatyzacja dla projektantów
169 zł
Projektowanie
Kurs Design System - systemy projektowe od podstaw
169 zł
Projektowanie
Kurs Projektowanie UX w praktyce - model podwójnego diamentu
149 zł
Projektowanie
Kurs Podstawy Product Design - jak projektować produkty cyfrowe
159 zł
Projektowanie
Figma - praktyczny projekt aplikacji od podstaw
149 zł
Projektowanie
Kurs WCAG - dostępność cyfrowa w projektowaniu stron i aplikacji
149 zł
Ten kurs jest częścią ścieżki
UX/UI Designer
Opanuj kluczowe techniki projektowania wizualnego oraz projektowania zorientowanego na użytkownika. Zbuduj podstawy, poznaj narzędzia i zacznij wykorzystywać AI, by rozwinąć karierę w branży UX/UI.
Dostęp od razu po zakupie
149 zł