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 (10 oceny)

Kurs Design Systems - od Podstaw

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ń. Kolejne startupy prześcigają się w tworzeniu swoich wewnętrznych oraz publicznych systemów, a producenci oprogramowania dodają coraz to nowsze funkcje, służące ich tworzeniu. Specjaliści uważają, że nie da się obok tego tematu przejść obok - Design Systems będą stawać się coraz popularniejsze. W tym Kursie dowiesz się wszystkiego na ich temat - zaczynając od solidnych podstaw teoretycznych, na praktycznym podejściu do budowy systemów kończąc.

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ść

Kurs Design Systems

6 rozdziały 34 lekcji 4h 10min

Wstęp do kursu

15min

Wprowadzenie
Podgląd lekcji
2min

Co to jest, ten design system?
Podgląd lekcji
4min

Kiedy warto, a kiedy nie warto inwestować  w design system
Podgląd lekcji
7min

Różne typy design systemów
Podgląd lekcji
2min
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

Bio

Cześć! Nazywam się Tomek Koszyki od ponad dekady zajmuje się projektowaniem UX. W tym czasie miałem ogromną przyjemność pracować z klientami niemal każdego rodzaju: poczynając od znajdujących się w bardzo wczesnych fazach rozwoju start-upów po firmy z listy Fortune 500 przy projektach z wielu branż: od szeroko rozumianej rozrywki poprzez sport, dietetykę, fin-tech, na branży medycznej kończąc. Doświadczenia te pomogły mi zdobyć wiedzę, którą dziś dzielę się z innymi projektantami. Wierzę, że dobre produkty są nie tylko przydatne, użyteczne i porządane przez użytkowników, ale również (a może przede wszystkim) spełniają wymagania biznesowe. Jestem wielkim fanem procesowego podejścia do tworzenia (projektowania) produktów cyfrowych. Prowadzę mikro-bloga o strategi i projektowaniu UX na instagramie, występuję na meetupach i konferencjach. Miałem również przyjemność wykładać na Uniwersytecie SWPS i współtworzyć kurs dla początkujących adeptów projektowania UX w ramach inicjatywy Daft Academy.

Inne kursy tego autora

Kurs Design Systems

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

Bartek Maćkowiak

10 września 2022

Arkadiusz

17 października 2022

Kurs 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

Wyślij nam e-mail

Zadzwoń +48 880880606

Czy każdy kurs ma pliki źródłowe?

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