kontakt
Software house
>
Blog
>
Jak w pełni wykorzystać potencjał Material Design?

Jak w pełni wykorzystać potencjał Material Design?

Data wpisu
Mateusz Kuba
Autor
Mateusz Kuba
Web design

Czym jest Material Design?

Material Design wyparł w środowisku Google styl płaski i stał się globalnym standardem. Charakteryzują go prostota, łatwość wdrożenia oraz wysoka użyteczność od aplikacji po strony www. Material Design jest prostym stylem, który bazuje na przestrzeni trójwymiarowej. Poprzez zastosowanie cieni określa się hierarchię poszczególnych elementów. Wykorzystywane są trzy poziomy głębokości, które ułatwiają użytkownikowi poruszanie się po płaszczyźnie, czyniąc ją intuicyjną.

Wykorzystanie stylu

Za Material Design przemawia olbrzymi potencjał, który kryje się w kilku prostych zasadach. Stosowanie się do nich przełoży się na wysoką jakość doświadczeń użytkowników. Warto mieć na uwadze, że styl ten ewoluuje za sprawą nowoczesnych urządzeń, na których korzysta się z aplikacji i przegląda sieć. Obecna trzecia odsłona obejmuje wytyczne dedykowane jednakowo dużym, jak również składanym ekranom. Warto odwiedzić oficjalną stronę i sprawdzić wszystkie najnowsze wytyczne.

Istota kolorystyki

W Material Design kluczowe dla uzyskania właściwego efektu są kolory. Ich odpowiedni dobór, sprawia, że hierarchia jest właściwie wyznaczana, co czyni UX bardziej intuicyjnym i czytelnym. Należy wyznaczyć sobie z palety RGB dwa kolory, główny i dodatkowy. Na bazie pierwszego, który tworzy całą paletę, generowane są odcienie jaśniejsze i ciemniejsze. Służą one za bazę dla całej platformy. Drugi z kolei wykorzystywany jest do oznaczania elementów istotnych i znacząco musi się odznaczać. Jeśli odcienie są jasne, należy je właściwie przyciemniać, a gdy motyw jest ciemny, odpowiednio rozjaśniać.

Typografia

Decydując się na styl Material trzeba pamiętać o typografii, czyli czcionce. W stylu tym dominuje jednolita Robotica stosowana w wielkościach: 12, 14, 16, 20 i 34. Jeśli stosowany jest inny parametr, wówczas należy dbać o grubość fontu oraz o odpowiednie zmniejszenie czy zwiększenie rozstrzelenie znaków.

Typografia

Grafiki dopełniające treści

Grafika na stronie, obejmująca wszelkie obrazy jak zdjęcia, rysunki czy ilustracje w Material Design musi być dobrana stylistycznie do danego projektu. Zalecana jest grafika wektorowa w miejsce stockowych. Dlatego, że wtedy na każdym urządzeniu będzie prezentować się równie dobrze, dostosowując do wielkości ekranu. Jeśli ma się na niej pojawić tekst, należy ją dodatkowo przyciemnić, co zwiększy czytelność treści.

Proste, czytelne, spójne i intuicyjne ikony

W stylu Material niezwykle ważnym elementem są ikony. Jako zbiór muszą być proste i spójne. Pojedynczo każda musi być czytelna i intuicyjna, obrazować to, do czego prowadzi. To zwiększa stopień satysfakcji UX i sprawia, że zwolenników aplikacji czy strony przybywa. Ikony 2D nie mogą być skomplikowane, muszą wychodzić od prostych figur geometrycznych i charakteryzować się odpowiednimi krzywiznami.

Material Design ma ogromny potencjał. Warto stosować się do tych zasad, aby osiągnąć sukces i przyciągać nowych użytkowników.

Ostatnie Wpisy