Kurs Adobe XD i Muse

Wprowadzenie

Lekcje
  • Opis
  • Recenzje
  • Autor
  • Transkrypt

6 ocen

Lubię to! 336

Wprowadzenie

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!

  1. Interfejs i Narzedzia XD
  2. Wydajne projektowanie
  3. Prototypowanie przejsc
  4. Praca z Adobe Muse
  5. Praktyczny projekt UI
  6. Tworzenie responsywnej strony

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.

Dlaczego wybrać właśnie ten kurs?

  1. Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
  2. Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
  3. Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.
65 minut

Interaktywne Prototypy z Adobe XD i ProtoPie

Zapraszamy na kolejny Warsztat w ramach ścieżki UI/UX, w którym Grzegorz Róg pokaże Ci zupełnie nowe możliwości tworzenia zaawansowanych, interaktywnych prototypów interfejsów. Zaczniemy od przygotowania projektu UI dla części systemu e-commerce z pomocą technik Adobe XD. Następnie, gotowy projekt wyeksportujemy do ProtoPie, którego integracja z Adobe XD pojawiła się w jednej z ostatnich aktualizacji. Z pomocą ProtoPie, w przeciwieństwie do standardowego prototypowania w XD, Twoje możliwości są praktycznie nieograniczone. Zajmiemy się między innymi tworzeniem animacji warunkowych czy aktualizacją wartości warstw tekstowych w ramach prototypu. Na tym jednak nie kończą się możliwości ProtoPie. Możesz z jego pomocą nawet tworzyć interaktywne prototypy, które współdziałają na wielu urządzeniach! Prototypowanie interakcji i animacje to obecnie najbardziej gorący temat w branży UI i warto być na bieżąco z narzędziami, które pokażemy Ci w tym Warsztacie. Zwłaszcza, że w przeciwieństwie do większości tego typu narzędzi, dostępne są one także na platformę Windows!

Grzegorz Róg

60 minut

Projektowanie Interfejsów z Adobe XD

Zapraszamy na Warsztat, w którym Grzegorz Róg - Adobe Community Expert, pokaże Ci możliwości nowej aplikacji od Adobe, przeznaczonej dla UI/UX Designerów. Jeszcze w ubiegłym roku Adobe pokazało projekt pod nazwą Comet, który zainteresował wszystkich projektantów interfejsów. Obecnie aplikację pod zmienioną nazwą Adobe Experience Design CC w wersji Preview można już pobrać z Creative Cloud. Czy aplikacja spełni pokładane w niej oczekiwania i będzie godną konkurencją dla Sketch? Sprawdź to w najnowszym Warsztacie, który dla Ciebie przygotowaliśmy i poznaj podstawowe konwencje i techniki pracy w Adobe XD, takie jak import i eksport grafik, tworzenie interaktywnych prototypów, opcja Live Preview czy łatwe udostępnianie stworzonych projektów. <br><br> Na Warsztat zaprasza Grzegorz Róg

Grzegorz Róg

Autor: Grzegorz Róg

**Idea Architect**

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. <br><br> 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!

eduweb.pl
@greg_rog

Recenzje Kurs Adobe XD i Muse

5

6 dodanych ocen

2017-08-14

Kurs świetnie przygotowany, jak wszystkie z tego źródła!

Jacek Trzęsowski

2017-09-26

Szybki i skondensowany kurs projektowania witryny bez użycia kodu. Pokazane w praktyce jak to przenieść na muse z którego też korzystam. Wysoki poziom przekazywanych treści, tak trzymać!

Michalina Grudka

2017-10-12

Nie mam zbyt dużego doświadczenia w web designie a po kursie bez problemu udało mi sie stworzyć działającą stronę i to na całkiem niezłym poziomie.

Marianna Tomasik

2017-11-26

Świetny kurs (jak wszystkie Pana Grzegorza). Wiedza przedstawiona w sposób przystępny oraz bardzo interesujący. Z takim kursem nauka, to przyjemność :)

Daria Nowak

2019-02-11

Z kursu nie wyniosłem wiele. Materiały dotyczące nauki programu Adobe XD obejmują zakres samouczka po otwarciu tego programu. Nie dowiedziałem się nic po za tym. Kurs z Adobe Muse natomiast nie jest praktyczny, ponieważ program ten już od roku nie jest wspierany przez Adobe i w najbliższym czasie zamierzają go skasować. Przez pół kursu tworzona jest strona w Adobe XD tylko po to, aby bez uzasadnienia przenieść ją później do Adobe Muse (tworząc ją również od podstaw). Nie polecam.

Stanisław Z

2019-09-16

Bardzo dobrze podana wiedza. Jednak brakuje mi wielu ważnych wskazówek. Kurs doskonały jako wprowadzenie do programu.

Michal Sosnowski

Ten kurs nie posiada jeszcze transkryptu. Choć bardzo się staramy, wygenerowanie transkryptów do wszystkich kursów jest bardzo czasochłonne. W wielu przypadkach wymaga zaangażowania drogiego oprogramowania i godzin pracy przy poprawianiu transkryptu tak, aby był on możliwie jak najlepszy.

Zależy nam na tym, aby przygotować transkrypty do wszystkich naszych treści. To jedyny sposób dla osób niedosłyszących, aby mogły wygodnie uczyć się technologii. Poza tym, transkrypty ułatwiają skanowanie kursu w poszukiwaniu informacji i jego indeksowanie.

Szukamy osób, które mogłyby nam pomóc w poprawianiu transkryptów. Jeśli masz chwilę wolnego czasu i interesuje Cię dany kurs, w zamian za taką pomoc chętnie udostępnimy Ci wybrany materiał. Wyślij swoje zgłoszenie tutaj, jeśli możesz pomóc nam rozwijać platformę.

  • Informacje
  • Lekcje
Wykup w abonamencie od 79zł
Przetestuj za darmo przez 7 dni!

Autor: Grzegorz Róg

Czas: 5 godzin 40 minut

Wersja:

  • Pliki źródłowe
  • Certyfikat Ukończenia
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół

Wstęp

  • Wprowadzenie

  • Artboardy oraz Grid

  • Rozdzielczości i ekrany Retina

  • Praca z Photoshop i Illustrator

Interfejs Adobe XD

  • Nawigacja po dokumencie

  • Ważne skróty klawiaturowe

Organizacja projektu

  • Szukanie inspracji

  • Organizacja kolorów

  • Praca z Typografią

  • Narzędzia Kształtów

  • Symbole w Adobe XD

Projektowanie Interfejsu

  • Praca z obrazami

  • Import plików tekstowych

  • Narzędzie Pen Tool

  • Praca z Repeat Grid

  • Projektowanie kafelków

Praca z kolejnymi Ekranami

  • Tworzenie Ekranów

  • Ekran Referencji

  • Operacje Logiczne

  • Sekcje z Gridem

  • Projekt Formularza

Prototyp i udostępnianie

  • Prototypowanie w XD

  • Udostępnianie Projektu

Responsywna Witryna

  • Mobilna wersja projektu

  • Podgląd na urządzeniu

  • Eksport grafik

Praca w Adobe Muse

  • Import grafik do Muse

  • Google Fonty w Muse

  • Menu na stronie

Kolejne podstrony

  • Drugi ekran

  • Trzeci i czwarty ekran

  • Piąty ekran

  • Szósty ekran

  • Siódmy i ósmy ekran

Dodatki w Muse

  • Elementy interaktywne

  • Muse - export na serwer

Zakończenie

  • Dziękuję za uwagę