Kurs Design System - systemy projektowe od podstaw
Naucz się tworzyć skalowalne, spójne i łatwe w utrzymaniu design systemy. Poznaj najlepsze praktyki w tworzeniu systemów projektowych i rozwiń swoją karierę UX/UI Designera.
Oferta specjalna
Kup ten kurs za 93 zł z kodem
Minimalna wartość w koszyku, aby aktywować kod: 199 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
29570 kursantów
Opis szkolenia
Czego się nauczysz:
-
myślenia regułami, projektowania konsekwentnie i systemowo
-
pracy z biblioteką stylów
-
tworzenia komponentów i poprawnego ich nazywania według konwencji nazewniczych
-
praktycznego użycia auto-layoutu
-
wybierania i tworzenia skali kolorów i typografii
-
przygotowywania projektów, tak aby były łatwiejsze do kodowania
-
dobrych praktyk w tworzeniu systemów projektowych
-
wykorzystania design systemów w różnych obszarach projektowania
Myślisz o karierze UX/UI Designera i chcesz zwiększyć swoje szanse na rynku pracy? A może już pracujesz jako projektant, chcesz rozwinąć swoje umiejętności i poznać najlepsze praktyki tworzenia systemów projektowych? Zależy Ci na tym, aby zadbać o spójność twoich projektów, ale nie kosztem ich funkcjonalności? W takim razie ten kurs online będzie dla Ciebie strzałem w dziesiątkę!
Podczas szkolenia nauczysz się tworzyć skalowalne, spójne i łatwe w utrzymaniu design systemy. Przejdziemy przez tematy związane z responsywnością, kolorem, typografią, cieniami czy ikonami. Utworzymy też bibliotekę komponentów, którą będziesz mógł wielokrotnie wykorzystać w różnych projektach. Znajdzie się tam ponad 20 różnych komponentów m.in. przyciski, pola tekstowe, checkboxy i wiele innych często używanych elementów.
W końcowej części kursu, korzystając z przygotowanych wcześniej komponentów, wykonasz 3 praktyczne projekty - dashboard do zarządzania sprzedażą, landing page dla produktu i aplikację mobilną podobną do popularnych komunikatorów: Messengera i WhatsApp’a.
Wprowadzenie do Design Systemów
Na początku kursu zdobędziesz podstawową wiedzę na temat systemów projektowych. Wytłumaczę Ci czym dokładnie jest design system, do czego jest potrzebny i jak projektant może efektywnie wykorzystywać go w swojej pracy. Dowiesz się również czym jest Atomic Design System, który pomoże Ci skutecznie organizować i zarządzać komponentami w Twoim projekcie. Nauczysz się tworzyć atomowe elementy, które stanowią podstawę dla bardziej złożonych komponentów i stron. Dzięki temu Twój projekt będzie spójny, łatwy w utrzymaniu i skalowalny.
Biblioteka stylów w design systemie
Po krótkim wprowadzeniu przejdziemy do stworzenia kompleksowej i spójnej biblioteki stylów, która będzie fundamentem przyszłych projektów. W tej części kursu wykonamy wszystkie niezbędne elementy projektowe. Nauczysz się definiować siatki, układy i odstępy, zarządzać ikonami, ilustracjami, wybierać kolory oraz tworzyć skale typograficzne. Będziemy korzystać z praktycznych przykładów, wskazówek i technik, które na co dzień wykorzystują doświadczeni projektanci.
Komponenty
W trakcie kursu wspólnie ze mną stworzysz ponad 20 rozbudowanych komponentów, które będziesz mógł później wielokrotnie wykorzystywać w różnych projektach. Nasza biblioteka będzie składała się między innymi z komponentów takich jak:
-
button
-
text input
-
avatar
-
checkbox
-
dropdown
-
top navigation
-
breadcrumbs
Praktyczne projekty
Podczas szkolenia stworzysz aż 3 praktyczne projekty: dashboard do zarządzania sprzedażą, landing page produktu i aplikację mobilną czatu, przypominającą komunikatory Messenger i WhatsApp. Pracując nad nimi będziesz wykorzystywać stworzony wcześniej design system. Dzięki temu zdobędziesz doświadczenie w korzystaniu z gotowych komponentów, a także ich wariantów i auto-layout’u.
Na sam koniec pokażę Ci jeszcze jak stworzyć dokumentację design systemu, aby pomóc innym zrozumieć jak działa i jak go używać. Dzięki temu inne osoby pracujące nad projektem np. developerzy, będą w stanie szybko połapać się w poszczególnych elementach projektu. Pozwoli to na bardziej efektywną pracę, pozwoli uniknąć niespójności w projektach i sytuacji, w których te same lub podobne komponenty tworzone są wielokrotnie bez potrzeby.
Co jeszcze powinieneś wiedzieć?
W tym kursie będziemy korzystać z programu Figma, ale proces tworzenia design systemu, który będziemy omawiać, możesz zastosować również w innych programach np. Sketch czy Adobe XD - wiedza zawarta w kursie jest uniwersalna. Jeżeli nie używasz Figmy lub pozostałych z wymienionych narzędzi możesz nauczyć się ich obsługi z naszych szkoleń:
Kup w pakiecie i oszczędź
Kurs Design System - systemy projektowe od podstaw
169 zł
Kurs Figma - podstawy projektowania interfejsów
149 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 64 zł
Zyskujesz 25.44 zł w punktach na kolejne zakupy.
Kurs Figma - projektowanie responsywne i auto-layout
129 zł
Kurs Design System - systemy projektowe od podstaw
169 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 60 zł
Zyskujesz 23.84 zł w punktach na kolejne zakupy.
Kurs Design System - systemy projektowe od podstaw
169 zł
Kurs UX Design - wprowadzenie do projektowania doświadczeń użytkowników
179 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 70 zł
Zyskujesz 27.84 zł w punktach na kolejne zakupy.
Kurs Design System - systemy projektowe od podstaw
169 zł
Kurs UX w biznesie - efektywna praca projektanta
169 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 68 zł
Zyskujesz 27.04 zł w punktach na kolejne zakupy.
Kurs Figma w praktyce - workflow i automatyzacja dla projektantów
169 zł
Kurs Design System - systemy projektowe od podstaw
169 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 68 zł
Zyskujesz 27.04 zł w punktach na kolejne zakupy.
Figma - praktyczny projekt aplikacji od podstaw
149 zł
Kurs Design System - systemy projektowe od podstaw
169 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 64 zł
Zyskujesz 25.44 zł w punktach na kolejne zakupy.
Kurs Design Thinking od podstaw - rozwiązuj problemy metodą światowych firm
169 zł
Kurs Design System - systemy projektowe od podstaw
169 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 68 zł
Zyskujesz 27.04 zł w punktach na kolejne zakupy.
Figma dla średnio zaawansowanych
169 zł
Kurs Design System - systemy projektowe od podstaw
169 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 68 zł
Zyskujesz 27.04 zł w punktach na kolejne zakupy.
Kurs Projektowanie z AI - od briefu do layoutu w kilka godzin
179 zł
Kurs Design System - systemy projektowe od podstaw
169 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 70 zł
Zyskujesz 27.84 zł w punktach na kolejne zakupy.
Kurs Service Design - projektuj usługi, które klienci pokochają
169 zł
Kurs Design System - systemy projektowe od podstaw
169 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 68 zł
Zyskujesz 27.04 zł w punktach na kolejne zakupy.
Twój instruktor
Agata Sakowicz
UX designerka
Opinie kursantów
„Świetny kurs, dużo osób zapomina o tym jak ważne są design systemy. Każdy początkujący powinien się z tym zapoznać."
„Kurs był naprawdę dobrze poprowadzony i dostarcza dużą wiedzę z zakresu tworzenia design systemów od podstaw. Jest przeznaczony dla osób, które miały już pierwsze doświadczenia z Figma, ponieważ interfejs narzędzia i podstawowe funkcje nie są wyjaśnione. To kolejny krok w stronę projektowania funkcjonalnego i użytecznego dla użytkowników. Wcześniej tworzyłam swój pierwszy design system, ale kurs pokazał, ile można do niego dodać i jak stworzyć bibliotekę, która usprawnia proces od początku tworzenia produktu. Szczególnie podobało mi się tworzenie projektów końcowych, zwłaszcza dashboarda, którego projektowania często się pomija przy pierwszym portfolio. Materiał trwa 6 godzin, co pozwala na obejrzenie lekcji, ale aby robić wszystko krok po kroku z prowadzącą, potrzeba więcej czasu, szczególnie jeśli dawno nie korzystało się z Figma. Dzięki kursowi uporządkowałam swoją wiedzę i nauczyłam się, jak tworzyć systemy przemyślane, spójne i użyteczne."
Czytaj więcej
Zwiń
„Super wyjaśnione i przedstawione"
Alicja Marzejon
„fajnie tlumaczone"
„Kurs był naprawdę dobrze poprowadzony i dostarcza dużą wiedzę z zakresu tworzenia design systemów od podstaw. Jest przeznaczony dla osób, które miały już pierwsze doświadczenia z Figma, ponieważ interfejs narzędzia i podstawowe funkcje nie są wyjaśnione. To kolejny krok w stronę projektowania funkcjonalnego i użytecznego dla użytkowników. Wcześniej tworzyłam swój pierwszy design system, ale kurs pokazał, ile można do niego dodać i jak stworzyć bibliotekę, która usprawnia proces od początku tworzenia produktu. Szczególnie podobało mi się tworzenie projektów końcowych, zwłaszcza dashboarda, którego projektowania często się pomija przy pierwszym portfolio. Materiał trwa 6 godzin, co pozwala na obejrzenie lekcji, ale aby robić wszystko krok po kroku z prowadzącą, potrzeba więcej czasu, szczególnie jeśli dawno nie korzystało się z Figma. Dzięki kursowi uporządkowałam swoją wiedzę i nauczyłam się, jak tworzyć systemy przemyślane, spójne i użyteczne."
Czytaj więcej
Zwiń
„dokładne opracowanie wszystkich elementów"
„Bardzo pomocny i kompleksowy kurs dla początkujących!"
Aleksandra Laskowska
„Super kurs dla osób chcących chcących poszerzyć swoją wiedzę w pracy z figmą. "
Powiązane tematy
Zobacz też
Podobne kursy
Projektowanie
Kurs Figma - podstawy projektowania interfejsów
149 zł
Projektowanie
Kurs Figma - projektowanie responsywne i auto-layout
129 zł
Projektowanie
Kurs Figma w praktyce - workflow i automatyzacja dla projektantów
169 zł
Projektowanie
Kurs UX Design - wprowadzenie do projektowania doświadczeń użytkowników
179 zł
Projektowanie
Figma - praktyczny projekt aplikacji od podstaw
149 zł
Projektowanie
Figma dla średnio zaawansowanych
169 zł
Projektowanie
Kurs Projektowanie UX w praktyce - model podwójnego diamentu
149 zł
Projektowanie
Kurs WCAG - dostępność cyfrowa w projektowaniu stron i aplikacji
149 zł
Projektowanie
Kurs Podstawy Product Design - jak projektować produkty cyfrowe
159 zł
Projektowanie
Kurs UX & UI - sztuka użytecznego projektowania
169 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
169 zł