Material Design

Z Wikipedie, otevřené encyklopedie
Skočit na navigaci Skočit na vyhledávání
Material Design
Logo
floating action button, Přepínač, slider, Zaškrtávací pole, toggle, Modální okno a textové pole
floating action button, Přepínač, slider, Zaškrtávací pole, toggle, Modální okno a textové pole
VývojářGoogle
Aktuální verze1.7.0 (19. října 2022)
PlatformaAndroid
iOS
webový prohlížeč
Vyvíjeno vDart, Objective-C, Swift, Java a TypeScript
Licencelicence MIT
3-clause BSD License
Apache License, Version 2.0
Webwww.material.io a github.com/material-components/material-components-web#readme
Některá data mohou pocházet z datové položky.

Material Design je designový jazyk vyvinutý společností Google v roce 2014. Je to grafický a designový standard, který Google implementoval do celé řady svých webových a mobilních produktů s cílem poskytnout konzistentní prostředí na všech platformách a aplikacích. Při tvorbě a vývoji moderních webových stránek a aplikací bývá Material Design použit na straně frontendu (Material Design Frontend - MDFrontend) – tedy v té části webové stránky nebo aplikace, kterou uživatel vidí v prohlížeči a se kterou interaguje. Existuje celá řada nástrojů a komerčních řešení, které Material Design zahrnují v rámci frontend frameworku (např. Material Design Bootstrap - MDBootstrap) a umožňují tak vývojářům snadnou a efektivní implementaci Material Designu do svých projektů.[1][2]

Material Design klade důraz na jednoduchost a přehlednost. Na rozdíl od Flat Designu (plochého designu) pracuje se světlem a stíny (např. použitá tlačítka, dropdown seznamy, navigace apod. působí díky stínování plasticky). Material Design je dnes (2022) považován za designový standard v tvorbě pokročilých webů a webových aplikací.[3]

Reference[editovat | editovat zdroj]

  1. Material Design. Material Design [online]. [cit. 2022-11-08]. Dostupné online. (anglicky) 
  2. Material Design for Bootstrap 5 & 4. Material Design for Bootstrap [online]. [cit. 2022-11-08]. Dostupné online. (anglicky) 
  3. Material Design. Material Design [online]. [cit. 2022-11-08]. Dostupné online. (anglicky)