Ta lekcja jest w bazie eduweb

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

Wykup dostęp do bazyZaloguj się kontem Easy

Lekcja 8/ 35Tablice

0:00 / 0:00
UI, UX i WebdesignFramerTworzenie Interaktywnych Prototypów

Framer Classics: Tablice

5 godz. 24 min wideo35 lekcji9 modułów

Grzegorz RógIdea Architect
Wszystkie kursy autora

Czego się nauczysz

  • CoffeScript od Podstaw
  • Calkiem nowy Framer
  • Praktyczne przyklady
  • Praca z komponentami
  • Integracja ze Sketch oraz Figma
  • Prototyp na Apple Watch
  • Bonusowy UI Kit dla iOS
  • I wiele wiecej!

Framer Classics - Tworzenie Interaktywnych Prototypów

Sięgnij po jedną z najgorętszych technologii w zakresie prototypowania interfejsów, wykorzystywaną przez takie firmy jak Facebook, Google czy Uber i przekonaj się, jak potężne narzędzie jest w Twoim zasięgu. Obecnie najlepsi i najbardziej poszukowani UI/UX Designerzy w branży potrafią programować! Z tym Kursem przekonasz się, że programowanie w CoffeScript to najlepszy i najprzyjemniejszy sposób na naukę programowania, a dodatkowo - jedna z najciekawszych umiejętności, które można nabyć!

Opanuj Framer i CoffeScript

Kurs, który masz przed sobą, to praktyczne kompendium wiedzy na temat prototypowania animacji i mikrointerakcji z wykorzystaniem technologii Framer. Stworzona przez inżynierów Facebook'a aplikacja pozwala na prototypowanie bez żadnych ograniczeń narzucanych przez linię czasu czy predefiniowane presety. Co więcej - umożliwia ona przeniesienie stworzonych animacji bezpośrednio na stronę WWW lub do aplikacji iOS lub Android!

Czy muszę nauczyć się programować?

Tak, ale musisz także zrozumieć dwie rzeczy - obecnie najlepsi projektanci UI/UX muszą programować i już to potrafią. Po drugie - nie ma łatwiejszej i przyjemniejszej metody nauki programowania niż CoffeScript połączony z wizualnym feedbackiem, jaki daje Ci Framer. W Kursie krok po kroku na prostych przykładach opanujesz ten język. Już wkrótce zrozumiesz jak proste i przyjemne może być programowanie!

CoffeScript od podstaw

W pierwszej części Kursu omawiamy język CoffeScript, który… w zasadzie trudno uznać za pełnoprawny język programowania. Jest to uproszczona wersja JavaScript, a rezultat pracy w CoffeScript w przeglądarce jest kompilowany właśnie do JS. Co to oznacza? We Framerze będziesz tworzył gotowe strony internetowe z wykorzystaniem JavaScript - zatem uczysz się pracy z najbardziej aktualnymi technologiami w sieci, w najbardziej przystępny sposób.

Całkiem nowy Framer

Mimo, że Framer już od dawna jest postrzegany jako rynkowy standard i wykorzystywany w najbardziej innowacyjnych firmach jego najnowsza wersja jest rewolucyjna i zawiera - poza widokiem kodu - także tryb Design, w którym możesz projektować podobnie jak w Sketch czy Adobe XD. W związku z tym obecnie stał się on narzędziem kompletnym, a Ty po zapoznaniu się z Kursem poznasz wszystkie jego zalety!

Praktyczne przykłady i komponenty

W Kursie na szeregu praktycznych projektów dowiesz się jak przygotować typowe dla UI aplikacji mobilnych animacje i przejścia. Wykorzystamy do tego szereg wbudowanych komponentów we Framerze, które sprawiają, że stworzenie onboardingu użytkowników czy animacji poszczególnych stron aplikacji to dosłownie kilka linijek kodu - całą resztą zajmie się Framer!

Integracja ze Sketch oraz Figma

W aplikacji Framer, poza możliwością projektowania własnej grafiki w trybie Design, masz także możliwość zaimportowania gotowych projektów z aplikacji Sketch czy Figma! W Kursie dowiesz się, jak optymalnie przygotować te zasoby, tak, aby praca we Framerze była prosta i efektywna.

Prototyp na Apple Watch

Jako jeden z projektów przeniesiemy projekt aplikacji, którą tworzyliśmy w Kursie Sketch, na ekran zegarka, umożliwiając sterowanie inteligentnym domem z pomocą atrakcyjnego prototypu. Zobaczysz krok po kroku w jaki sposób szybko oprogramować animacje i przejścia, a także jak stworzyć ciekawe interakcje.

Dołącz do Najlepszych!

Kurs, który masz przed sobą to najlepszy sposób na zdobycie umiejętności, które pozwolą Ci zająć miejsce w gronie UI/UX Designerów najbardziej poszukiwancyh na rynku! Zainwestuj w swoje umiejętności a przekonasz się, jak wartościowym dodatkiem w Twoim portfolio stanie się tworzenie interaktywnych prototypów, mikrointerakcji i animacji, które z wykorzystaniem technologii Framer możesz łatwo przełożyć na działającą stronę czy aplikację! To najlepszy krok w kierunku tego, byś w przyszłości mógł tworzyć własne, kompletne aplikacje z przyjaznym, wizualnym feedbackiem.

BONUS! UI Kit dla iOS

Jako specjalny bonus dla uczestników Kursu Framer przygotowaliśmy UI Kit dla iOS! Razem z plikami źródłowymi otrzymasz plik z większością komponentów systemowych w iOS, a także przykładowe, systemowe animacje stworzone specjalnie na potrzeby tego materiału. Dzięki temu będziesz mógł jeszcze łatwiej tworzyć prototypy aplikacji iOS i emulować działanie systemu!

Framer tylko na mac OS?

A co z użytkownikami systemu Windows? Cóż, to prawda, że Framer dostępny jest tylko na komputery firmy Apple - istnieją jednak sposoby, aby korzystać z dobrodziejstw systemu mac OS również na PC i laptopach wyposażonych w bardziej popularny system Windows. Więcej o takich możliwościach przeczytacie tutaj. Nie jest to proste rozwiązanie i nie możemy polecać go dla każdego, ale wysiłek może okazać się wart zachodu - szczególnie, że większość nowoczesnych narzędzi do UI i UX designu dostępnych jest w wersjach na system mac OS.

Dla kogo jest ten kurs?

Kurs przeznaczony jest dla wszystkich, którzy chcą wejść na wyższy poziom pracy z UI/UX, tworząc interaktywne prototypy z wykorzystaniem jednej z najgorętszych technologii, z której korzystają projektanci takich firm jak Twitter, Dropbox czy Instagram. Stanowi ona także fundament programowania w najbardziej popularnych technologiach na świecie. Zatem - do dzieła!

Wersja oprogramowania: mac OS

Kurs Framer Classics

9 rozdziałów35 lekcji5h 24min

Wstęp

3min
  • Wprowadzenie3min(zablokowana)

Nauka CoffeeScript

1h
  • Czym jest CoffeeScript5min(zablokowana)
  • Praca ze zmiennymi10min(zablokowana)
  • Typy danych8min(zablokowana)
  • Instrukcje warunkowe7min(zablokowana)
  • Funkcje9min(zablokowana)
  • Obiekty9min(zablokowana)
  • Tablice11min(zablokowana)

Interfejs Framera

42min
  • Przegląd interfejsu15min(zablokowana)
  • Tworzenie Animacji13min(zablokowana)
  • Easing w Animacji10min(zablokowana)
  • Spring Curve4min(zablokowana)

Praktyczne projekty

29min
  • Ekran startowy10min(zablokowana)
  • Onboarding użytkowników12min(zablokowana)
  • Paginacja w Onboardingu7min(zablokowana)

Projekt Photo App

43min
  • Opcje wyrównania i Maski11min(zablokowana)
  • Praca z tekstem11min(zablokowana)
  • Kolejność warstw7min(zablokowana)
  • Aplikacja Photo App13min(zablokowana)

Projektowanie i Tryb Design

1h 6min
  • Przegląd trybu Design19min(zablokowana)
  • Praca z Flow Component16min(zablokowana)
  • Tworzenie animacji mockupów11min(zablokowana)
  • Dodatkowe interakcje6min(zablokowana)
  • Dokończenie prototypu15min(zablokowana)

Przydatne Funkcje Framera

32min
  • Gradienty i dźwięki8min(zablokowana)
  • Stosowanie Filtrów9min(zablokowana)
  • Praca z obiektem Color8min(zablokowana)
  • Narzędzia klasy Utils8min(zablokowana)

Projekt na Apple Watch

36min
  • Import z Figma8min(zablokowana)
  • Animacja Ekranu Home8min(zablokowana)
  • Widok Odblokowania Domu5min(zablokowana)
  • Ekran Główny aplikacji6min(zablokowana)
  • Tworzenie Ekranu Akcji9min(zablokowana)

Zakończenie

14min
  • Dodatkowe narzędzia13min(zablokowana)
  • Na zakończenie1min(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

Grzegorz Róg
Ś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!

Inne kursy tego autora

Pokaż więcej kursów