Ta lekcja jest w bazie eduweb
Zaloguj się kontem z dostępem albo wykup dostęp do bazy, żeby obejrzeć wideo.
Lekcja 9/ 40HTML/CSS Flexbox
Figma Autolayout i Atomic Design: HTML/CSS Flexbox
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
Figma Autolayout i Atomic Design - Poznaj Techniki Pracy z UI w Figma
Podczas tego kursu nauczysz się w praktyce tworzyć projekty z wykorzystaniem autolayoutu w Figmie. Poznasz również podstawy pracy z metodologią Atomic Design, żeby jeszcze efektywniej budować interfejsy i design systemy. 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.
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.