Kurs Framer Classics

Wprowadzenie

Lekcje
  • Opis
  • Recenzje
  • Autor
  • Transkrypt

7 ocen

Lubię to! 336

Wprowadzenie

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ć!

  1. CoffeScript od Podstaw
  2. Calkiem nowy Framer
  3. Praktyczne przyklady
  4. Praca z komponentami
  5. Integracja ze Sketch oraz Figma
  6. Prototyp na Apple Watch
  7. Bonusowy UI Kit dla iOS
  8. I wiele wiecej!

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!

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!

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.

Dlaczego wybrać właśnie ten kurs?

  1. Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
  2. Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
  3. Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.
6 godzin

Kurs 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ć!

Grzegorz Róg

30 minut

Projektowanie i Prototypowanie we Framer

Ten Warsztat to niejako uzupełnienie <a href="http://eduweb.pl/kursy/uzytecznosc/framer-tworzenie-interaktywnych-prototypow.html" target="_blank">naszego kursu aplikacji Framer</a>, z pomocą której możesz tworzyć niesamowite, złożone interaktywne prototypy stron czy aplikacji. Tym razem zajmiemy się omówieniem nowości, które niedawno pojawiły się we Framerze, między innymi narzędzi w trybie design, które pozwolą Ci tworzyć proste projekty bez użycia narzędzi jak Sketch czy Figma. Następnie, będziesz mógł niezwykle łatwo zanimować tak stworzone komponenty. Dowiesz się, czym są Frames oraz na praktycznych przykładach zobaczysz jak zaprojektować animację po ścieżce i aplikację quizową z ciekawymi animacjami. Pokażę Ci także, jak skorzystać z rzeczywistych danych w projektowaniu interakcji - załadujemy do Framera plik JSON i nauczymy się parsować dane, które tam się znajdują. W ten sposób możesz wykorzystać w projektowaniu API aplikacji i podłączyć się do właściwych danych, aby Twój prototyp był jeszcze bardziej realistyczny. Warsztat jest dedykowany dla użytkowników macOS, jednak mogą go obejrzeć także osoby, które nie korzystały do tej pory z Framera aby zainspirować się tym, co można obecnie stworzyć w ramach tej świetnej aplikacji. <br><br> Na Warsztat zaprasza Grzegorz Róg.

Grzegorz Róg

Autor: Grzegorz Róg

**Idea Architect**

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. <br><br> 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!

eduweb.pl
@greg_rog

Recenzje Kurs Framer Classics

5

7 dodanych ocen

2017-07-28

Multum wiedzy w pigułce. Dopiero zaczynam przygodę z programowaniem ux, ale sporo sie dowiedziałem. Praktyczne przykłady, no i fajny bonus. Zależało mi na ogarnięciu prototypów aplikacji no i po tym kursie już wiem co sie z czym je. Dzięki!

Blazej Kurek

2017-07-30

Bardzo dobry kurs! Polecam!

Lukasz S Pierwola

2017-07-31

Zrobiłem kurs z myślą o prototypach na smartwatche a dowiedziałem sie sporo więcej. Zdecydowanie wart swojej ceny. Ucze sie kiedy chce, dla mnie najlepsza opcja na zdobywanie nowych umiejętności

Tomasz Nowakowski

2017-08-31

Merytorycznie nie ma sie do czego przyczepić, słucha sie przyjemnie, a zawsze czegoś nowego sie człowiek dowie. No i miły akcent w postaci UI kitu dla iOSa. Dzięki i czekam na więcej!

Marika Górska

2017-11-22

Kursik zaliczony. Można się z niego nauczyć podstaw tak, aby wdrażać proste rozwiązania do prototypów w Coffee Script. Polecam.

Piotr Trzaskowski

2018-06-11

Kurs ukończony, jednak muszę przyznać, że jestem trochę zawiedziona. Po pierwsze na początku, we wstępie była mowa o tym, jak to Framer jest super, bo od razu się w nim koduje interakcje, które potem można W BARDZO Łatwy Sposób wykorzystać w aplikacjach webowych i mobilnych. W ostatnim rozdziale natomiast usłyszeliśmy ze Handoff we Framerze wcale nie jest taki łatwy i że jednak nie wszystko się da wykorzystać. Po drugie, ostatni projekt aplikacji na Apple Watch nie powala. W większości było to przechodzenie z jednego screenu na drugi, scrollowanie, czy też zmiana opacity. Szczerze zabrakło mi tutaj bardziej zaawansowanego projektu, z ciekawszymi interakcjami jak np. te, które były pokazane w kursie Principle. Po trzecie w jednej z lekcji zaprezentował pan animacje typu mouse hover na mobile! Co kompletnie nie ma sensu i samo w sobie jest karygodnym błędem. Można było tam gdzieś wspomnieć, że takie animacje to tylko na web. Kurs to na pewno dobry wstęp do nauki Framera i Coffee Scriptu, jednak należałoby go obejrzeć kilkukrotnie by dobrze ogarnąć podstawy.

Justyna Jabłońska

2019-11-14

Polecam ten kurs do nauki Coffee Scriptu jak i aplikacji Framer.

Marcin Wawrzyniak

Ten kurs nie posiada jeszcze transkryptu. Choć bardzo się staramy, wygenerowanie transkryptów do wszystkich kursów jest bardzo czasochłonne. W wielu przypadkach wymaga zaangażowania drogiego oprogramowania i godzin pracy przy poprawianiu transkryptu tak, aby był on możliwie jak najlepszy.

Zależy nam na tym, aby przygotować transkrypty do wszystkich naszych treści. To jedyny sposób dla osób niedosłyszących, aby mogły wygodnie uczyć się technologii. Poza tym, transkrypty ułatwiają skanowanie kursu w poszukiwaniu informacji i jego indeksowanie.

Szukamy osób, które mogłyby nam pomóc w poprawianiu transkryptów. Jeśli masz chwilę wolnego czasu i interesuje Cię dany kurs, w zamian za taką pomoc chętnie udostępnimy Ci wybrany materiał. Wyślij swoje zgłoszenie tutaj, jeśli możesz pomóc nam rozwijać platformę.

  • Informacje
  • Lekcje
Wykup w abonamencie od 79zł
Przetestuj za darmo przez 7 dni!

Autor: Grzegorz Róg

Czas: 6 godzin

Wersja:

  • Pliki źródłowe
  • Certyfikat Ukończenia
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół

Wstęp

  • Wprowadzenie

Nauka CoffeeScript

  • Czym jest CoffeeScript

  • Praca ze zmiennymi

  • Typy danych

  • Instrukcje warunkowe

  • Funkcje

  • Obiekty

  • Tablice

Interfejs Framera

  • Przegląd interfejsu

  • Tworzenie Animacji

  • Easing w Animacji

  • Spring Curve

Praktyczne projekty

  • Ekran startowy

  • Onboarding użytkowników

  • Paginacja w Onboardingu

Projekt Photo App

  • Opcje wyrównania i Maski

  • Praca z tekstem

  • Kolejność warstw

  • Aplikacja Photo App

Projektowanie i Tryb Design

  • Przegląd trybu Design

  • Praca z Flow Component

  • Tworzenie animacji mockupów

  • Dodatkowe interakcje

  • Dokończenie prototypu

Przydatne Funkcje Framera

  • Gradienty i dźwięki

  • Stosowanie Filtrów

  • Praca z obiektem Color

  • Narzędzia klasy Utils

Projekt na Apple Watch

  • Import z Figma

  • Animacja Ekranu Home

  • Widok Odblokowania Domu

  • Ekran Główny aplikacji

  • Tworzenie Ekranu Akcji

Zakończenie

  • Dodatkowe narzędzia

  • Na zakończenie