Ta lekcja jest w bazie eduweb
Zaloguj się kontem z dostępem albo wykup dostęp do bazy, żeby obejrzeć wideo.
Lekcja 1/ 40Wprowadzenie
Figma Autolayout i Atomic Design
W ciągu tego kursu usprawnisz i przyspieszysz swoją pracę i zmienisz sposób myślenia o projektowaniu. Przygotuj się na dużą dawkę wiedzy i ciekawe zadania, które będziesz mógł wykorzystać w portfolio.
Czego się nauczysz
- Narzędzia do przyspieszenia i podniesienia efektywności swojej pracy
- Umiejętność budowania responsywnych i skalowalnych projektów
- Zdolność do tworzenia elastycznych komponentów
- Wiedzę jak budować bardziej efektywne, lepiej ustrukturyzowane i spójne design systemy
- Zrozumienie jak autolayout i Atomic Design łączą się z HTML i CSS
- Wiedzę teoretyczną, którą przećwiczysz i wykorzystasz w praktyce
- Projekt, który wykorzystasz w portfolio
- Pprzewagę na rynku pracy i kluczowe kompetencje, których poszukują pracodawcy
- Tips and tricks, które dodatkowo usprawnią Twoje projekty
Dla kogo jest ten kurs?
Ten kurs jest świetnym rozwiązaniem nie tylko dla początkujących ale również dla osób, które już od jakiegoś czasu pracują w branży. Unikalne połączenie tematów jest doskonałą okazją do nauki nowych praktycznych umiejętności, a także do uporządkowania wiedzy i podniesienia swoich umiejętności na kolejny poziom. Jedyne czego potrzebujesz to podstawowa umiejętność obsługi Figmy.
Kurs Figma Autolayout i Atomic Design
10 rozdziałów40 lekcji4h 34min
Wstęp do projektowania RWD
14min
- Wprowadzenie4min(zablokowana)
- RWD - AWD6min(zablokowana)
- Podstawy Atomic Design4min(zablokowana)
Pierwsze kroki w Atomic Design
6min
- Pierwsze atomy6min(zablokowana)
Budujemy atomy
7min
- Padding3min(zablokowana)
- Gap4min(zablokowana)
Zaawansowane atomy
10min
- Radio button3min(zablokowana)
- Align - część I3min(zablokowana)
- HTML/CSS Flexbox5min(zablokowana)
Poprawa wyglądu Autolayoutu
16min
- Fill5min(zablokowana)
- Stroke3min(zablokowana)
- Align - część II4min(zablokowana)
- Baseline3min(zablokowana)
Zależności między elementami
50min
- Resizing12min(zablokowana)
- Min - Max Width and Height8min(zablokowana)
- Direction - część I8min(zablokowana)
- Margin7min(zablokowana)
- Absolute position3min(zablokowana)
- Constraints5min(zablokowana)
- Kapsułka5min(zablokowana)
- Direction - część II3min(zablokowana)
Organizmy
41min
- Cookies pop-up13min(zablokowana)
- Effects3min(zablokowana)
- Formularz11min(zablokowana)
- Auto gap14min(zablokowana)
Komponenty i Tokeny
33min
- Komponenty w Figmie9min(zablokowana)
- Tokeny - część I7min(zablokowana)
- Tokeny - część II8min(zablokowana)
- Tokeny - część III9min(zablokowana)
Design Systemy
44min
- Wdrożenie design systemu - część I9min(zablokowana)
- Wdrożenie design systemu - część II9min(zablokowana)
- Dev mode7min(zablokowana)
- Organizacja design systemu11min(zablokowana)
- Sprzątanie w pliku8min(zablokowana)
Przygotowanie projektu
55min
- Template14min(zablokowana)
- Wypełnianie treścią8min(zablokowana)
- Weryfikacja responsywności9min(zablokowana)
- Dopasowanie do gridu7min(zablokowana)
- Breakpoints9min(zablokowana)
- Personalizacja projektu7min(zablokowana)
Ten kurs jest w bazie eduweb
Dostęp do wszystkich kursów z bazy eduweb za 199 zł/mies.
Autor kursu
Bio
Projektant i dyrektor kreatywny z ponad 20-letnim doświadczeniem. Od ponad 6 lat w Publicis Groupe prowadzi multidyscyplinarne zespoły kreacji, projektantów UX, UI i motion design. Współpracował z wieloma globalnymi markami takimi jak Nike, Unilever, Google, P&G, Reckitt, Alcon, BP, Volvo, Huawei czy Microsoft. Współtworzy projekty na pograniczu kreacji i technologi nagradzane na festiwalach Cannes Lion, Clio, Eurobest czy KTR, między innymi w kategorii Digital Craft. Związany również z Uniwersytetem SWPS, gdzie prowadzi zajęcia Digital Design na których zachęca do projektowania z uwzględnieniem doświadczenia w świecie cyfrowym między innymi w VR i Metaverse.