Kurs prototyp aplikacji Adobe XD + Illustrator

39

W kursie zobaczysz proces projektowania graficznego interfejsu, korzystając z programu Illustrator oraz Adobe XD.

Poziom: podstawy
Data wydania: 2018
Czas trwania: 2 godziny 30 minut

Czego się nauczysz?

Zobacz jak stworzyć graficzny interfejs aplikacji mobilnej łącząc dwa programy firmy Adobe czyli XD oraz Illustrator. Zobacz narzędzia niezbędne do stworzenia prototypu aplikacji mobilnej.

  • Jak tworzyć kształty i wektorowe elementy?
  • Jak tworzyć kolejność kart?
  • Jak ustawić urządzenia testowe?
  • Jak zbudować nawigację?
  • Jak pracować z tekstem?
  • Jak aktywować przyciski?
  • Jak pracować z siatkami?
  • Jak zapisać projekt?

Dla kogo jest ten kurs?

Kurs przeznaczony jest dla osób wdrażających się w temat tworzenia programów na urządzenia mobilne.

Poznaj Adobe Experience Designer

W kursie, który dla Ciebie przygotowaliśmy omówimy proces projektowania graficznego interfejsu korzystając z programu Illustrator oraz Adobe XD. Czym jest ten program? Został on stworzony z myślą o potrzebach projektantów UX. Za jego pomocą można zaprojektować prototyp aplikacji webowej jak i mobilnej. Zawiera narzędzia, dzięki którym stworzysz interfejs, nawigację, typografię oraz przetestujesz go w środowisku dowolnego mobilnego urządzenia.

Adobe XD + Illustrator

Zobaczysz jak współpracują ze sobą pliki SVG stworzone w Illustratorze i przeniesione do Adobe XD. Naukę rozpoczniesz od stworzenia makiety, następnie za pomocą wektorów zaprojektujesz wszystkie elementy, na które składa się kompletny interfejs aplikacji muzycznej. Zaprojektujesz pola do logowania, rejestracji, przyciski, menu, wygląd playlisty.

Nadaj życia swojemu statycznemu interfejsowi

Następnie zobaczysz jak zapisać gotowe wektory i wyeksportować je na potrzeby dalszej pracy w programie Adobe XD. To właśnie tutaj ożywisz statyczny interfejs nadając mu aktywne przyciski akcji, zalinkujesz odpowiednio karty aplikacji, stworzysz hiperłącza, ustawisz kolejność kart. Dzięki funkcjom programu przetestujesz interfejs oraz zachowanie poszczególnych elementów, animacji, przycisków. Gdy wszystko będzie poprawne nauczysz się zapisywać gotowy projekt.

1. Illustrator
–  szkielet aplikacji
–  tło
–  logowanie
–  klawisz akcji

2. Illustrator
–  rejestracja
–  menu
–  przestrzeń
–  typografia

3. Illustrator
–  dodatki

4. Illustrator
–  playlista

5. Illustrator
–  kontrast
–  informacje o albumie
–  efekty stlizacji
–  zapisywanie

6. Adobe EX
–  import projektu
–  tworzenie przejść
–  ustawianie kolejności
–  tworzenie hiperłączy
–  zapisywanie projektu

Dodaj ocenę