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 14/ 37Narzędzie Pen Tool

0:00 / 0:00
UI, UX i WebdesignAdobe XDOd Interfejsu po Gotową Stronę

Adobe XD i Muse: Narzędzie Pen Tool

5 godz. 29 min wideo37 lekcji11 modułów

Grzegorz RógIdea Architect
Wszystkie kursy autora

Czego się nauczysz

  • Interfejs i Narzedzia XD
  • Wydajne projektowanie
  • Prototypowanie przejsc
  • Praca z Adobe Muse
  • Praktyczny projekt UI
  • Tworzenie responsywnej strony

Adobe XD i Muse - Od Interfejsu po Gotową Stronę

Chcesz szybko i wygodnie projektować interfejsy? Adobe XD CC to niezwykle wszechstronne narzędzie dla UI/UX Designerów, ponieważ oprócz projektowania, pozwala na tworzenie interaktywnych prototypów. W Kursie, poza omówieniem technik pracy w Adobe XD dowiesz się, jak z projektu, który wykonamy, stworzyć działającą stronę z pomocą Adobe Muse!

Narzędzie do pracy z UI w Adobe CC

Jedną z ogromnych zalet XD jest fakt, że znajduje się w popularnym pakiecie Adobe, co znaczy że możesz z niego korzystać w ramach subskrypcji CC, jak również współpracuje z innymi aplikacjami jak Photoshop czy Illustrator. Kurs, który masz przed sobą to kompleksowe omówienie technik pracy w Adobe XD jak również praktyczny projekt strony internetowej, który wykonamy a następnie wdrożymy bez użycia ani jednego kawałka kodu!

Współpraca z innymi aplikacjami

Na przestrzeni Kursu dowiesz się, jak wymieniać informacje z Photoshop czy Illustrator a nawet aplikacjami mobilnymi, które pomogą Ci szybko prototypować na tablecie czy telefonie. Stworzone w ten sposób szkice szybko zaimportujesz do XD i rozpoczniesz pracę z projektem interfejsu użytkownika.

Magia Adobe Experience Design

Szereg pomysłów zastosowanych w Adobe XD sprawia, że projektowanie interfejsów z jego pomocą jest niezwykle wydajne. Jednymi z ciekawych narzędzi jest przykładowo Repeat Grid, który pozwala Ci łatwo powielić powtarzalne elementy interfejsów takie jak tabelki czy listy. Możesz także łatwo umieścić grafiki w każdym z elementów tak stworzonego grida a nawet gotowy tekst, przeciągając obrazy czy pliki tekstowe do aplikacji!

Projektowanie + Prototypowanie

Dzięki zintegrowanej funkcji szybkiego prototypowania w Adobe XD, przygotowany projekt możesz łatwo wzbogacić o przejścia i animacje poszczególnych ekranów. Dzięki funkcji podglądu zarówno w ramach aplikacji, jak i na podłączonym urządzeniu, możesz szybko testować wdrażane rozwiązania i wybrać wygląd zoptymalizowany dla urządzenia pod które projektujesz!

Udostępnianie i komentarze

Niezwykle przydatną funkcją okaże się możliwość udostępniania przygotowanego w XD prototypu strony WWW czy aplikacji. Osoby, które otrzymają łącze, będą mogły podejrzeć działający prototyp, również na urządzeniach mobilnych, jak również wziąć udział w dyskusji i przekazać swój feedback do każdego z Artboardów, oznaczając na nim konkretne poprawki.

Praktyczny projekt strony WWW

W tym Kursie skoncentrujemy się od początku na tworzeniu praktycznego projektu witryny, która będzie reklamowała aplikację inteligentnego domu z którą pracowaliśmy także w innych kursach ścieżki UX. Zaczniemy mniej typowo, bo od widoku desktopowego, a następnie dorobimy widok responsywny i przetestujemy go na telefonie. W gotowym projekcie zaprototypujemy przejścia i interakcje a następnie przygotujemy grafiki pod eksport do sieci.

Tworzenie strony w Adobe Muse

Kolejnym etapem będzie wdrożenie przygotowanego projektu strony w aplikacji Adobe Muse. Będziemy pracować w środowisku graficznym co znaczy, że do wdrożenia strony nie użyjemy ani jednej linijki kodu! Zobaczysz, jak łatwo możesz swoje projekty, bez znajomości technologii webowych wdrożyć jako proste, działające witryny! Tym samym nasz Kurs stanowi kompletne kompendium od szkicowania, przez zdetalowany projekt UI, interaktywny prototyp, aż do gotowej, responsywnej strony WWW!

Dla kogo jest ten kurs?

Kurs przygotowałem dla wszystkich osób, które chcą zająć się, lub już się zajmują projektowaniem interfejsów użytkownika i chcą tworzyć nowoczesne strony WWW oraz aplikacje. Workflow pokazany w Kursie pozwoli Ci zoptymalizować czas swojej pracy i tworzyć niezwykle wydajnie ciekawe, działające projekty. Nie jest wymagana wcześniejsza wiedza z zakresu kodowania i wdrażania stron WWW a jeśli chodzi o część z Adobe Muse - nie musisz także posiadać wcześniejszego doświadczenia w pracy z tą aplikacją. Jeśli będziesz chciał rozwinąć swoje umiejętności w tym zakresie - sprawdź Kurs Adobe Muse.

Kurs Adobe XD i Muse

11 rozdziałów37 lekcji5h 29min

Wstęp

26min
  • Wprowadzenie2min(zablokowana)
  • Artboardy oraz Grid8min(zablokowana)
  • Rozdzielczości i ekrany Retina6min(zablokowana)
  • Praca z Photoshop i Illustrator10min(zablokowana)

Interfejs Adobe XD

10min
  • Nawigacja po dokumencie4min(zablokowana)
  • Ważne skróty klawiaturowe6min(zablokowana)

Organizacja projektu

46min
  • Szukanie inspracji6min(zablokowana)
  • Organizacja kolorów13min(zablokowana)
  • Praca z Typografią13min(zablokowana)
  • Narzędzia Kształtów7min(zablokowana)
  • Symbole w Adobe XD6min(zablokowana)

Projektowanie Interfejsu

42min
  • Praca z obrazami8min(zablokowana)
  • Import plików tekstowych7min(zablokowana)
  • Narzędzie Pen Tool10min(zablokowana)
  • Praca z Repeat Grid6min(zablokowana)
  • Projektowanie kafelków11min(zablokowana)

Praca z kolejnymi Ekranami

36min
  • Tworzenie Ekranów7min(zablokowana)
  • Ekran Referencji8min(zablokowana)
  • Operacje Logiczne6min(zablokowana)
  • Sekcje z Gridem6min(zablokowana)
  • Projekt Formularza9min(zablokowana)

Prototyp i udostępnianie

17min
  • Prototypowanie w XD10min(zablokowana)
  • Udostępnianie Projektu7min(zablokowana)

Responsywna Witryna

32min
  • Mobilna wersja projektu16min(zablokowana)
  • Podgląd na urządzeniu8min(zablokowana)
  • Eksport grafik9min(zablokowana)

Praca w Adobe Muse

36min
  • Import grafik do Muse16min(zablokowana)
  • Google Fonty w Muse14min(zablokowana)
  • Menu na stronie6min(zablokowana)

Kolejne podstrony

1h 7min
  • Drugi ekran19min(zablokowana)
  • Trzeci i czwarty ekran16min(zablokowana)
  • Piąty ekran11min(zablokowana)
  • Szósty ekran9min(zablokowana)
  • Siódmy i ósmy ekran12min(zablokowana)

Dodatki w Muse

17min
  • Elementy interaktywne10min(zablokowana)
  • Muse - export na serwer7min(zablokowana)

Zakończenie

1min
  • Dziękuję za uwagę1min(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