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 32/ 36Tworzymy menu

0:00 / 0:00
UI, UX i WebdesignAdobe XDInterfejsy Stron WWW

Adobe XD: Tworzymy menu

6 godz. 4 min wideo36 lekcji8 modułów

Grzegorz RógIdea Architect
Wszystkie kursy autora

Czego się nauczysz

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

Adobe XD - Interfejsy Stron WWW

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.

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!

Wersja oprogramowania: CC 2020+

Kurs Adobe XD

8 rozdziałów36 lekcji6h 4min

Wprowadzenie

56min
  • Witaj w Kursie3min(zablokowana)
  • Ekran Powitalny i Adobe CC6min(zablokowana)
  • Tworzenie Artboardu9min(zablokowana)
  • Layout i Square Grid8min(zablokowana)
  • Rozdzielczości i Skalowanie7min(zablokowana)
  • Wymiana plików z Aplikacjami Adobe12min(zablokowana)
  • Przegląd interfejsu XD i Skróty12min(zablokowana)

Praca z XD

38min
  • Wireframes i gotowe UI Kity10min(zablokowana)
  • Przygotowanie Artboardu11min(zablokowana)
  • Text Tool i instalowanie fontów11min(zablokowana)
  • Proste zastosowanie Repeat Grid7min(zablokowana)

Kształty i wektory

39min
  • Proste operacje na kształtach14min(zablokowana)
  • Zaawansowane kształty14min(zablokowana)
  • Praca z grafiką10min(zablokowana)

Komponenty

50min
  • Podstawy pracy z Komponentami11min(zablokowana)
  • Padding w Komponentach5min(zablokowana)
  • Stany Komponentów7min(zablokowana)
  • Zaawansowany Repeat Grid cz. 111min(zablokowana)
  • Zaawansowany Repeat Grid cz. 25min(zablokowana)
  • Podstawy Responsive Resize11min(zablokowana)

Praca ze stroną

1h 9min
  • Style tekstów oraz Google Sheets11min(zablokowana)
  • Tworzymy sekcje strony12min(zablokowana)
  • Sekcje z partnerami i FAQ13min(zablokowana)
  • Sekcja z artykułami z bloga9min(zablokowana)
  • Sekcja Quote i elementy graficzne11min(zablokowana)
  • Tworzymy footer13min(zablokowana)

Porządkowanie i Style Guide

33min
  • Prace porządkowe20min(zablokowana)
  • Tworzenie Style Guide13min(zablokowana)

Widoki Responsywne

1h 4min
  • Widok tabletowy15min(zablokowana)
  • Widok Tabletowy portret11min(zablokowana)
  • Widok telefonowy16min(zablokowana)
  • Tworzymy menu11min(zablokowana)
  • Responsywne menu12min(zablokowana)

Extra

15min
  • Podgląd mobilny6min(zablokowana)
  • Eksport grafik7min(zablokowana)
  • Zakończenie2min(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