Ta lekcja jest w bazie eduweb
Zaloguj się kontem z dostępem albo wykup dostęp do bazy, żeby obejrzeć wideo.
Lekcja 20/ 34Narzędzia wspomagające komunikację
Design Systems: Narzędzia wspomagające komunikację
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
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.
Kurs Design Systems
6 rozdziałów34 lekcje4h 10min
Wstęp do kursu
15min
- Wprowadzenie2min(zablokowana)
- Co to jest, ten design system?4min(zablokowana)
- Kiedy warto, a kiedy nie warto inwestować w design system7min(zablokowana)
- Różne typy design systemów2min(zablokowana)
Jak budować Design Systems?
20min
- Pierwsze kroki6min(zablokowana)
- Atomic Design3min(zablokowana)
- Audyt UX/UI8min(zablokowana)
- Narzędzia3min(zablokowana)
Konstrukcja Design Systemu
1h 18min
- Podstawowe założenia i zasady6min(zablokowana)
- Kolory12min(zablokowana)
- Typografia13min(zablokowana)
- Layout11min(zablokowana)
- Forma Wizualna9min(zablokowana)
- Elementy opcjonlane10min(zablokowana)
- Komponenty7min(zablokowana)
- Szbalony4min(zablokowana)
- Tokeny7min(zablokowana)
Narzędzia wspierające budowę Design Systems
16min
- Dokumentacja i Kod3min(zablokowana)
- Narzędzia dla designera9min(zablokowana)
- Narzędzia wspomagające komunikację3min(zablokowana)
- Narzędzia developerskie2min(zablokowana)
Budowa Design Systemu w praktyce
2h 3min
- Wprowadzenie do projektu2min(zablokowana)
- Omówienie Interfejsu4min(zablokowana)
- Audyt Interfejsu: Typografia10min(zablokowana)
- Audyt Interfejsu cz. 2: Kolory10min(zablokowana)
- Audyt Interfejsu cz. 3: Komponenety13min(zablokowana)
- Systematyzujemy Paletę Kolorów13min(zablokowana)
- Systematyzujemy Typografię12min(zablokowana)
- Tworzymy pierwsze komponenty16min(zablokowana)
- Tworzymy poddstawowe klocki7min(zablokowana)
- Tworzymy złożone komponenty16min(zablokowana)
- Testujemy zalążek naszego Design Systemu6min(zablokowana)
- Tworzymy podwaliny dokumentacji12min(zablokowana)
Podsumowanie
1min
- Zakończenie1min(zablokowana)
Ten kurs jest w bazie eduweb
Dostęp do wszystkich kursów z bazy eduweb za 199 zł/mies.
Autor kursu
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.