0:00 / 0:00

Projektowanie UI: Zakończenie

Komponenty

3 godz. 56 min · Figma · UI, UX i Webdesign

Natalia BieniasHead of Design w Mobee Dick

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?

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.

0:00To już wszystkie lekcje z komponentów interfejsu, co nie oznacza oczywiście, że

0:04to wszystkie możliwe komponenty, z którymi się spotkacie.

0:07Dlatego gorąco zachęcam do tego, żeby korzystając na co dzień z telefonu czy

0:10komputera obserwować to, co widzimy na ekranie.

0:14Dobre interfejsy to te, których nie

0:16widzimy na pierwszy rzut oka, ponieważ pozwalają nam wykonywać działania w

0:19produkcie i skutecznie prowadzą nas od początku do końca przez proces.

0:24Dlatego częściej zwracamy uwagę niestety

0:26na te źle zaprojektowane rozwiązania, bo wzbudzają irytację i złość.

0:30Rozglądanie się więc róbcie screen'y, a nawet nagrywajcie fragmenty ekranu, gdy znajdziecie

0:35ciekawe animacje, interakcje czy po prostu porządnie zaprojektowane widoki.

0:40Te obserwacje i analizy tego, co nam się podoba, a co byśmy poprawili to nauka i

0:46forma ćwiczeń, które w kolejnych projektach przez nas zaprojektowanych

0:49przez nas interfejsach możemy brać pod uwagę.

0:53Świetnym uzupełnieniem tego kursu jest przejście przez wspomniane tu Sesign.

0:57systemy Material Design, Carbon i Fluent to trzy systemy, które są dość dobrze

1:01opisane, a także pozwalają na klikanie po interaktywnych komponentach,

1:07więc od razu możecie sprawdzić ich działanie w praktyce.

1:10Celowo też nie umieszczałam tu żadnych

1:12konkretnych wytycznych dla jednego czy drugiego systemu, bo jak wspomniałam będą

1:17różnić się między sobą, a co jeszcze istotniejsze.

1:20Co jakiś czas się zmieniają.

1:22Dlatego jeśli zabieracie się za projekt rozwiązania pod konkretny system, warto

1:26zacząć właśnie od przejrzenia wytycznych projektowych dla danego jednego systemu.

1:32Nie zapomnijcie również o ćwiczeniach.

1:34Te prace domowe załączone do lekcji to

1:37świetna okazja do przećwiczenia zdobytej wiedzy w praktyce.

1:41Mam nadzieję, że ten kurs choć trochę

1:42przybliżył Wam zagadnienie komponentów i tego jak je budujemy i jak potrafią

1:47działać i sprawi, że z zainteresowaniem będziecie odkrywać kolejne rozwiązania,

1:52wzorce projektowe i różnice między systemami.

1:55Praca w obszarze UI i UX to ciągła nauka i odkrywanie, jak wiele jeszcze nie wiemy.

2:01Dlatego nie pozostaje mi nic innego jak

2:03życzyć Wam powodzenia i ciekawych, rozwijających projektów.