Kurs Material Design
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.
60 lekcji
8h 49min
5 (1 oceny)
Material Design - Projektowanie dla Android
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.
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!
Zawartość
Material Design
13 rozdziały 60 lekcji 8h 49min
-
Wstęp
11min
Inspiracje i przydatne zasoby
7min
-
Podstawy Material Design
38min
Praca ze źródłami do kursu
5min
Fundament Material Design
6min
Powierzchnie i Elevation
14min
Praca z Elevation w aplikacjach
5min
Fragmentacja Androida
8min
-
Ekrany i jednostki
48min
Anatomia ekranów Android
7min
Projektowanie w oparciu o dp
5min
Skalowanie interfejsów
10min
Rozmiary ekranów i HiDPI
7min
Jaki rozmiar wybrać?
13min
-
Przygotowanie grafik
21min
Generowanie ikonek
10min
Dodatkowe formaty graficzne
11min
-
Kolory i Typografia
48min
Kolory w Material Design
9min
Narzędzia do pracy z kolorami
9min
Ogólnie o Typografii
13min
Korzystanie z Bibliotek
11min
Komunikacja z użytkownikiem
6min
-
Korzystanie z zasobów graficznych
58min
Ikonografia - zasoby
9min
Wytyczne tworzenia ikon
7min
Tworzenie ikonki w Illustrator
16min
Praca z fotografiami
14min
Czym jest Scrim?
6min
Wykorzystanie UI Kit
8min
-
Proces koncepcyjny
49min
Planowanie aplikacji
9min
Jak działa FAB w Material Design
12min
Praca z Wireframe w Illustrator
10min
Tworzenie podstawowych akcji
12min
Praca z Gridem
6min
-
Projektowanie w Photoshop
34min
Tworzenie formularza logowania
9min
Praca z przyciskami
11min
Kompozycje Warstw w Photoshop
4min
Ekrany modalne rejestracji
10min
-
Praca z Nawigacją i kolejne ekrany
1h 28min
Rodzaje nawigacji w Material Design
9min
Najlepsze wzorce nawigacji
6min
Praca z listą
15min
Style dla listy
8min
Akcje widoku kafelków
13min
Tworzenie wyszukiwarki
14min
Praca z Navigation Drawer
8min
Ekrany podcastów
15min
-
Portowanie na Tablet i Desktop
39min
Siatka i responsywność
7min
Wzorce RWD
7min
Szkice rozdzielczości tablet i desktop
12min
Organizacja projektu mobilnego
6min
Zasoby i akcje dla innych rozdzielczości
7min
-
Prezentacja projektu
10min
Podgląd projektu na urządzeniu
5min
-
Interaktywny Prototyp
1h 12min
Wprowadzenie do animacji
8min
Czym jest Pixate?
4min
Interakcje w Pixate
11min
Instrukcje warunkowe
5min
Przejścia ekranów
8min
Animacje z opóźnieniem
10min
Przewijane ekrany
6min
Praca z Tab Bar
13min
-
Podsumowanie
13min
Omówienie projektu Pixate
13min
Autor kursu
Grzegorz Róg
**Idea Architect**
Średnia ocen autora: 5
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!
Dołącz do ponad 10 tys. zadowolonych z naszych kursów
Kurs ok, ale niestety podane linki do bibliotek nie działają
Cezary Wincenciak
12 listopada 2021
Kurs Material Design
-
60 lekcji wideo
-
8h 49min materiału
-
Ostatnia rewizja 02.04.2020
-
Certyfikat w ramach ścieżek
-
Dostęp z urządzeń mobilnych
Dlaczego wybrać właśnie ten kurs?
Efektywna nauka
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!
Wiedza ekspertów
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.
Praktyczne przykłady
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ń.
Pytania i odpowiedzi
Przeczytaj najczęściej zadawane pytania
Masz więcej pytań?
Porozmawiaj z nami na na czacie
Zadzwoń +48 880880606
Nie każdy. Jeśli pliki są dostępne dla danego kursu, znajdziesz je w zakładce źródła. Niektóre kursy nie posiadają źródeł ponieważ nie są potrzebne, inne nie mogły być zamieszczone np. ze względu na prawa autorskie do wykorzystania komercyjnych prac naszych autorów. Staramy się aby kursy były maksymalnie praktyczne i chętnie pokazujemy zaplecze zawodowe naszych autorów, ale niekiedy nie możemy dołączyć go w postaci źródeł.
Jak jest skonstruowany kurs?Kurs składa się z rozdziałów oraz lekcji. Staramy się, aby optymalnie kursy miały 5-7 rozdziałów po około 5-10 lekcji w każdym. W ten sposób nauka jest optymalna a podtrzymanie uwagi staje się łatwiejsze. Rekomendujemy przerabianie nie więcej niż jednego rozdziału naraz a po jego przerobieniu powtórzenie materiału we własnym zakresie.
Jak najlepiej wykorzystać kurs?Potraktuj kurs jako inspirację do własnej pracy. Tam, gdzie się da staraj się powtarzać czynności, które wykonuje autor. Nie powtarzaj ich jednak bezmyślnie - spróbuj zmodyfikować przykłady i dostosować je do swoich potrzeb. W ten sposób przyswoisz materiał jeszcze lepiej!
Jak mogę uzyskać dostęp do kursu?Możesz albo wykupić ten konkretny kurs przez koszyk, uzyskując do niego (i jego rewizji) bezterminowy dostęp, albo wykupić wariant abonamentu, który obejmuje dany kurs i w ten sposób oglądać go oraz inne materiały na platformie tak długo, jak Twój abonament jest aktywny.
Czy kurs jest aktualny?Staramy się aby wszystkie materiały na stronie były aktualne. Nie znaczy to, że kurs powstał bardzo niedawno. Często na stronie znajdziesz trochę starsze kursy, jednak regularnie wykonujemy ich rewizję i zmieniamy lekcje - czy to przez dodanie stosownych komentarzy z aktualizacją, czy poprzez nagranie danej lekcji jeszcze raz. Datę ostatniej rewizji znajdziesz w informacjach o kursie.
Czym się różni kurs od warsztatu i ścieżki?Kursy to kilku godzinne, kompleksowe opracowanie danego zagadnienia, podzielone na lekcje i rozdziały. Często uzupełniają je Warsztaty, które mają formę jednej dłuższej, praktycznej lekcji (30min-1h), natomiast ścieżki stanowią zbiór jednych i drugich materiałów - ułożoną z kursów i warsztatów playlistę, która pozwala Ci kompleksowo opanować dane zagadnienie.
Moi znajomi coraz częściej pytają: 'Jak nauczyć się UX?'. Praktycznie każdy kto chce zacząć jest przytłoczony ilością wiedzy, narzędzi pracy oraz jak to wszystko wykorzystać w swojej pracy. Swoim znajomym zawsze polecam eduweb, ponieważ pozwala krok po kroku zrozumieć świat UX od A do Z. Na platformie znajdziesz także bardziej zaawansowane techniki, które zaoszczędzą Ci dziesiątki, a może i setki godzin w pracy. Nie ucz się na swoich błędach - wykorzystaj wiedzę osób, które zrobiły to za Ciebie
Kamil Tatol
Product Design Lead, Pioner Labs
Zacznij naukę w Material Design
-
60 lekcji wideo
-
8h 49min materiału
-
Ostatnia rewizja 02.04.2020
-
Certyfikat w ramach ścieżek
-
Dostęp z urządzeń mobilnych
Kursy które mogą Cię również zainteresować
Material Design
Grzegorz Róg