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.
- 5 miesięcy 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!
- 10 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
System projektowy to zestaw komponentów, wytycznych i wzorców, które zapewniają spójność i efektywność w produktach cyfrowych. Ułatwia współpracę, zmniejsza liczbę błędów i przyspiesza rozwój, będąc kluczowym narzędziem dla zespołów dążących do wizualnej i funkcjonalnej spójności.
Tak, kurs jest skierowany do osób z podstawową wiedzą z zakresu projektowania, najlepiej na poziomie średniozaawansowanym, które chcą pogłębić umiejętności tworzenia i zarządzania systemami projektowymi dla produktów cyfrowych.
Warto mieć podstawowe doświadczenie w projektowaniu cyfrowym i obsłudze narzędzi takich jak Figma. Znajomość komponentów, interfejsów i zasad projektowania pozwoli lepiej wykorzystać materiał kursu.
Nauczysz się tworzyć i zarządzać systemami projektowymi, definiować komponenty wielokrotnego użytku, dokumentować zasady projektowania, optymalizować procesy pracy i utrzymywać spójność wizualną w zespołach i produktach cyfrowych.
Kurs pokazuje, jak stosować zasady Dietera Ramsa, by tworzyć funkcjonalne, ponadczasowe i minimalistyczne interfejsy, koncentrując się na prostocie i harmonijnym połączeniu formy z funkcją.
Głównie korzystamy z Figma do projektowania i tworzenia komponentów oraz z ZeroHeight do dokumentowania wytycznych stylu i zasad, co ułatwia współpracę i dostęp do informacji o systemie.
Tak, nauczysz się jak strukturyzować i dokumentować komponenty, zasady oraz wytyczne stylu za pomocą narzędzi współpracy, co zapewni prawidłowe wdrożenie i utrzymanie systemu przez cały zespół.