Lepszy
Projektant

• Witam się z wami, bo jestem kulturalnym mężczyzną.
• Opowiadam o działaniu kursu i o tym, jak ja postrzegam UX, żebyśmy mieli jasność.
• Pokazuję ciekawy przykład UX z polskiego rynku gier komputerowych.

• Robimy ważny przejazd przez podstawy front-endu, które każdy UI designer musi znać.
• W tym sporo o jednostkach, divach, różnych stanach elementów UI, i dodatkowych możliwościach CSS.
• Pokazuję, jak działa DevTools i jak go wykorzystać w pracy.
• Zobaczymy, jak klasy w CSS mają się do Figmy.
• Nauczymy się korzystać ze zmiennych w Figmie tak, by były bliskie temu, co robią developerzy.
• A do tego pogadamy o frameworkach i o tym, dlaczego są ważne dla designerów.

• Pogadamy o najważniejszych właściwościach tekstu w aplikacjach.
• Omówimy podejścia do stylów typograficznych w Figmie.
• Rozróżnimy fonty zewnętrzne i systemowe.
• Nauczysz się, jak zadbać o wizualny kontrast tekstów tak, żeby było dobrze.
• Zobaczysz, jak zadbać o dostępność w mniej oczywisty sposób.
• Zrobimy analizę typografii kilku aplikacji.

• Zaczynamy od analizy kolorów kilku popularnych aplikacji.
• Omówimy podejścia do stylów kolorystycznych w Figmie.
• Wykorzystamy do tego zmienne, czyli variables!
• Dowiesz się, skąd brać dobre kolory do swoich projektów.
• Omówimy formaty kolorów w sieci.
• Pokażę ci, jak ogarnąć projekt od początku, żeby nie przesadzić z kolorkami.
• Pogadamy o dostępności w kolorach.
• Niuanse dotyczące współpracy tekstu z tłem, gradientów, a nawet cieni.

• Co to jest responsywność i dlaczego jest to takie trudne?
• Czy mobile first to jedyne słuszne podejście?
• Nareszcie zrozumiesz wszystkie gridy, czyli siatki.
• W tym CSS Grid, 4 point grid, i layout grid.
• Jak budować layouty, żeby układały się dobrze w przeglądarce?
• Omówimy najnowsze funkcje auto layoutu!
• Zobaczysz, jak stosować w Figmie zmienne w rozmiarach i odstępach.
• Dowiesz się, jak zadbać o odpowiednie szerokości kontenerów.
• Przeanalizujemy layout kilku aplikacji.

• Dowiesz się, skąd brać ikony do swoich projektów.
• Powiem ci, na co musisz uważać, korzystając z ikon.
• Pokażę ci krok po kroku, jak należy implementować ikony w projekcie w Figmie.
• Omówimy sobie co zrobić, żeby zdjęcia i ilustracje w projekcie wyglądały dobrze.

• Zobaczysz, jak developer widzi twój projekt w Figmie.
• Nauczysz się o eksportowaniu assetów, bo przecież nie wszystko jest kodem.
• Omówimy sobie różne stany interfejsu, o których często zapominamy, a które należy zaprojektować.
• Pogadamy o tym, jak odpowiednio przedstawić błędy w interfejsie.
• A nawet pogadamy o doczytywaniu danych, bo to są ważne rzeczy.

• Powiem ci, na co musisz zwracać uwagę projektując w Figmie.
• Pokażę ci sztuczki, które naprawdę warto znać, bo usprawnią twoją pracę.
• Chcesz wyeksportować animację z Figmy? To nie takie proste.
• Omówimy sobie tworzenie biblioteki w Figmie, czyli początek design systemu.
• Pogadamy o dramacie projektanta, czyli jak to jest z tym śmiesznym dribbblem.

Ten moduł jest w trakcie produkcji, więc będzie później!

Znajdą się tam tutoriale – jak zaprojektować różne elementy interfejsu w Figmie tak, żeby było elegancko i zgodnie ze sztuką.

Dostaniesz te filmy w darmowej aktualizacji kursu!