Ta lekcja jest w bazie eduweb

Zaloguj się kontem z dostępem albo wykup dostęp do bazy, żeby obejrzeć wideo.

Lekcja 12/ 37Zadanie domowe

0:00 / 0:00

Projektowanie UI: Zadanie domowe

3 godz. 56 min wideo37 lekcji6 modułów

Natalia BieniasHead of Design w Mobee Dick
Wszystkie kursy autora

Czego się nauczysz

  • Elementy wizualne, które trzeba wziąć pod uwagę przy projektowaniu
  • Omówienie stanów interakcji na przykładzie popularnych design systemów (Material, Carbon, Fluent)
  • Przedstawienie często używanych i projektowanych komponentów
  • Zasady i komponenty, z których składają się formularze
  • Co robić, a czego nie, gdy projektujemy tabele i listy?
  • Praktyczne wskazówki do zastosowania w każdym projekcie
  • Jak można zaprojektować wyskakujące okna?

Projektowanie UI - Komponenty

Podczas projektowania interfejsów liczy się każdy detal. To właśnie takie elementy jak przyciski czy linki tekstowe mają kluczowe znaczenie dla użyteczności przygotowywanej strony czy aplikacji. Istnieją pewne zasady, jakie warto poznać, by później wykorzystać je w swoich projektach. W tym Kursie omówimy elementy wizualne, które warto brać pod uwagę przy projektowaniu i opowiemy Ci o tym, jak projektować elementy interfejsu, tak, by przygotowywane aplikacje i strony były użyteczne oraz estetyczne!

Szczegóły w projektowaniu UI

Dla UI designera każdy szczegół ma znaczenie. Patrząc na to, z czego składają się interfejsy, można uprościć i powiedzieć, że są to właśnie kształty geometryczne, teksty lub ewentualnie ikony. Do tego dochodzi aspekt stosowania barw i dodatkowych efektów, które mają zbudować hierarchię wizualną w projekcie. Aby budować skuteczne interfejsy, trzeba dokładnie przyjrzeć się każdemu elementowi – a w tym warsztacie omówimy przyciski i linki tekstowe.

Praktyczne wskazówki

Oczywiście, nie będziemy opowiadać o projektowaniu tylko na bazie teorii. W Kursie poznasz wiele praktycznych wskazówek opartych między innymi na popularnym Material Designie. Poznasz porady, które z łatwością zastosujesz w swoich projektach, a także omówimy stany interakcji. Przekonasz się jakie najważniejsze elementy wizualne trzeba wziąć pod uwagę w projektowaniu.

Różnorodne elementy interfejsów

W Kursie omówimy projektowanie takich elementów interfejsu, jak przyciski, formularze, taby i zakładki, listy i tabele czy wyskakujące okna. Przekonasz się jakich zasad warto przestrzegać, tak, by całość była estetyczna i wygodna dla użytkownika.

Praktyczne wskazówki

Dużą część Kursu poświęciliśmy na omówienie praktycznych wskazówek, dzięki którym będziesz sprawnie projektować wygodne interfejsy. Dowiesz się co robić, a czego unikać, tak, by nie powielać częstych błędów w projektowaniu.

Design Systemy

W trakcie Kursu omówimy również stany interakcji na przykładzie popularnych Design Systemów - czyli Material, Carbon czy Fluent. Dowiesz się czym się różnią i jak wpłyną na proces projektowania elementów interfejsu.

Dla kogo jest ten kurs?

Ten Kurs stworzony został z myślą o początkujących projektantach, którzy chcą stosować najlepsze techniki podczas projektowania interfejsów. Kurs pomoże też świetnie ugruntować zdobytą już wiedzę na temat elementów wizualnych.

Kurs Projektowanie UI

6 rozdziałów37 lekcji3h 56min

Wprowadzenie

4min
  • Wstęp4min(zablokowana)

Przyciski

46min
  • Przyciski w interfejsie2min(zablokowana)
  • Czym jest przycisk i z czego się składa? - Kształt7min(zablokowana)
  • Typografia3min(zablokowana)
  • Ikony4min(zablokowana)
  • Cienie7min(zablokowana)
  • Marginesy4min(zablokowana)
  • Role przycisków3min(zablokowana)
  • Style przycisków6min(zablokowana)
  • Stany interakcji6min(zablokowana)
  • Kilka zasad na koniec4min(zablokowana)
  • Zadanie domowe3min(zablokowana)

Formularze

1h 3min
  • Pola tekstowe23min(zablokowana)
  • Opcje wyboru16min(zablokowana)
  • Rozwijane listy23min(zablokowana)

Taby i zakładki

23min
  • Czym są zakładki?5min(zablokowana)
  • Typy zakładek5min(zablokowana)
  • Stany zakładek1min(zablokowana)
  • Wady i alternatywne rozwiązania5min(zablokowana)
  • Zasady tworzenia tabów4min(zablokowana)
  • Zadanie domowe - Taby i zakładki3min(zablokowana)

Listy i tabele

57min
  • Czym są listy i tabele?7min(zablokowana)
  • Anatomia tabelki12min(zablokowana)
  • Mobilne tabele5min(zablokowana)
  • Projektujemy listy9min(zablokowana)
  • Filtrowanie i sortowanie11min(zablokowana)
  • Zasady tworzenia list i tabel11min(zablokowana)
  • Zadanie domowe #63min(zablokowana)

Wyskakujące okna

50min
  • Zadanie domowe z okienek3min(zablokowana)
  • Czym są wyskakujące okienka?6min(zablokowana)
  • Okienka modalne5min(zablokowana)
  • Wygląd okienek modalnych11min(zablokowana)
  • Komponenty notyfikacji9min(zablokowana)
  • Tooltipy8min(zablokowana)
  • Alternatywy dla wyskakujących okienek3min(zablokowana)
  • Zasady tworzenia okienek5min(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

Średnia ocen autora: 4,7

Bio

Cześć! Nazywam się Natalia Bienias, choć więcej osób może kojarzyć mnie jako Zebzę, z kanału na YouTube „by Zebza”.

Projektowaniem zawodowo zajmuje się od 10 lat, a od kilku lat dzielę się zdobytą wiedzą i doświadczeniem, wykorzystując do tego różne kanały.

Mam doświadczenie w pracy z dużymi, międzynarodowymi korporacjami, bankami, firmami produkującymi oprogramowanie, agencjami reklamowymi i małymi, lokalnymi firmami. Ostatnie dwa lata pracowałam jako architekt informacji, a całkiem niedawno objęłam stanowisko Head of Design w firmie Mobee Dick, gdzie na co dzień zajmujemy się projektowaniem użytecznych i przyjaznych rozwiązań, nie tylko dla użytkowników, ale również dla biznesu.

Od dwóch lat prowadzę największy polski kanał na YouTube poświecony projektowaniu – by Zebza, oraz bloga, na którym dzielę się doświadczeniami z codziennej pracy i podpowiadam młodym projektantom jak poradzić sobie z pracą z klientami, realizacją zleceń i opowiadam o zagadnieniach związanych z User Experience.

Można spotkać mnie także na uczelni – wykładam w katowickim oddziale Uniwersytetu SWPS, na studiach podyplomowych UX Design, przedmioty związane z prototypowaniem produktów oraz trendami w interfejsach użytkownika.

Dużą część mojej pracy poświęcam na dzielenie się wiedzą, szkolenia i mentoring, bo po prostu lubię to robić.

Inne kursy tego autora