0:00 / 0:00

Design Systems: Audyt UX/UI

od Podstaw

4 godz. 10 min · Figma · UI, UX i Webdesign

Tomek KoszykUX/UI Designer & Strategist, Mentor

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

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.