Kurs Adobe XD i Muse

Wprowadzenie

Koszyk Koszyk
  • Opis
  • Recenzje
  • Autor
  • Transkrypt
  • Pytania i odpowiedzi
  • QA

10 ocen

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ń.

Autor: Grzegorz Róg

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!

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!

5

Średnia ocen autora

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

Autor: Grzegorz Róg

Czas: 5 godzin 40 minut

Aktualizacja: 27.07.2017

  • Certyfikat w ramach Ścieżki
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół
Podaruj w prezencie

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ę

}