Ta lekcja jest w bazie eduweb

Zaloguj się kontem z dostępem albo wykup dostęp do bazy, żeby obejrzeć wideo.

Lekcja 22/ 28Historia wersji

0:00 / 0:00
UI, UX i WebdesignFigmaProjektowanie Interfejsów

Figma: Historia wersji

3 godz. 23 min wideo28 lekcji7 modułów

Czego się nauczysz

  • Narzedzia i interfejs Figma
  • Projekt Aplikacji Apple Watch
  • Praca grupowa w Figma
  • Praca z Komponentami
  • Eksport Grafik
  • Optymalizacja wektorów i bitmap

Figma - Projektowanie Interfejsów

Figma to rewolucyjna aplikacja, ponieważ działa w całości po stronie przeglądarki. Choć możesz pobrać wersję desktopową, będziesz zaskoczony, jak świetnie sprawuje się wersja webowa! Jak się jednak okazuje, jej podstawowe przeznaczenie, czyli tworzenie interfejsów to tylko jeden z wielu scenariuszy, do których możesz wykorzystać Figmę. Dzięki niezwykle intuicyjnej i prostej obsłudze jest to narzędzie, w którym projektować i edytować grafikę może każdy! Jednak w porównaniu do konkurencyjnych aplikacji, jak Sketch, ma ogromne zalety - jest dostępna też dla PC, a także oferuje genialny system kolaboracji, w którym więcej niż jedna osoba może pracować nad projektem w czasie rzeczywistym!

Narzędzia i interfejs Figma

W trakcie Kursu poznasz wszystkie narzędzia i techniki pracy w aplikacji Figma. Choć sam interfejs jest niezwykle intuicyjny, warto korzystać ze sprawdzonych schematów oraz technik pracy, które zagwarantują Ci maksymalną wydajność pracy.

Projekt Aplikacji Apple Watch

W trakcie Kursu skoncentrujemy się na stworzeniu z pomocą Figma kilku praktycznych przykładów interfejsów, odkrywając potencjał narzędzi wektorowych, artboardów i wiele więcej! Przygotujemy także uzupełnienie dla aplikacji inteligentnego domu, z którą pracowaliśmy w Kursie Sketch - osobną wersję aplikacji na Apple Watch!

Praca grupowa w Figma

Figma jest często porównywana do aplikacji Sketch, rozszerzonej o genialne opcje współpracy dla UI/UX Designerów. Dzięki opcji współpracy w czasie rzeczywistym możesz zaprosić do pracy nad projektem klienta lub inne osoby z Twojego zespołu. Wprowadzane zmiany są widoczne na żywo w przeglądarce! Jest to najlepszy sposób na dyskusję nad projektem i zdalny, konstruktywny feedback. Dodatkowo w pracy zespołowej możesz też wykorzystać Biblioteki, w których przygotujesz elementy, z których będzie mógł korzystać przy projektowaniu cały zespół! Zmiana elementu biblioteki, np. Style Guide'u skutkuje aktualizacją wszystkich projektów.

Praca z Komponentami

W Figma z dowolnego elementu możesz utworzyć Komponent, którego instancje mogą znaleźć się w innych miejscach w projekcie, a nawet w Bibliotekach. Zmiana oryginalnego komponentu skutkuje podmianą wszystkich jego instancji! To niezwykle skuteczny i wydajny sposób projektowania.

Eksport Grafik

Z pomocą Figma łatwo wyeksportujesz grafiki dla aplikacji webowej czy urządzeń mobilnych. W Kursie dowiesz się jak zoptymalizować wektory i bitmapy, a następnie wyeksportować je w optymalnym formacie na potrzeby wykorzystania na stronie WWW czy w mobilnej aplikacji.

Dla kogo jest ten kurs?

Kurs Figma jest przeznaczony dla wszystkich, którzy chcą efektywnie edytować grafikę czy tworzyć interfejsy w przyjaznym i darmowym środowisku przeglądarkowym. Figma nie wymaga subskrypcji ani mocnego komputera - wszystko działa po stronie przeglądarki, oferując komfort pracy zarówno osobom początkującym, jak również doświadczonym projektantom.

Kurs Figma

7 rozdziałów28 lekcji3h 23min

Wstęp

3min
  • Wprowadzenie3min(zablokowana)

Najważniejsze Funkcje

45min
  • Ustawienia aplikacji10min(zablokowana)
  • Przegląd Funkcji8min(zablokowana)
  • Artboardy10min(zablokowana)
  • Opcje widoku - piksele8min(zablokowana)
  • Layout grid9min(zablokowana)

Import i Grafika

18min
  • Import Sketch Ai8min(zablokowana)
  • Skalowanie w Figma6min(zablokowana)
  • Gotowe komponenty Sketch5min(zablokowana)

Praca z Figma

58min
  • Kolory10min(zablokowana)
  • Wstawianie Obrazków5min(zablokowana)
  • Ramka tekstowa5min(zablokowana)
  • Praca z kształtami5min(zablokowana)
  • Pen Tool ikony13min(zablokowana)
  • Zaawansowane operacje na kształtach14min(zablokowana)
  • Komponenty6min(zablokowana)

Kolejne ekrany aplikacji

51min
  • Drugi ekran linia przerywana7min(zablokowana)
  • Maski, trzeci ekran8min(zablokowana)
  • Efekty, ekrany otwarcia13min(zablokowana)
  • Ostatnie ekrany9min(zablokowana)
  • Constraints15min(zablokowana)

Praca zespołowa i inne techniki

27min
  • Historia wersji4min(zablokowana)
  • Podgląd na urządzeniu3min(zablokowana)
  • Współpraca z zespołem4min(zablokowana)
  • Komentarze2min(zablokowana)
  • Biblioteki7min(zablokowana)
  • Eksport grafik6min(zablokowana)

Zakończenie

1min
  • Do usłyszenia1min(zablokowana)

Ten kurs jest w bazie eduweb

Dostęp do wszystkich kursów z bazy eduweb za 199 zł/mies.

Wykup dostęp do bazy

Autor kursu

Średnia ocen autora: 4,8

Bio

Od wielu lat projektuje serwisy internetowe, dużą wagę przykładając do ich funkcjonalności a także skutecznych technik promocji. Swoje umiejętności praktyczne zdobywa projektując grafikę oraz strony www dla wiodących polskich i zagranicznych agencji reklamowych. Współpracuje między innymi z Adobe, Microsoft, Wacom. Jako trener i spiker prowadzi szkolenia oraz eventy i warsztaty. Posiada szereg uprawnień i certyfikatów eksperckich.

W wolnych chwilach stara się przekazać Ci całą praktyczną wiedzę, pasję i doświadczenie. Zapraszamy do kursu - gwarantujemy, że ta świetna zabawa przyniesie Ci mnóstwo satysfakcji!