Kurs Adobe XD

Witaj w Kursie

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

19 ocen

Wprowadzenie

Chcesz szybko i wygodnie projektować interfejsy? Adobe XD to niezwykle wszechstronne narzędzie dla UI/UX Designerów, ponieważ oprócz projektowania, pozwala na tworzenie interaktywnych prototypów. Ostatnie aktualizacje XD sprawiają, że jest to niezwykle użyteczna aplikacja, która nadąża za branżowymi standardami takimi jak Sketch czy Figma... a dla użytkowników Adobe CC oferuje wiele unikalnych rozwiązań. Dodatkowo, jest to obecnie najlepiej zoptymalizowane narzędzie do tworzenia UI na rynku. Kurs nie wyczerpuje całości zagadnień z zakresu XD, a koncentruje się stricte na projektowaniu interfejsów - w ciągu kilku godzin od podstaw, poznając wszystkie najważniejsze funkcje XD, przygotujemy projekt strony WWW.

  1. Praktyczny projekt strony w XD
  2. Omówienie narzędzi do tworzenia UI
  3. Szereg tipów i skrótów klawiaturowych
  4. Wskazówki do projektowania na różne ekrany
  5. Formaty plików i eksport zasobów
  6. I wiele więcej!

Narzędzie do pracy z UI w Adobe CC

Jedną z ogromnych zalet Adobe 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, takimi 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. Na tej samej zasadzie jesteś w stanie wykonać projekty mobilnych aplikacji.

Magia Adobe XD

Szereg pomysłów zastosowanych w Adobe XD sprawia, że projektowanie interfejsów z jego pomocą jest niezwykle wydajne. Jednymi z ciekawszych 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!

Praktyczny projekt strony WWW

W tym Kursie skoncentrujemy się od początku na tworzeniu praktycznego projektu witryny, którą przełożymy na działający projekt w jednym z kolejnych kursów. Zaczniemy mniej typowo, bo od widoku desktopowego, a następnie dorobimy widok responsywny i przetestujemy go na telefonie. Po drodze przekażę Ci szereg wskazówek, tipów i skrótów po to, aby pracować w Adobe XD jeszcze wydajniej.

Czego nie znajdziesz w tym kursie?

Materiały z XD celowo podzieliliśmy na kilka kursów. Ten, który masz przed sobą jest fundamentem wiedzy o tym, jak tworzyć layouty w XD i zawiera szereg wskazówek związanych z samym projektowaniem UI. Nie obejmuje natomiast części pracy zespołowej, handoff (czyli przekazania do developmentu), ani prototypowania - do tego przewidzieliśmy osobne materiały. Zdajemy sobie sprawę, że nie wszyscy będą potrzebowali omówienia tych specyficznych funkcji, stąd taki podział kursów.

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. Nieważne, czy korzystasz już z innych aplikacji - uzupełnienie swojego zasobnika o XD, zwłaszcza, jeśli jesteś użytkownikiem Adobe CC, pozwoli Ci wykorzystać jego unikalne funkcje w niektórych projektach. Jeżeli zależy Ci na szybkości w projektowaniu UI, wielu iteracjach, a także szybkim prototypowaniu - zdecydowanie warto poznać XD. Z drugiej strony, jeśli potrzebujesz prostej aplikacji, która pozwoli Ci zaprojektować stronę dla siebie lub Twojego klienta - ten kurs również jest dobrym rozwiązaniem!

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ń.
1 godzina 5 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

5 godzin 29 minut

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

Grzegorz Róg

1 godzina

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
@grzegorzrog

Recenzje Kurs Adobe XD

5

19 dodanych ocen

2020-07-02

Opisanie całego Adobe Xd od samych podstaw aż po LP i zawartych w Xd tipów. Pokazanie na konkretnych przykładach.

Patryk Korszun

2020-07-04

Super wszystko wytłumaczone, polecam!

Michał Michasiów

2020-07-04

Od samych podstaw

Paweł Krupa

2020-07-08

Co mogę powiedzieć? Bardzo zrozumiale wytłumaczone.

Jo_Lanta Waniowska

2020-07-10

Super kurs, super narzędzie. Polecam.

Robert Studziński

2020-07-11

Kurs Adobe XD to świetnie wyjaśnione możliwości narzędzia.

Ryszard Kajkowski

2020-07-18

Super

Łukasz Kuczek

2020-07-19

Dobry kurs, polecam.

Katarzyna Kuzdrowska

2020-07-22

Praktyczny kurs. Dobrze uczy obsługi narzędzia od podstaw. Polecam!

Michał

2020-07-26

Dobry kurs, polecam.

Jacek

2020-07-30

Super kurs! Gorąco polecam❤️

Ivanna Ishchenko

2020-08-01

Super kurs, naprawdę polecam!

Mateusz

2020-08-12

Polecam

Adam Kołtun

2020-08-26

Warto!!!

Krzysztof

2020-08-29

Świetna alternatywa Figmy dla ludzi posiadających Creative Cloud.

Marek Rozwałka

2020-09-02

Bardzo dobry kurs. Polecam!

Maciej Kolenkiewicz

2020-09-25

Sporo się można dowiedzieć o Adobe XD. Dobrze tłumaczone, łatwo wszystko można sobie przyswoić.

Krzysztof

2020-09-29

Super kurs, polecam!

Mariusz Rudnik

2020-10-06

Świetny kurs pokazujący krok po kroku jak można zaprojektować świetny UI za pomocą tego narzędzia.

Paweł Lipowczan

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: 6 godzin 4 minuty

Wersja: CC 2020+

Aktualizacja: 2020-07-01

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

Wprowadzenie

  • Witaj w Kursie

  • Ekran Powitalny i Adobe CC

  • Tworzenie Artboardu

  • Layout i Square Grid

  • Rozdzielczości i Skalowanie

  • Wymiana plików z Aplikacjami Adobe

  • Przegląd interfejsu XD i Skróty

Praca z XD

  • Wireframes i gotowe UI Kity

  • Przygotowanie Artboardu

  • Text Tool i instalowanie fontów

  • Proste zastosowanie Repeat Grid

Kształty i wektory

  • Proste operacje na kształtach

  • Zaawansowane kształty

  • Praca z grafiką

Komponenty

  • Podstawy pracy z Komponentami

  • Padding w Komponentach

  • Stany Komponentów

  • Zaawansowany Repeat Grid cz. 1

  • Zaawansowany Repeat Grid cz. 2

  • Podstawy Responsive Resize

Praca ze stroną

  • Style tekstów oraz Google Sheets

  • Tworzymy sekcje strony

  • Sekcje z partnerami i FAQ

  • Sekcja z artykułami z bloga

  • Sekcja Quote i elementy graficzne

  • Tworzymy footer

Porządkowanie i Style Guide

  • Prace porządkowe

  • Tworzenie Style Guide

Widoki Responsywne

  • Widok tabletowy

  • Widok Tabletowy portret

  • Widok telefonowy

  • Tworzymy menu

  • Responsywne menu

Extra

  • Podgląd mobilny

  • Eksport grafik

  • Zakończenie