Čo je Material Design?

← Slovník SEO pojmov

  • Publikované:
  • Aktualizované:
  • #web #dizajn

Material Design je dizajnový systém od Google, ktorý poskytuje pravidlá, hotové komponenty a nástroje na tvorbu vzhľadu a ovládania aplikácií a webov. Aktuálna generácia sa nazýva Material Design 3 (Material 3).

Z čoho sa Material Design skladá?

ČasťČo ponúka
Základy (foundations)Zásady rozloženia, farieb, písma, ikon a prístupnosti
KomponentyHotové prvky rozhrania, napríklad tlačidlá, karty, menu alebo polia formulára
NástrojePodklady pre návrh, napríklad vo Figme, a knižnice pre vývoj
Hlavné časti Material Design 3Zdroj: Material Design 3: What is Material?

Dá sa použiť na webe?

Áno. Google poskytuje webové komponenty v projekte Material Web, ktoré možno použiť v bežných webových stránkach a aplikáciách. Aktuálny stav projektu si overte v jeho dokumentácii. Ide o dizajnový systém, nie o jednu knižnicu, ktorá rieši všetko. Na webe sa používa aj vedľa knižníc ako Bootstrap alebo Tailwind CSS, ktoré ponúkajú iný prístup k vzhľadu.

Aké sú výhody a obmedzenia?

Výhodou je jednotný a overený vzhľad, prístupnosť a hotové komponenty. Nevýhodou je, že web postavený presne podľa systému môže vyzerať ako bežná aplikácia Google. Pre firemný web sa preto komponenty zvyčajne upravujú podľa firemnej identity.

Čo si zapamätať o pojme Material Design?

Material Design je dizajnový systém Google s pravidlami a komponentmi pre aplikácie aj weby. Prináša jednotný vzhľad a prístupnosť, no pre firemný web ho treba prispôsobiť identite značky. Vhodný dizajnový systém pre váš web vieme navrhnúť, kontaktujte nás.

Ako to rieši webstrankanamieru.sk: Pri tvorbe webu na mieru sa pojem Material Design rieši v rámci postupu opísaného v sekcii Proces tvorby webstránky. Hotové weby nájdete v portfóliu, orientačné ceny v cenníku a vlastný projekt môžete konzultovať cez kontakt.

Súvisiace pojmy: UI, UX, Figma, Prototypovanie, Responzívny dizajn, Ikonografia, Bootstrap, Tailwind CSS

Často kladené otázky o pojme Material Design

Čo je Material Design?

Je to dizajnový systém od Google s pravidlami, komponentmi a nástrojmi na tvorbu vzhľadu a ovládania aplikácií a webov.

Čo je Material 3?

Je to aktuálna generácia Material Design, ktorú Google označuje ako Material 3.

Je Material Design zadarmo?

Systém je voľne dostupný a komponenty sú publikované v otvorených projektoch. Podmienky použitia overte v dokumentácii.

Je to to isté ako Bootstrap?

Nie. Bootstrap je knižnica CSS a JavaScriptu, Material Design je dizajnový systém s vlastnými komponentmi a zásadami.

Hodí sa pre firemný web?

Môže, no zvyčajne sa upravuje podľa firemnej identity, aby web nevyzeral rovnako ako iné.

Zdroje

  1. Material Design 3: What is Material?Čo je Material Design 3.
  2. Material Design 3: ComponentsKomponenty Material Design 3.
  3. GitHub: material-components/material-webWebové komponenty Material Web.

Všetky pojmy v slovníku