Masz już konto? Zaloguj się

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)

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 Skrodzki

17 października 2022

Marek Rozwałka

8 grudnia 2023

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

Kamil Tatol

Product Design Lead, Pioner Labs

Zacznij naukę w 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