Kurs Design Systems
Spoglądając na ostatnie dziesięciolecie rozwoju branży UX oraz UI można odnieść wrażenie, że Design Systems to jedno z najbardziej aktualnych i rewolucyjnych zagadnień.
34 lekcji
4h 10min
5 (11 oceny)
Design Systems - od Podstaw
Czym są Design Systemy
Na samym początku Kursu omówimy dogłębnie czym w zasadzie są Design Systemy, a także dowiesz się kiedy warto jest ich używać. Opowiemy Ci nieco na temat metod oraz całego procesu tworzenia Design Systemu, tak, byś zdobył solidny fundament pod dalsze, bardziej rozbudowane zagadnienia i praktyczne projekty związane z tym tematem.
Przydatne narzędzia
Gdy będziesz już wiedzieć czym są Design Systemy i jak powstają, w następnych lekcjach Kursu przekonasz się jakie są najpopularniejsze i najbardziej użyteczne narzędzia, które umożliwiają wspomaganie budowy, a także wykorzystania Design Systemów. Poruszymy też ciekawy i aktualny temat, jakim jest Atomic Design - dowiesz się czym jest, nawet, jeżeli przedtem o nim nie słyszałeś.
Elementy i ich porządkowanie
W kolejnej części skupimy się na bardzo przydatnym w codziennej pracy zagadnieniu, jakim jest rozkład standardowego Design Systemu na elementy pierwsze. Oczywiście wraz z tym dokładnie omówimy każdy z tych pojedynczych elementów. Dodatkowo przeprowadzimy wspólnie audyt UX oraz UI przykładowego interfejsu i przejdziemy przez jego porządkowanie.
Praca w Figmie
Figma to jedno z najwygodniejszych i najbardziej użytecznych narzędzi, które możemy wykorzystać w praktyce podczas pracy nad Design Systemami. Dlatego też w kolejnych lekcjach omówimy konstrukcję podstawowych części Design Systemu w tej właśnie nowoczesnej aplikacji. Następnie, również z użyciem Figmy, przejdziemy płynnie do budowy znacznie bardziej skomplikowanych komponentów Design Systemu.
Rozbudowa i zewnętrzne biblioteki
Na sam koniec skupimy się na najbardziej zaawansowanych zagadnieniach i technikach. Omówimy rozbudowę Design Systemu, a także niezwykle przydatne podczas pracy tworzenie zewnętrznych bibliotek z użyciem Figmy.
Dla kogo jest ten kurs?
Kurs ten powstał z myślą o osobach rozpoczynających swoją przygodę z Design Systemami, jednak bardziej doświadczeni projektanci chcący usystematyzować i zgłębić swoją wiedzę również znajdą tu coś dla siebie. Kurs zakłada podstawową znajomość narzędzia projektowego (Sketch lub Figma), jednak wszystkie bardziej skomplikowane koncepcje są w nim szczegółowo omawiane.
Czego się nauczysz?
-
Dogłebne wyjaśnienie czym są Design Systemy i kiedy warto ich używać
-
Omówienie metod i procesu tworzenia Design Systemu
-
Omówienie narzędzi wspomagających budowę i wykorzystanie Design Systemów
-
Atomic Design
-
Rozkład standardowego Design Systemu na elementy pierwsze i ich dokładne omówienie
-
Audyt UX/UI przykładowego interfejsu i jego porządkowanie
-
Konstrukcja podstawowych części Design Systemu (Figma)
-
Budowa bardziej skomplikowanych komponentów DS (Figma)
-
Rozbudowa Design Systemu i tworzenie zewnętrznych bibliotek w Figmie
Zawartość
Design Systems
6 rozdziały 34 lekcji 4h 10min
-
Wstęp do kursu
15min
-
Jak budować Design Systems?
20min
Pierwsze kroki
6min
Atomic Design
3min
Audyt UX/UI
8min
Narzędzia
3min
-
Konstrukcja Design Systemu
1h 18min
Podstawowe założenia i zasady
6min
Kolory
12min
Typografia
13min
Layout
11min
Forma Wizualna
9min
Elementy opcjonlane
10min
Komponenty
7min
Szbalony
4min
Tokeny
7min
-
Narzędzia wspierające budowę Design Systems
16min
Dokumentacja i Kod
3min
Narzędzia dla designera
9min
Narzędzia wspomagające komunikację
3min
Narzędzia developerskie
2min
-
Budowa Design Systemu w praktyce
2h 3min
Wprowadzenie do projektu
2min
Omówienie Interfejsu
4min
Audyt Interfejsu: Typografia
10min
Audyt Interfejsu cz. 2: Kolory
10min
Audyt Interfejsu cz. 3: Komponenety
13min
Systematyzujemy Paletę Kolorów
13min
Systematyzujemy Typografię
12min
Tworzymy pierwsze komponenty
16min
Tworzymy poddstawowe klocki
7min
Tworzymy złożone komponenty
16min
Testujemy zalążek naszego Design Systemu
6min
Tworzymy podwaliny dokumentacji
12min
-
Podsumowanie
1min
Zakończenie
1min
Autor kursu
Tomek Koszyk
UX/UI Designer & Strategist, Mentor
Średnia ocen autora: 5
Dołącz do ponad 10 tys. zadowolonych z naszych kursów
Chyba najlepszy kurs jaki do tej pory obejrzałam na tej platformie.
Małgorzata Majewska
6 stycznia 2021
Bardzo fajny, praktyczny kurs. Polecam. (do poprawy - literówki!)
Julia
20 kwietnia 2021
Barbara
2 listopada 2021
Viktoriia Dubishchuk
18 lutego 2022
Bardzo praktyczny kurs. Dużo przydatnej wiedzy.
Brian Wołoszczak
18 marca 2022
Marta Korza
21 maja 2022
Julia Mickiewicz
18 czerwca 2022
Pod kątem merytorycznym bardzo spoko, ale to nagromadzenie błędów językowych, deklinacyjnych czy zwykłych literówek przeszkadza w odbiorze kursu. Mało to profesjonalne.
Michał Proniewicz
6 sierpnia 2022
Bartosz Maćkowiak
10 września 2022
Arkadiusz Skrodzki
17 października 2022
Marek Rozwałka
8 grudnia 2023
Kurs Design Systems
-
34 lekcji wideo
-
4h 10min materiału
-
Ostatnia rewizja 03.06.2020
-
Certyfikat w ramach ścieżek
-
Dostęp z urządzeń mobilnych
Dlaczego wybrać właśnie ten kurs?
Efektywna nauka
Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
Wiedza ekspertów
Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
Praktyczne przykłady
Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.
Pytania i odpowiedzi
Przeczytaj najczęściej zadawane pytania
Masz więcej pytań?
Porozmawiaj z nami na na czacie
Zadzwoń +48 880880606
Nie każdy. Jeśli pliki są dostępne dla danego kursu, znajdziesz je w zakładce źródła. Niektóre kursy nie posiadają źródeł ponieważ nie są potrzebne, inne nie mogły być zamieszczone np. ze względu na prawa autorskie do wykorzystania komercyjnych prac naszych autorów. Staramy się aby kursy były maksymalnie praktyczne i chętnie pokazujemy zaplecze zawodowe naszych autorów, ale niekiedy nie możemy dołączyć go w postaci źródeł.
Jak jest skonstruowany kurs?Kurs składa się z rozdziałów oraz lekcji. Staramy się, aby optymalnie kursy miały 5-7 rozdziałów po około 5-10 lekcji w każdym. W ten sposób nauka jest optymalna a podtrzymanie uwagi staje się łatwiejsze. Rekomendujemy przerabianie nie więcej niż jednego rozdziału naraz a po jego przerobieniu powtórzenie materiału we własnym zakresie.
Jak najlepiej wykorzystać kurs?Potraktuj kurs jako inspirację do własnej pracy. Tam, gdzie się da staraj się powtarzać czynności, które wykonuje autor. Nie powtarzaj ich jednak bezmyślnie - spróbuj zmodyfikować przykłady i dostosować je do swoich potrzeb. W ten sposób przyswoisz materiał jeszcze lepiej!
Jak mogę uzyskać dostęp do kursu?Możesz albo wykupić ten konkretny kurs przez koszyk, uzyskując do niego (i jego rewizji) bezterminowy dostęp, albo wykupić wariant abonamentu, który obejmuje dany kurs i w ten sposób oglądać go oraz inne materiały na platformie tak długo, jak Twój abonament jest aktywny.
Czy kurs jest aktualny?Staramy się aby wszystkie materiały na stronie były aktualne. Nie znaczy to, że kurs powstał bardzo niedawno. Często na stronie znajdziesz trochę starsze kursy, jednak regularnie wykonujemy ich rewizję i zmieniamy lekcje - czy to przez dodanie stosownych komentarzy z aktualizacją, czy poprzez nagranie danej lekcji jeszcze raz. Datę ostatniej rewizji znajdziesz w informacjach o kursie.
Czym się różni kurs od warsztatu i ścieżki?Kursy to kilku godzinne, kompleksowe opracowanie danego zagadnienia, podzielone na lekcje i rozdziały. Często uzupełniają je Warsztaty, które mają formę jednej dłuższej, praktycznej lekcji (30min-1h), natomiast ścieżki stanowią zbiór jednych i drugich materiałów - ułożoną z kursów i warsztatów playlistę, która pozwala Ci kompleksowo opanować dane zagadnienie.
Moi znajomi coraz częściej pytają: 'Jak nauczyć się UX?'. Praktycznie każdy kto chce zacząć jest przytłoczony ilością wiedzy, narzędzi pracy oraz jak to wszystko wykorzystać w swojej pracy. Swoim znajomym zawsze polecam eduweb, ponieważ pozwala krok po kroku zrozumieć świat UX od A do Z. Na platformie znajdziesz także bardziej zaawansowane techniki, które zaoszczędzą Ci dziesiątki, a może i setki godzin w pracy. Nie ucz się na swoich błędach - wykorzystaj wiedzę osób, które zrobiły to za Ciebie
Kamil Tatol
Product Design Lead, Pioner Labs
Zacznij naukę w Design Systems
-
34 lekcji wideo
-
4h 10min materiału
-
Ostatnia rewizja 03.06.2020
-
Certyfikat w ramach ścieżek
-
Dostęp z urządzeń mobilnych
Kursy które mogą Cię również zainteresować
Adobe XD
Grzegorz Róg
Design Systems
Tomek Koszyk
Projektowanie UI
Natalia Bienias
Trendy w UI i UX 2021
Grzegorz Róg
Figma Tips & Tricks
Grzegorz Róg
Interaktywne Prototypy z Adobe XD i ProtoPie
Grzegorz Róg
Flinto
Grzegorz Róg