Opis kursu
Świat systemów projektowania jest rozległy, a wytyczne stale się zmieniają wraz z pojawianiem się nowych technologii i koncepcji. Nawet doświadczeni projektanci mogą mieć trudności z określeniem, od czego zacząć.
Ten kurs przeprowadzi cię przez całą podróż systemu projektowania — od podstawowych pojęć po budowanie i dokumentowanie twojego systemu.
Zapewnimy Ci doradztwo, przyjrzymy się praktycznym zastosowaniom i wyposażymy Cię w narzędzia, które pomogą Ci podejmować trafne decyzje. Poruszymy również kwestie związane z funkcjami aplikacji Figma, takimi jak biblioteki, właściwości komponentów i style.
Omówienie
- 4 lekcje pisemne (+ 7 filmów, 1 plik społeczności)
- Około 2 godzin
- Systemy projektowania, style, komponenty i biblioteki
- angielski
Dla kogo jest ten kurs?
Projektanci, którzy znają style i komponenty systemu Figma, ale chcą udoskonalić swoje przepływy pracy i poszerzyć swoje umiejętności na poziomie systemowym.
Menedżerowie i liderzy, którzy chcą dowiedzieć się, w jaki sposób systemy projektowania mogą zwiększyć produktywność i wspierać projektowanie na dużą skalę.
Czego się nauczysz?
- Zrozumiesz, czym jest system projektowania i czy jest Ci potrzebny, jak uzyskać akceptację kierownictwa oraz co należy wziąć pod uwagę podczas tworzenia systemu.
- Dowiesz się, co wchodzi w skład systemu projektowania, i poznasz podstawowe pojęcia, takie jak kolor, typografia i ikonografia.
- Dowiesz się więcej o funkcjach systemu Figma do zarządzania systemami projektowania: o stylach, komponentach i bibliotekach.
- Poznaj znaczenie dokumentowania swoich systemów i procesów. Dowiesz się, jak utrzymywać, ulepszać i promować swój system projektowania.
Zawartość kursu
Lekcja 1: Wprowadzenie do systemów projektowania
Poznaj korzyści płynące z systemu projektowania oraz dowiedz się, na czym polega jego tworzenie i utrzymanie.
- Rozdział 1: Czym jest system projektowania?
- Przewodniki stylów
- Biblioteki komponentów
- Rozdział 2: Czy potrzebujesz systemu projektowania?
- Korzyści płynące z systemów projektowania
- Znaki, że potrzebujesz systemu projektowania
- Wyzwania związane z budowaniem systemu projektowania
- Rozdział 3: Audyt produktu
- Pozyskiwanie sojuszników
- Przeprowadzanie audytu
- Rozdział 4: Proces tworzenia systemu projektowania
- Kroki, które należy podjąć
- Weź pod uwagę swoich współpracowników, odbiorców i podejście do wdrażania
Lekcja 2: Definiowanie systemu projektowania
Poznaj zasoby, które można włączyć do systemu projektowego.
- Rozdział 1: Zasady
- Zasady
- Rozdział 2: Podstawy
- Udogodnienia dla osób niepełnosprawnych
- Kolor
- Typografia
- Wysokość
- Ikonografia
- Układy
- Siatki
- Odstępy
- Wzory
- Rozdział 3: Dokumentacja
- Rozdział 4: Procesy
Lekcja 3: Tworzenie systemu projektowania w systemie Figma
Śledź zespół Habitz podczas tworzenia systemu projektowego w systemie Figma.
- Rozdział 1: Konfiguracja biblioteki
- Wprowadzenie do stylów i komponentów
- Porządkowanie biblioteki
- Architektura komponentów
- Projektowanie atomowe
- Konwencje nazewnictwa
- Rozdział 2: Tworzenie podstaw
- Poznaj funkcje odstępu, takie jak układ siatki i układ automatyczny
- Kolor: tworzenie stylów kolorów
- Typografia: tworzenie stylów tekstu
- Wysokość: definiowanie stylów efektów
- Ikony i ilustracje: tworzenie zestawów komponentów ikon
- Rozdział 3: Tworzenie komponentów
- Tworzenie komponentu dayToggle z właściwościami komponentów
- Tworzenie komponentu ActionPresentationCard z wariantami
- Rozdział 4: Definiowanie wzorców
- Tworzenie komponentów daySelector z instancjami dayToggle
- Tworzenie komponentu do wzoru nawigacji
Lekcja 4: Dokumentowanie, ulepszanie i aktualizowanie systemu
Dowiedz się, jak dokumentować swój system projektowania, i uzyskaj informacje zwrotne, aby go udoskonalać i utrzymywać.
- Rozdział 1: Dokumentacja
- Czym jest dokumentacja?
- Gdzie dokumentować
- Dokumentowanie systemu przestrzennego w systemie Figma
- Rozdział 2: Udoskonalanie systemu projektowania
- Przeprowadzanie testów z użytkownikami
- Uzyskiwanie opinii interesariuszy
- Zarządzanie udziałami
- Rozdział 3: Aktualizacje i wydania
- Ustanawianie systemu kontroli wersji i dzienników zmian
- Analizowanie rozgałęzień dla plików bibliotek
- Rozdział 4: Promowanie systemu
Aktualizacja 1: Tokeny, zmienne i style
Poznaj tokeny projektowe oraz dowiedz się, jak je organizować i strukturyzować, aby zwiększyć wartość swojego systemu projektowania.
- Rozdział 1: Tokeny projektowe
- Czym są tokeny?
- Jakie są korzyści?
- Jak powinieneś je zorganizować?
- Rozdział 2: Implementacja tokenów w systemie Figma
- Migracja stylów kolorów do zmiennych
- Tworzenie zbiorów zmiennych
- Używanie trybów dla motywów
- Rozdział 3: Wskazówki dotyczące nazywania tokenów