0:00 / 0:00

Flinto: Tworzenie ikonek

Tworzenie Interaktywnych Prototypów

5 godz. 37 min · Flinto · UI, UX i Webdesign

Grzegorz RógIdea Architect

Czego się nauczysz

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

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!