Wprowadzenie do systemów projektowych z edytorem Figma
Kurs prowadzi Javier CuelloProjektant UX
Kurs prowadzi Javier Cuello, Projektant UX
Dowiedz się, jak tworzyć systemy projektowe, które odpowiadają na potrzeby użytkowników
Za każdym interfejsem kryje się szereg pozornie niewidocznych detali, które mogą wyznaczać kierunek rozwoju Twojej marki, firmy lub produktu. Włączając narzędzia Design Systems do swojego projektu, możesz upewnić się, że Twój interfejs jest kompatybilny ze wszystkimi członkami Twojego zespołu i że działa intuicyjnie.
Podczas tego kursu Javier „Simón” Cuello, projektant specjalizujący się w doświadczeniach użytkowników, pomoże Ci zbudować interfejs strony internetowej w zorganizowany, spójny i konsekwentny sposób, który spełnia rzeczywiste potrzeby Twoich użytkowników i klientów.
Zalecamy również zapoznanie się z innymi kursami Javiera w Domestika: Projektowanie interfejsu za pomocą Sketch i Zaprojektuj pyszną aplikację .
Czego nauczysz się na tym kursie online?
llekcji: 24 & liczba dodatkowych zasobów: 39
Co zrobimy na kursie?
4 min, 34 sek.
Korzyści dla Ciebie i Twojego zespołu roboczego
7 min, 48 sek.
Części systemu
6 min, 24 sek.
Określ kontekst
7 min, 1 sekunda
Myślenie zasad projektowania
7 min, 45 sek.
Przewodnik po stylach 1
13 min, 49 sek.
Co obejmuje ten kurs?
Zaczniesz ten kurs od poznania Javiera, jego projektów i wpływów w całej jego karierze, a także wprowadzenia do głównych koncepcji Design Systems.
Następnie odkryjesz korzyści płynące z projektowania systemów dla Ciebie i Twojego zespołu roboczego oraz zobaczysz wszystkie części składające się na system, w tym: zasady Twojego projektu, przewodnik po stylu, luźne elementy i komponenty interfejsu , repozytorium kodu i dokumentacji.
Javier nauczy Cię identyfikować cel twojego systemu zgodnie z kontekstem produktu i pokaże, jak wykorzystać kryteria, które kierują twoim projektem, aby ustalić strategie twojego projektu. Pomoże Ci stworzyć ostateczny przewodnik po stylu dla Twojego interfejsu.
Zabrać się do pracy! Korzystając z oprogramowania Figma zaprojektujesz poszczególne elementy, komponenty, wzory i prototypy ekranu głównego w różnych formatach.
Podsumowując, będziesz pracować z elementami komunikacji i współpracy, aby Twój system projektowy podlegał kontrolowanej ewolucji i był wspierany przez wszystkich członków zespołu.
Javier nauczy Cię, jak ważne są tokeny projektowe i jak dokumentować ewolucję Twojego systemu. Pokaże Ci, jak odróżnić pracę w toku od już ukończonej i doradzi, jak pracować z różnymi profilami w zespole.
Zalecane oprogramowanie i narzędzia do tego kursu
Jaki jest projekt kursu?
Zaprojektujesz stronę główną serwisu podróżniczego w 3 różnych rozmiarach.
Projekty uczestników kursu
Do kogo jest skierowany ten kurs online?
Dla projektantów interfejsów, którzy chcą zbudować zorganizowany, spójny i spójny projekt stron internetowych i aplikacji.
Wymagania i materiały
Powinieneś mieć podstawową wiedzę na temat Figma, w tym tworzenie stylów Auto Layout, komponentów i funkcji, a także znajomość projektowania interfejsu.
Do materiałów potrzebny będzie komputer z zainstalowanym oprogramowaniem Figma. Ten kurs został stworzony za pomocą Figma 116.3.6. Jeśli masz nowszą wersję, będziesz mógł śledzić treść bez problemów.
Oceny
- 2 miesiące temu
very nice overview and introduction to design systems. so far so good.
- 4 miesiące temu
Até o momento, muito interessante. Vários insights interessantes e pontos de atencao negligenciados muitas vezes.
- 4 miesiące temu
Il corso offre una panoramica abbastanza completa. Purtroppo però la traduzione audio in italiano (e di conseguenza i sottotitoli, che corrispondono perfettamente alla traduzione audio) è davvero pessima. Ci sono troncamenti di frasi e parole/traduzioni insensate che rendono dei passaggi pressoché incomprensibili. Questo compromette notevolmente la qualità del corso per chi ne usufruisce in altra lingua.
- 6 miesięcy temu
Very insightful!
- 9 miesięcy temu
Un curso bastante completo, me sirvió para reafirmar mis conocimientos en DS. Lo recomiendo mucho si estas empezando en el mundo de los sistemas de diseño.
Coś, co znajduje odzwierciedlenie w ich pracy, to ciągła troska o ulepszanie szczegółów, które są pozornie niewidoczne, ale które pozwalają zabłysnąć cyfrowym projektom na poziomie doświadczenia użytkownika.
Zawartość
- Cz.1
Wstęp
- Prezentacja
- Wpływy
- Co zrobimy na kursie?
- Cz.2
Systemy projektowe
- Korzyści dla Ciebie i Twojego zespołu roboczego
- Części systemu
- Cz.3
Podstawy Twojego systemu projektowania
- Określ kontekst
- Myślenie zasad projektowania
- Przewodnik po stylach 1
- Przewodnik po stylach 2
- Cz.4
Projektowanie systemu
- Elementy 1
- Elementy 2
- Elementy 3
- Konstrukcja komponentów 1
- Projektowanie komponentów 2
- Projektowanie komponentów 3
- Projektowanie komponentów 4
- Dodatkowe komponenty
- Wzory
- Ekrany 1
- Ekrany 2
- Cz.5
Komunikacja i współpraca
- Żetony projektowe
- Jak udokumentować system?
- Zmiany i aktualizacje
- Zespoły robocze
- PK
Projekt końcowy
- Wprowadzenie do projektowania systemów z Figma
Kurs Domestika - czego możesz się spodziewać?
Nauka we własnym tempie
Radość z nauki w domu, bez wyznaczonych terminów. Szybko przyswajasz wiedzę, a swój plan zajęć układasz wedle uznania.
Nauka z najlepszymi ekspertami
Przydatne metody oraz ciekawe techniki przedstawione i wyjaśnione przez najlepszych specjalistów z branży kreatywnej.
Doświadczeni prowadzący
Wszyscy prowadzący są specjalistami w swojej dziedzinie. Przekazują wiedzę z pasją, tłumaczą zagadnienia w jasny sposób, a podczas zajęć kładą nacisk na praktyczne zastosowanie zdobytej wiedzy.
Certyfikaty
PLUSJeśli masz subskrypcję Plus, za każdy kurs otrzymasz spersonalizowany certyfikat podpisany przez prowadzącego. Udostępnij go w portfolio, w mediach społecznościowych lub gdziekolwiek chcesz.
Miejsca w pierwszym rzędzie
Wysoka jakość wideo sprawia, że nie umknie Ci żaden szczegół. Dzięki nieograniczonemu dostępowi możesz obejrzeć nagrania tyle razy, ile potrzebujesz, aby przyswoić nowe umiejętności.
Dzielenie się wiedzą i pomysłami
Zadawaj pytania, nie wahaj się poprosić o opinię czy poszukać rozwiązania. Podziel się swoimi wrażeniami z nauki z pozostałymi członkami społeczności, którzy tak jak Ty uwielbiają tworzyć.
Łączność z kreatywną społecznością z całego świata
Społeczność kilku milionów użytkowników z całego świata, pełnych ciekawości oraz chęci odkrywania i wyrażania swojej kreatywności.
Profesjonalna realizacja kursów
Domestika starannie dobiera prowadzących i produkuje wszystkie kursy we własnym zakresie, aby zapewnić wysoką jakość nauki online.
Często zadawane pytania
A design system is a collection of components, guidelines, and patterns that ensure consistency and efficiency in digital products. It streamlines collaboration, reduces errors, and speeds up development—making it essential for teams aiming for visual and functional harmony.
Yes, this course is designed for people with prior design experience, ideally at an intermediate level, who want to deepen their skills in creating and managing design systems for digital products.
It’s recommended to have basic experience in digital design and familiarity with tools like Figma. Understanding components, interfaces, and design principles will help you get the most out of the course.
You’ll learn how to create and manage design systems, define reusable components, document design principles, optimize workflows, and maintain visual consistency across teams and digital products.
The course teaches how to apply Dieter Rams’ principles to create functional, timeless, and minimalist interfaces, focusing on solving problems through simplicity and a balanced blend of form and function.
The primary tools used are Figma for design and component creation, and ZeroHeight for documenting style guides and principles, making collaboration and access to system information easy.
Yes, you’ll learn how to structure and document components, principles, and style guides using collaborative tools to ensure the system is properly adopted and maintained by the whole team.