✅ Nowoczesny system szkoleniowy dla firm i zespołów! Zobacz ofertę

Zastanawiasz się jak zwiększyć motywację i zaangażowanie w swoim zespole? Poznaj nasz nowoczesny system szkoleniowy dla firm i zespołów. Dzięki skutecznemu systemowi motywacji aż 80% użytkowników kończy szkolenie! Twórz programy nauczania dopasowane nie tylko do specyfiki Twojej działalności, ale przede wszystkim do potrzeb działu, stanowiska czy konkretnego pracownika. Wybierz pakiet

✅ Ucz się o dowolnej porze i oglądaj szkolenia bez dostępu do Internetu w aplikacji mobilnej

Pobierz naszą aplikację mobilną strefakursów.pl i ucz się bez żadnych ograniczeń. Pobieraj kursy i lekcje na swoje urządzenie i oglądaj nawet bez dostępu do Internetu. Dla nowych użytkowników aplikacji mamy niespodziankę! Aby odebrać prezent musisz zezwolić aplikacji na wysyłanie powiadomień. Pobierz aplikację

Pomoc i kontakt

Koszyk

Zaloguj się

strefakursów.pl Projektowanie

Kurs Figma - podstawy projektowania interfejsów:Trailer

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.

Kurs Figma - podstawy projektowania interfejsów:Ikony

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.

Kurs Figma - podstawy projektowania interfejsów:Ekran koszyka

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.

DARMOWE FRAGMENTY

Ten kurs jest częścią ścieżki:

UX/UI Designer

21650 użytkowników podnosi swoje kwalifikacje w tej ścieżce kariery.

Opinie użytkowników

Kamila Kiszka

5.0

Ś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!

Mariusz Wełygan

5.0

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… Czytaj więcej

Zobacz wszystkie

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.

Graficzne przedstawienie prototypu aplikacji i poruszanie się między ekranami aplikacji.

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.

ZOBACZ WIĘCEJ

Najczęściej kupowane w pakiecie

Kurs Figma - podstawy projektowania interfejsów

Kurs UX Design - wprowadzenie do projektowania doświadczeń użytkowników

Razem do zapłaty

164 zł

-50% 328 zł

+1148 punktów premium

KUP W PAKIECIE

Kurs Figma - podstawy projektowania interfejsów

Kurs UX & UI - sztuka użytecznego projektowania

Razem do zapłaty

144 zł

-50% 288 zł

+1008 punktów premium

KUP W PAKIECIE

Kurs Figma - podstawy projektowania interfejsów

Kurs UX w biznesie - efektywna praca projektanta

Razem do zapłaty

144 zł

-50% 288 zł

+1008 punktów premium

KUP W PAKIECIE

Kurs Design System - systemy projektowe od podstaw

Kurs Figma - podstawy projektowania interfejsów

Razem do zapłaty

159 zł

-50% 318 zł

+1113 punktów premium

KUP W PAKIECIE

Kurs Figma - projektowanie responsywne i auto-layout

Kurs Figma - podstawy projektowania interfejsów

Razem do zapłaty

124 zł

-50% 248 zł

+868 punktów premium

KUP W PAKIECIE

Nie wiesz od czego zacząć naukę?

Chętnie pomożemy! Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji.

Rozpocznij teraz

Program nauczania

1 Wprowadzenie

Wstęp i omówienie projektu 01m 11s

Jak korzystać z materiałów? 00m 45s

2 Pierwsze kroki w Figmie

Co to jest Figma? 01m 19s

Rejestracja w Figmie 00m 25s

Organiacja pracy 02m 08s

Tworzenie pliku projektu 00m 52s

3 Omówienie interfejsu

Główny pasek narzędzi 03m 35s

Panel po prawej (design & prototype ) 01m 38s

Panel po lewej (layers&assets) 01m 43s

Funkcjonalności narzędzi w głórnym pasku 08m 13s

4 Funkcjonalności narzędzi w prawym panelu

Narzędzia wyrównywania 02m 55s

Ustawienia frames 02m 32s

Auto-layout & Constrains 02m 21s

Grid & Layers 02m 59s

Wypełnienie & Obrys & Selection Colors 03m 05s

Obrazki 02m 04s

Efekty 01m 18s

Eksport 01m 08s

Typografia 06m 01s

5 Tworzenie aplikacji od zera

Wymagania projektu 03m 05s

Wireframe 05m 45s

Makieta 09m 29s

Ikony Podgląd 05m 03s

Kolory 08m 53s

Style kolorystyczne i tekstowe 13m 57s

Komponenty 06m 44s

Nakładanie kolorów na makiete 11m 11s

Button komponent 18m 02s

Input komponent 10m 28s

Przydatne wtyczki 06m 05s

6 Praca nad makietą

IOS i Android 03m 13s

Ekran menu restauracji 16m 19s

Ekran produktu 14m 24s

Ekran koszyka Podgląd 10m 27s

Ekran płatności 06m 21s

Ekran śledzenia zamówienia 07m 59s

Ekran profilu i historii zamówień 11m 34s

7 Prototypowanie

Wprowadzenie do tematu 11m 49s

Dodawanie połączeń w naszej aplikacji 11m 01s

Testowanie na telefonie 02m 25s

Otwieranie linków 02m 04s

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

Praca z zespołami 04m 14s

Udostępnianie naszych plików 05m 09s

Tworzenie eksportu 01m 27s

Zakończenie 00m 50s

Ocena uczestników

43734 użytkowników oceniło i zrecenzowało szkolenia strefakursów.pl

Średnia ocena uczestników w niezależnym serwisie Google to 4.9/5 ⭐⭐⭐⭐⭐ z 2261 wszystkich opinii.

86%

13%

Recenzje użytkowników (84)

Julia Polak

23 kwietnia 2024

5.0

Duża dawka wiedzy i ciekawie poprowadzony kurs.

Ewelina Siwek

17 kwietnia 2024

5.0

Kurs uważam za świetny dla osób, które dopiero zaczynają swoją przygodę z tworzeniem interfejsów użytkownika. Dzięki klarownym i przystępnym instrukcjom szybko opanowałam podstawowe funkcje programu i poznają dobre praktyki projektowania interfejsów. Ćwiczenia… Czytaj więcej

Anna Klos

12 kwietnia 2024

5.0

Bardzo dobry kurs na start. Niestety niektóre funkcje nie są te same lub inaczej pokazane i trzeba pokombinować.

Radosław Bukłaga

22 marca 2024

5.0

super kurs

Jakub Kita

21 marca 2024

5.0

Jako początkowy kurs dla młodego desingera naprawdę polecam

WIĘCEJ RECENZJI

Najczęściej zadawane pytania

Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to wideoporadniki przygotowane przez zespół naszych specjalistów. Twoje uczestnictwo w szkoleniu polega na tym, że otrzymujesz dostęp do wykładów wideo oraz innych materiałów szkoleniowych za pośrednictwem platformy szkoleniowej zaraz po zalogowaniu się na swoje konto. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w serwisie strefakursów.pl. Materiały, do których otrzymasz dostęp pozwolą Ci rozwinąć się zawodowo i podnieść Twoje kwalifikacje. Każdy kurs przepełniony jest praktyczną wiedzą, która ułatwi Ci osiągnięcie wymarzonych życiowych celów. Zdobytą wiedzę i postępy w nauce możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.

Czy otrzymam certyfikat ukończenia szkolenia i jaką ma on formę?

Do każdego ukończonego przez Ciebie szkolenia wystawiamy imienny certyfikat. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i nazwa instytucji certyfikującej. Warto podkreślić, że jesteśmy wpisani do Rejestru Instytucji Szkoleniowych (nr wpisu 2.12/00119/2017).

Certyfikat możesz wydrukować lub opublikować w Internecie za pośrednictwem specjalnego odnośnika np. na LinkedIn lub innych portalach społecznościowych . Jak również dołączyć do swojego CV.

Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia mamy obowiązek wystawić fakturę VAT (23%) lub paragon. Rodzaj dokumentu zależy od danych, które podasz w formularzu podczas składania zamówienia. Faktury zwykle wystawiamy do 3 dni roboczych od momentu zaksięgowania wpłaty. Poinformujemy Cię o tym fakcie mailowo, a dokument będzie można pobrać bezpośrednio z poziomu zakładki Historia zamówień na Twoim koncie w strefakursów.pl. Jeśli potrzebujesz dokumentu Proforma lub faktury odroczonej, złóż zamówienie, a w uwagach do zamówienia dodaj komentarz “Proforma” lub "Faktura z odroczonym terminem płatności", lub skontaktuj się z nami telefonicznie bądź mailowo (biuro@strefakursow.pl).

Czy dostęp do szkolenia jest ograniczony czasowo?

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów. Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl, możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Agata Sakowicz

UX designerka

4.8

(84 ocen)

Kurs Figma - podstawy projektowania interfejsów

Q: ✅ Dożywotni dostęp do szkolenia i możliwość powtarzania materiału w dowolnym miejscu i czasie.

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów . Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl , możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Q: ✅ Nie wiesz od czego zacząć naukę? Chętnie pomożemy!

W naszej ofercie znajdują się setki kursów online, jeśli nie wiesz od czego zacząć naukę zaufaj naszemu doświadczeniu. Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji. Rozpocznij teraz

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.

Kto pyta nie błądzi! Zobacz Najczęściej zadawane pytania

🔥 Gorący temat: W tym tygodniu 335 użytkowników obejrzało to szkolenie

Rozpocznij naukę teraz za darmo, zapłać w ciągu 30 dni z lub – Jak to działa?

74zł

149zł

2024-04-23

1508

⏰ To szkolenie kupisz 50% taniej jeszcze tylko przez: 00 : 09 : 44 : 25

Oferta dla firm i zespołów

To szkolenie obejmuje:

Nielimitowany dostęp

4 godziny szkolenia

45 wykładów

22 pytań testowych

Napisy dostępne w językach:
polski, angielski, ukraiński

Dostęp w aplikacji mobilnej

Certyfikat ukończenia

Testy i zadania

Rekomendacje na LinkedIn

Poziom: Podstawowy

Powiązane tematy:

Ten kurs jest częścią ścieżki

4.8

UX/UI Designer

Opanuj kluczowe techniki projektowania wizualnego oraz projektowania zorientowanego na użytkownika. Zbuduj solidne podstawy, które umożliwią Ci łatwy start w tej bardzo popularnej i ważnej dziedzinie.

558 wykładów

21650 uczestników

Dowiedz się więcej