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 20/ 60Komunikacja z użytkownikiem

0:00 / 0:00
UI, UX i WebdesignProjektowanie dla Android

Material Design: Komunikacja z użytkownikiem

8 godz. 49 min wideo60 lekcji13 modułów

Grzegorz RógIdea Architect
Wszystkie kursy autora

Czego się nauczysz

  • Poznaj koncepcje Material Design
  • Zaprojektuj praktyczna Aplikacje
  • Zyskaj setki przydatnych zasobów
  • Korzystaj z gotowych Bibliotek
  • Projektuj responsywne GUI
  • Stwórz interaktywny prototyp
  • I wiele wiecej!

Material Design - Projektowanie dla Android

Naucz się projektować użyteczne interfejsy użytkownika w jednym z najbardziej wpływowych języków projektowania, jakim jest Material Design. Dowiedz się jak w popularnych aplikacjach graficznych tworzyć zgodne z wytycznymi aplikacje, które skalują się na wiele ekranów.

Witaj w praktycznym kursie projektowania z Material Design!

Poznaj zasady jednego z najbardziej wpływowych języków projektowania, jakim jest Material Design. Dowiedz się, jak tworzyć zgodne z wytycznymi aplikacje, które skalują się na wiele ekranów i projektuj użyteczne interfejsy użytkownika, zgodne z najnowszymi trendami. Wytyczne Material Design to solidny, dobrze opisany fundament projektowania nie tylko aplikacji mobilnych na platformę Android, ale także ciekawa propozycja na tworzenie GUI stron WWW czy aplikacji natywnych. Jeśli jesteś grafikiem i chcesz podążać za trendami, zajmujesz się UX, lub chcesz rozpocząć przygodę z tworzeniem aplikacji Android - to doskonałe kompendium, które musisz zobaczyć!

Material Design w Praktyce

Kurs, który masz przed sobą to 8 godzin materiałów zorientowanych na praktyczne podejście do projektowania interfejsu użytkownika zgodnego z Material Design. Dużą wagę w kursie przykładamy do prawidłowego podejścia do podstaw projektowych opisanych w wytycznych Material Design, przekładając je na praktyczny projekt aplikacji, którą przygotujemy krok po kroku z wykorzystaniem Adobe Photoshop.

Wytyczne projektowe Android GUI

Skoncentrujemy się na najważniejszych schematach i wytycznych, takich jak typografia, grid, ikonografia czy kolory. Poznasz zasady doboru kolorów dla projektów Material Design, dowiesz się jakie schematy fontów i układ dokumentu wykorzystać w konkretnych zastosowaniach. W trakcie kursu, pracując nad praktycznym przykładem aplikacji będziemy zaglądać do wytycznych i omawiać ich zastosowanie w projekcie.

Zasoby, Akcje oraz Biblioteki gotowe do wykorzystania!

Razem z kursem otrzymasz dostęp do setek przydatnych linków i zasobów UI w postaci bibliotek Adobe CC. Są one regularnie aktualizowane i zawierają mnóstwo gotowych komponentów, które wykorzystasz w swoich projektach, takich jak systemowe kontrolki, kolory, gotowe bloki tekstu. Wszystko dopasowane do restrykcyjnych wymogów Material Design, pozwoli Ci oszczędzić mnóstwo czasu i pracy na pozyskiwaniu, lub samodzielnym tworzeniu zasobów.Dodatkowo, przygotowaliśmy też Akcje dla Photoshop, abyś mógł na przykład z pomocą jednego kliknięcia stworzyć gotowy szablon dla tabletowej aplikacji, z odpowiednio ustawionym gridem, liniami podziałki, jednostkami i innymi ważnymi parametrami. Projektowanie jeszcze nigdy nie było takie proste!

Techniki Pracy w Photoshop i Illustrator

W kursie, krok po kroku przygotujemy mobilny interfejs aplikacji, korzystając głównie z Adobe Photoshop, jednak nasz projekt zoptymalizujemy tak, aby mógł bez przeszkód skalować się na różne ekrany i rozdzielczości. Wykorzystamy szereg wektorowych zasobów, które przygotujemy i zaimportujemy z Illustratora. Pokażę Ci także szereg najciekawszych technik pracy które ułatwią i przyspieszą tworzenie layoutu aplikacji z pomocą Twoich ulubionych narzędzi.

Aplikacje Tabletowe i Desktopowe

W kursie znajdziesz także rozdział, w którym przedstawimy najważniejsze zależności związane z portowaniem aplikacji przygotowanych zgodnie z podejściem Mobile First na inne ekrany, takie jak tablet czy desktop. Porozmawiamy o najważniejszych praktykach Material Design związanych z Responsywnymi interfejsami i udzielę Ci szeregu wskazówek na temat podejścia które ułatwi przenoszenie GUI na inne rozdzielczości.

Animacje oraz Interaktywne Prototypy

Ponieważ Material Design to dość oszczędny styl projektowania, pokażemy Ci szereg sposobów jak ożywić Twoje minimalistyczne projekty i osiągnąć "efekt wow" z pomocą pięknie wyglądających mockupów czy interaktywnych prototypów. Zajmiemy się pracą w darmowej aplikacji Pixate, która umożliwi zaprezentowanie projektu z uwzględnieniem ciekawych przejść i animacji. Szczegółowo omówimy proces przygotowania i eksportu grafiki a także samo tworzenie prototypów oraz ich podgląd na urządzeniach.

Dla kogo jest ten kurs?

Kurs przygotowałem dla wszystkich, którzy chcą poznać Material Design jako jeden z najbardziej wpływowych języków projektowania. Skorzystają z niego designerzy, którzy zajmują się tworzeniem interfejsów i chcą poznać zasady Material Design, ale także mniej doświadczeni graficy, UX Designerzy czy programiści, którzy pracują przy tworzeniu aplikacji dla Android oraz w stylistyce Material Design.

Wersja oprogramowania: Photoshop, Illustrator CC

Kurs Material Design

13 rozdziałów60 lekcji8h 49min

Wstęp

11min
  • Wprowadzenie3min(zablokowana)
  • Inspiracje i przydatne zasoby7min(zablokowana)

Podstawy Material Design

38min
  • Praca ze źródłami do kursu5min(zablokowana)
  • Fundament Material Design6min(zablokowana)
  • Powierzchnie i Elevation14min(zablokowana)
  • Praca z Elevation w aplikacjach5min(zablokowana)
  • Fragmentacja Androida8min(zablokowana)

Ekrany i jednostki

48min
  • Anatomia ekranów Android7min(zablokowana)
  • Jednostki i kalkulacje5min(zablokowana)
  • Projektowanie w oparciu o dp5min(zablokowana)
  • Skalowanie interfejsów10min(zablokowana)
  • Rozmiary ekranów i HiDPI7min(zablokowana)
  • Jaki rozmiar wybrać?13min(zablokowana)

Przygotowanie grafik

21min
  • Generowanie ikonek10min(zablokowana)
  • Dodatkowe formaty graficzne11min(zablokowana)

Kolory i Typografia

48min
  • Kolory w Material Design9min(zablokowana)
  • Narzędzia do pracy z kolorami9min(zablokowana)
  • Ogólnie o Typografii13min(zablokowana)
  • Korzystanie z Bibliotek11min(zablokowana)
  • Komunikacja z użytkownikiem6min(zablokowana)

Korzystanie z zasobów graficznych

58min
  • Ikonografia - zasoby9min(zablokowana)
  • Wytyczne tworzenia ikon7min(zablokowana)
  • Tworzenie ikonki w Illustrator16min(zablokowana)
  • Praca z fotografiami14min(zablokowana)
  • Czym jest Scrim?6min(zablokowana)
  • Wykorzystanie UI Kit8min(zablokowana)

Proces koncepcyjny

49min
  • Planowanie aplikacji9min(zablokowana)
  • Jak działa FAB w Material Design12min(zablokowana)
  • Praca z Wireframe w Illustrator10min(zablokowana)
  • Tworzenie podstawowych akcji12min(zablokowana)
  • Praca z Gridem6min(zablokowana)

Projektowanie w Photoshop

34min
  • Tworzenie formularza logowania9min(zablokowana)
  • Praca z przyciskami11min(zablokowana)
  • Kompozycje Warstw w Photoshop4min(zablokowana)
  • Ekrany modalne rejestracji10min(zablokowana)

Praca z Nawigacją i kolejne ekrany

1h 28min
  • Rodzaje nawigacji w Material Design9min(zablokowana)
  • Najlepsze wzorce nawigacji6min(zablokowana)
  • Praca z listą15min(zablokowana)
  • Style dla listy8min(zablokowana)
  • Akcje widoku kafelków13min(zablokowana)
  • Tworzenie wyszukiwarki14min(zablokowana)
  • Praca z Navigation Drawer8min(zablokowana)
  • Ekrany podcastów15min(zablokowana)

Portowanie na Tablet i Desktop

39min
  • Siatka i responsywność7min(zablokowana)
  • Wzorce RWD7min(zablokowana)
  • Szkice rozdzielczości tablet i desktop12min(zablokowana)
  • Organizacja projektu mobilnego6min(zablokowana)
  • Zasoby i akcje dla innych rozdzielczości7min(zablokowana)

Prezentacja projektu

10min
  • Prezentacja na Mockupie5min(zablokowana)
  • Podgląd projektu na urządzeniu5min(zablokowana)

Interaktywny Prototyp

1h 12min
  • Wprowadzenie do animacji8min(zablokowana)
  • Czym jest Pixate?4min(zablokowana)
  • Paginacja w Pixate6min(zablokowana)
  • Interakcje w Pixate11min(zablokowana)
  • Instrukcje warunkowe5min(zablokowana)
  • Przejścia ekranów8min(zablokowana)
  • Animacje z opóźnieniem10min(zablokowana)
  • Przewijane ekrany6min(zablokowana)
  • Praca z Tab Bar13min(zablokowana)

Podsumowanie

13min
  • Omówienie projektu Pixate13min(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