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 40/ 43Gotowy prototyp

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

Flinto: Gotowy prototyp

5 godz. 37 min wideo43 lekcje11 modułów

Grzegorz RógIdea Architect
Wszystkie kursy autora

Czego się nauczysz

  • Techniki Pracy we Flinto
  • Import zasobów ze Sketch
  • Animacje i Mikrointerakcje
  • Reuzywalne komponenty
  • Praktyczny projekt aplikacji
  • Tips & Tricks we Flinto

Flinto - Tworzenie Interaktywnych Prototypów

Tworzenie prototypów z Flinto to jedna z obowiązkowych pozycji na liście umiejętności najlepszych UI/UX designerów. Flinto pozwala na projektowanie przejść i mikrointerakcji, które z niezwykłą szczegółowością oddają funkcjonowanie projektu. Dzięki temu, możesz idealnie odwzorować to, jak działa aplikacja na potrzeby jej wdrażania a także prezentacji swojego projektu. Pracując z Flinto poczujesz niespotykaną wcześniej kontrolę nad każdym aspektem projektu a kurs, który dla Ciebie przygotowaliśmy to wszystko, czego potrzebujesz!

Narzędzia i interfejs

W pierwszej części kursu zajmiemy się pracą na przykładzie, który pozwoli Ci zrozumieć wszystkie najważniejsze koncepcje pracy z aplikacją Flinto i narzędzia takie jak Behaviory, animacje, easing, wykorzystanie gestów oraz tranzycji. Stworzymy efektowny mockup prostego interfejsu, który pozwoli Ci poznać cały potencjał aplikacji Flinto.

Praktyczny Prototyp

Kolejna część Kursu to praca z praktycznym projektem prototypu aplikacji inteligentnego domu w której przygotujemy wszystkie przejścia i animacje. Ten projekt pokazuje, że Flinto w praktyce sprawdza się świetnie i każdy, nawet najbardziej skomplikowany element aplikacji da się wykonać z jego pomocą.

Zachowania i animacje

W porównaniu do innych narzędzi do prototypowania, Flinto posiada szereg unikalnych możliwości, które niezwykle przydają się przy tworzeniu mikrointerakcji i animacji. Jednym z nich są Behaviory, które umożliwają tworzenie reużywalnych komponentów w projekcie, oferując ogromną oszczędność czasu.

Import ze Sketch

W Kursie porozmawiamy także o możliwościach współpracy z innymi aplikacjami, takimi jak Sketch. Z pomocą specjalnego pluginu, będziesz mógł wyeksportować gotowy projekt do Flinto i w przeciwieństwie do innych aplikacji pracować z całą strukturą edytowalnych warstw a także z wektorami!

Morphing elementów

Kolejną świetną koncepcją we Flinto jest możliwość łączenia warstw w ramach przejść. To z kolei pozwala na stworzenie animacji w której jedna warstwa jest płynnie animowana pomiędzy kolenjnymi ekranami lub przygotowanie animacji kształtów które przechodzą jeden w drugi na zasadzie morphingu.

Flinto tylko na mac OS?

A co z użytkownikami systemu Windows? Cóż, to prawda, że Flinto 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 Flinto jest przeznaczony dla wszystkich osób, które projektują UI i szukają narzędzia, które pozwoli im przygotować w szybkim czasie kompletny, działający prototyp. Będzie on też genialnym uzupełnieniem warsztatu UX Designera który chce lepiej zaprezentować swoje pomysły na przejścia i interakcje projekcie. Flinto to jedna z obowiązkowych aplikacji na liście umiejętoności najlepszych projektantów interfejsów!

Kurs Flinto

11 rozdziałów43 lekcje5h 37min

Wstęp

8min
  • Wprowadzenie2min(zablokowana)
  • Interfejs Flinto6min(zablokowana)

Podstawy i Interfejs

27min
  • Opcje Projektu10min(zablokowana)
  • Właściwości kształtów7min(zablokowana)
  • Organizacja kształtów9min(zablokowana)

Pierwszy Prototyp

30min
  • Ekran szczegółów6min(zablokowana)
  • Praca z wektorami9min(zablokowana)
  • Tworzenie ikonek10min(zablokowana)
  • Ekran z zakładkami5min(zablokowana)

Podstawowe animacje

28min
  • Wstęp do Behaviorów9min(zablokowana)
  • Animacja ekranów10min(zablokowana)
  • Easing w animacji9min(zablokowana)

Projektowanie przejść

25min
  • Scrollowanie elementów5min(zablokowana)
  • Scrollowanie w Behaviorach6min(zablokowana)
  • Łączenie Warstw w animacji8min(zablokowana)
  • Backlinki6min(zablokowana)

Mikrointerakcje

32min
  • Mikrointerakcja z serduszkiem10min(zablokowana)
  • Animacja udostępniania9min(zablokowana)
  • Animacja dodawania zakładek9min(zablokowana)
  • Efekt na przycisku3min(zablokowana)

Projekt aplikacji we Flinto

24min
  • Import ze Sketch'a6min(zablokowana)
  • Onboarding użytkowników11min(zablokowana)
  • Animacja ekranu powitania7min(zablokowana)

Kolejne Ekrany Aplikacji

54min
  • Ekran Logowania10min(zablokowana)
  • Ekran Home5min(zablokowana)
  • Ekran Głównego Menu8min(zablokowana)
  • Przyklejone nagłówki12min(zablokowana)
  • Ekran Urządzeń15min(zablokowana)
  • Biblioteka Komponentów4min(zablokowana)

Zaawansowane animacje

1h 18min
  • Ekran Akcji12min(zablokowana)
  • Menu dolne11min(zablokowana)
  • Ekran Temperatury9min(zablokowana)
  • Zmiana Temperatury5min(zablokowana)
  • Plansza Lampy13min(zablokowana)
  • Ekran Zasłony5min(zablokowana)
  • Ekran Budzika7min(zablokowana)
  • Ekrany zapachów10min(zablokowana)
  • Ekran kamer6min(zablokowana)

Dodatki i Narzędzia

32min
  • Predefiniowane zasoby12min(zablokowana)
  • Gotowy prototyp7min(zablokowana)
  • Flinto lite5min(zablokowana)
  • Bonusowe rady8min(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

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