Projektowanie UI: Czym jest przycisk i z czego się składa? - Kształt
Komponenty
3 godz. 56 min · Figma · UI, UX i Webdesign
Natalia BieniasHead of Design w Mobee DickCzego 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.
Cześć! Ja się nazywam Natalia Bienias i w
dzisiejszym warsztacie chciałabym przybliżyć Wam temat przycisków.
Wydawać by się mogło, że nie jest to specjalna filozofia, wszak to jakieś tło,
napis i czasem ikona, więc po co właściwie poświęcać temu tematowi czas?
W projektowaniu UI bardzo ważne są szczegóły.
Patrząc na to, z czego składają się interfejsy, można powiedzieć, że są to
właśnie jakieś kształty geometryczne, teksty, ewentualnie ikony.
Stosowanie barw i dodatkowych efektów,
które mają zbudować hierarchię wizualną w projekcie.
Najdrobniejsze szczegóły, takie jak rodzaj zaokrąglenia przycisków, wybór kroju pisma
i jego grubości, a także dopasowanie barw, będą miały wpływ na to, jak będziemy
postrzegać interfejs, czy będziemy uważać go za uporządkowany i
estetyczny, czy wręcz przeciwnie chaotyczny i mało atrakcyjny.
Atrakcyjność interfejsu jest wbrew pozorom dość istotna.
Dużo mówi się o użyteczności rozwiązań cyfrowych, ale nie można zapomnieć, że
warstwa wizualna też ma na tę użyteczność wpływ.
Co z tego, że zrobimy piękny przycisk,
jeśli użytkownik nie będzie rozumiał, że to coś, z czym może wejść w interakcję?
Co z tego, że wybraliśmy piękny krój pisma, jeśli w małym rozmiarze np.
właśnie w przycisku będzie nieczytelne?
Dlatego na Eduweb.pl zaczynamy serię warsztatów, w których będę opowiadać o kolejnych
elementach interfejsu, pokazywać, jak na różne sposoby można je zaprojektować.
I opowiem trochę o tym, kiedy je stosować.
Dziś czas poświęcimy właśnie przyciskom.