Figma Autolayout i Atomic Design: Wprowadzenie

0:00Cześć!

0:01Jak każdy projektant zawsze staram się obserwować i analizować trendy graficzne.

0:06Równie dużą wagę przykładam do śledzenia

0:08tego, jak zmieniają się metodologie pracy czy narzędzia, z których korzystam.

0:12Nie zapomnę miny moich studentów, kiedy po kilku tygodniach nauki zakomunikowałem im,

0:18że oto właśnie odbyła się wielka konferencja Config i większość tego, czego

0:22nauczyliśmy się o Figm'ie wymaga aktualizacji, a projekty ponownego

0:27przepracowania i wprowadzenia sporych zmian.

0:30Szybko zrozumiałem, że poza nauką bardzo ważne jest oduczanie się.

0:36Uważam, że tylko takie podejście pozwala na stały rozwój kompetencji, udoskonalanie

0:41warsztatu projektowego oraz optymalizację procesu twórczego.

0:44Nazywam się Mariusz Czepiec i od ponad 20 lat

0:47zajmuję się projektowaniem interfejsów i produktów cyfrowych.

0:51Uważasz, że w pełni wykorzystujesz potencjał Figm'y? Nie?

0:56A czy Twoje projekty, przynajmniej w

0:57większości zbudowane są w oparciu o autolayout?

1:01Też nie.

1:02Czyli pewnie w Twoich projektach jest więcej frame'ów niż autolayout'ów?

1:06Tak myślałem.

1:07W takim razie zapraszam Cię do

1:103 tygodniowego praktycznego szkolenia, podczas którego nauczysz się jak w Figm'ie

1:15budować rozbudowane, dynamiczne projekty z wykorzystaniem funkcji autolayout i

1:19zrozumiesz jakie ona ma odwzorowanie w kodzie html CSS.

1:24Zadbasz o poprawne wyświetlanie layout'ów

1:26na ekranach o różnej rozdzielczości czy proporcjach.

1:30Oprócz praktycznych ćwiczeń otrzymasz od nas sporą dawkę wiedzy teoretycznej,

1:34a cały sprint zostanie przeprowadzony z wykorzystaniem metodologii Atomic Design.

1:39W trakcie sprintu otrzymasz od nas gotowe

1:41materiały do obejrzenia w formie playlist Eduweb.

1:44Zadania, które wykonamy wspólnie,

1:47społeczność i interakcje z innymi członkami Sprintu oraz spotkania na żywo

1:51ze mną oraz zaproszonymi przeze mnie gośćmi.

1:54Stworzysz w pełni responsywny projekt do swojego portfolio, a w trakcie jego

1:58tworzenia poznasz techniki, dzięki którym Twoje projekty będą bardziej

2:03uporządkowane, harmonijne, a dzięki temu czytelne.

2:07Layout będzie bardziej zoptymalizowany do wyświetlania na różnych ekranach.

2:11Tak dokładne poznanie funkcji autolayout

2:13oraz jego odwzorowania w kodzie html CSS poprawi Twoją komunikację z developerami i

2:18umożliwi lepszą kontrolę nad jakością wdrożenia.

2:22Zrozumienie metodologii Atomic Design pozwoli Ci jeszcze lepiej zaplanować

2:26strukturę projektu oraz stworzyć solidne fundamenty pod design system.

2:31Jeśli do tej pory nie wykorzystywałeś go w swoich projektach.

2:34Jak to działa?

2:35Uczysz się w grupie z mentorem, ze mną.

2:38Lekcje są asynchroniczne w postaci

2:40playlisty Eduweb i możesz odbyć je w dowolnym, dogodnym dla siebie momencie.

2:45Na społeczności prowadzimy dyskusje, a w

2:47ramach spotkań na żywo przerabiamy praktyczne case study.

2:51Dla kogo jest ten sprint?

2:53Figma nie jest już narzędziem, z którego korzystają wyłącznie UX i UI designerzy.

2:58Świetnie sprawdza się w projektowaniu publikacji cyfrowych oraz materiałów

3:02marketingowych, a zwłaszcza w procesie automatyzacji ich tworzenia.

3:06Dlatego ten sprint jest świetną okazją do

3:08dogłębnego poznania funkcji autolayout oraz metodologii Atomic Design zarówno dla

3:13projektantów, którzy już korzystają z Figm'y w codziennej pracy, jak i dla tych,

3:17którzy dopiero rozpoczynają swoją drogę projektową lub tych, którzy chcą zmienić

3:22oprogramowanie wykorzystywane w kreatywnej pracy.

3:25Materiały przygotowaliśmy w taki sposób, aby nie wymagały od Ciebie zbyt dużego

3:29zaangażowania, między pół a godzina dziennie, natomiast jego przepracowanie

3:33wyrabiało już od pierwszego dnia sprintu odpowiednie nawyki w pracy projektowej.

3:38Dołącz teraz, a już za kilka tygodni skrót

3:41klawiaturowy Shift A będzie dla Ciebie tak samo naturalny jak Ctrl+C, Ctrl+V.

3:47Do zobaczenia!