Ta lekcja jest w bazie eduweb

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

Lekcja 24/ 39Animacja zapachów

0:00 / 0:00
UI, UX i WebdesignPrincipleProjektowanie Interakcji

Principle: Animacja zapachów

5 godz. 32 min wideo39 lekcji10 modułów

Czego się nauczysz

  • Mikrointerakcje w UI
  • Prezentacja na Behance
  • Interfejs i narzedzia Principle
  • Eksport GIFów
  • Praca ze Sketch i Principle
  • Onboarding uzytkowników
  • Praktyczne projekty
  • I wiele wiecej!

Principle - Projektowanie Interakcji

Chcesz zacząć projektować interaktywne, animowane interfejsy i prototypy aplikacji? Nic dziwnego - w końcu obecnie jest to jedna z najbardziej pożądanych umiejętności u dobrego UI/UX Designera! Sprawdź, jak fascynujące może być projektowanie interakcji, które Twój klient podsumuje zaskoczonym pytaniem - "O, to już działa?". Projektuj efektowne prezentacje na Behance i zacznij zdobywać jeszcze więcej świetnych, inspirujących zleceń.

Projektowanie interaktywnych prototypów staje się standardem w tworzeniu UI/UX. Mikrointerakcje i animacje pozwalają z niespotykaną dotąd precyzją zaprezentować swój pomysł na nowoczesny interfejs, a także zaprogramować stronę czy aplikację w zgodzie z zamysłem projektanta. Poza tym… To świetna frajda!

Mikrointerakcje w UI

W Kursie Prototypowania dowiesz się wszystkiego o tworzeniu interakcji i animacji z wykorzystaniem jednej z najlepszych aplikacji na rynku - Principle. Zajmiemy się przygotowaniem działającego prototypu aplikacji Home App, którą zaprojektowaliśmy już w Kursie Sketch. Stworzymy ciekawe przejścia ekranów i mikrointerakcje aby odwzorować rzeczywiste działanie aplikacji, przy okazji odkrywając możliwości programu.

Prezentacja na Behance

W drugiej części kursu zajmiemy się przygotowaniem efektownej prezentacji na potrzeby serwisu Behance, wykorzystując do tego stworzone wcześniej interaktywne prototypy, a także aplikację Adobe Photoshop. Tego typu prezentacja to nieoceniony atut w portfolio UI/UX Designera, który pozwoli Ci zdobyć jeszcze więcej intratnych zleceń!

Interfejs i narzędzia Principle

W Kursie poznasz techniki pracy z aplikacją Principle. Wykorzystamy dwa modele animacji - przejścia ekranów oraz Drawery, pozwalające nam na tworzenie mikrointerakcji, w których jedna animacja jest zależna od drugiej. Na kilku prostych przykładach dowiesz się, które narzędzia będą odpowiednie w danej sytuacji.

Eksport GIFów

Jedną z ważnych umiejętności przy tworzeniu prezentacji jest złożenie w całość przygotowanych wcześniej elementów. W Kursie dowiesz się jak przygotować animowane GIFy z pomocą Photoshopa, ffmpeg, jak również dedykowanej, świetnej, darmowej aplikacji.

Praca ze Sketch i Principle

W kursie dowiesz się także jak przygotować projekty w Sketch, a następnie zaimportować je do Principle w ten sposób, aby elementy dały się łatwo animować. Odpowiednie stworzenie projektu, a także organizacja i nazewnictwo wartstw pozwolą Ci stworzyć projekt, który zostanie niemal automatycznie zanimowany!

Onboarding użytkowników

Stworzymy także efektowną animację z wykorzystaniem przejść typu scroll w Principle. Dowiesz się jak uzyskać efekt paginacji dla poszczególnych ekranów, jak również jak połączyć efekty przewijania z innymi animacjami z pomocą Drawerów.

Principle tylko na mac OS?

A co z użytkownikami systemu Windows? Cóż, to prawda, że Principle dostępne 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 został przygotowany z myślą o wszystkich UI/UX Designerach, którzy chcą wzbogacić swoje umiejętności o tworzenie efektownych, interaktywnych prototypów. Będzie odpowiedni na każdym poziomie zaawansowania i pozwoli Ci zdobyć umiejętności niezwykle cenione w kreatywnej pracy Projektanta.

Wersja oprogramowania: Principle 2.0+

Kurs Principle

10 rozdziałów39 lekcji5h 32min

Wstęp do kursu

14min
  • Wprowadzenie3min(zablokowana)
  • Wstęp do Principle4min(zablokowana)
  • Proste Animacje Artboardów8min(zablokowana)

Interfejs i narzędzia

16min
  • Organizacja warstw10min(zablokowana)
  • Panel animacji6min(zablokowana)

Tworzenie animacji

44min
  • Import grafiki Sketch5min(zablokowana)
  • Easing w animacji6min(zablokowana)
  • Wejście elementów9min(zablokowana)
  • Animacja kolejnych ekranów7min(zablokowana)
  • Praca z Driverami12min(zablokowana)
  • Principle Mirror na iOS4min(zablokowana)

Animacje pierwszych Ekranów

29min
  • Sketch - projektowanie ekranów8min(zablokowana)
  • Onboarding użytkowników8min(zablokowana)
  • Animacje w intro13min(zablokowana)

Tworzenie animacji Akcji

53min
  • Organizacja warstw w Sketch16min(zablokowana)
  • Import ze Sketcha10min(zablokowana)
  • Animacja kafelków11min(zablokowana)
  • Rozwijana lista4min(zablokowana)
  • Tworzenie komponentów12min(zablokowana)

Ekrany Pokojów

40min
  • Menu dla ekranów7min(zablokowana)
  • Animacja temperatury5min(zablokowana)
  • Animacja koloru ambient6min(zablokowana)
  • Animacja po ścieżce12min(zablokowana)
  • Animacja zapachów9min(zablokowana)

Efektowna Prezentacja

37min
  • Przygotowanie zasobów9min(zablokowana)
  • Nagrywanie animacji7min(zablokowana)
  • Z Principle do Photoshopa15min(zablokowana)
  • Pobieramy zasoby7min(zablokowana)

Przygotowanie prezentacji

1h 6min
  • Pierwszy ekran prezentacji13min(zablokowana)
  • Ekran drugi i trzeci14min(zablokowana)
  • Ekran czwarty7min(zablokowana)
  • Ekran piąty i szósty15min(zablokowana)
  • Ekran siódmy11min(zablokowana)
  • Ekran ósmy6min(zablokowana)

Eksport zasobów na Behance

32min
  • Przygotowanie do eksportu8min(zablokowana)
  • Eksport plików GIF9min(zablokowana)
  • Eksport wszystkich grafik8min(zablokowana)
  • Prezentacja na Behance8min(zablokowana)

Zakończenie

1min
  • Podsumowanie1min(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

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