Dozvědět se více o Bootstrap a Materiál Design
Bootstrap
V roce 2011, skupina Twitter inženýři se rozhodli vytvořit Zaváděcí jako interní řešení pro jejich programování problémy. Technicky, jejich plánem bylo vytvořit nástroj bez určité struktury kódu.
každý kodér může mít svůj vlastní způsob vytváření svých uměleckých děl. To obvykle vede k určitým nejistotám, když se jiný programátor, řekněme začátečník, pokusí přečíst kód. Protože to, že Mark Otto a Jacob Thorton z Twitteru navržen tak, Bootstrap-způsob, jak přesvědčit programátory, aby sjednotit jejich vzory psaní kódu, a vyhnout se vytváření rozdílů v procesu. Výhody, které Bootstrap přinesl jejich každodenní práci, byly prostě neocenitelné.
když si kluci z Twitteru uvědomili svůj skutečný potenciál, rozhodli se jej vydat jako open-source projekt. S pomocí GitHubu a tisíců dalších programátorů trvalo jen několik měsíců, než se značka Bootstrap stala nejoblíbenějším vývojovým nástrojem front-end pro vytváření responzivních mobilních webových projektů.
takže co přesně je Bootstrap?
Představte si to jako soubor nástrojů obsahující řadu užitečných funkcí a prvků, které by mohly být užitečné při vytváření vašich webových stránek.
To vám dává možnost vybrat si, co nástroj se vám líbí, a navíc si můžete být jisti, že žádný z těchto prvků se srazí spolu navzájem. Je to jako montáž dílků dohromady, ale v tomto případě se každá hádanka hodí k jinému.
nástroje, které jste si představili v našem Bootstrap Toolboxu, jsou HTML, CSS a JS dohromady. Material Design pro Bootstrap je nejlepším příkladem toho, jak je Bootstrap neustále ve vývoji a kolik k němu můžete přidat pomocí designových a funkčních vzorů z Google Material Design.
Materiál Design
Materiál Design je design jazyk, pochází od Google, který se intenzivně používá v rozhraní projektů pro systém Android. Můžete se zeptat, proč se používá. Odpověď je jednoduchá – je to již vyspělý a organizovaný nástroj, který odpovídá použitelnosti a čitelnosti. Navíc se dynamicky vyvíjí a mění. Výsledkem je nástroj, který může být perfektní zápas pro obrazovky, stejně jako výchozí bod pro nezkušené lidi v UI/UX design.
základ MD je již dobře zaveden designéry webových stránek a UI/UX, kteří na něm dlouho pracovali. To, co ji odlišuje od ostatních nástrojů, je skutečnost, můžete ji použít v každém druhu projektu, na kterém pracujete, protože je snadné najít doporučené postupy v každém projektu. Konvence kladou důraz na:
materiály jako metaforu – v tomto kontextu je to metafora prostoru pro list a inkoust. Skutečné věci, které se v tomto nástroji používají, jsou světlo a prostor, podporované jedinečnými atributy prostoru, které se rozlišují v poli digitální formy. Charakteristiky MD jsou stíny, které jsou rozšířené. To odráží chování skutečné věci, které existují ve skutečnosti,
Význam-motivační MD je design, tisk, což se odráží ve velmi dobře navržené mřížky, význam typografie a barev.
pohyb & animace-MD podporuje nejen statickou formu tiskového návrhu, ale zahrnuje také digitální média založená na fyzikálních zákonech. Dává nám možnost sladit užitečnost s estetikou, což je v dnešní době velmi důležité.
jednou z nejdůležitějších metafor v MD je materiál, který má svou polohu v prostoru na ose Z, takže můžeme říci, zda je blíže nebo dále od uživatele. Metafora odkazuje na takzvanou výškovou hodnotu. Co je zajímavé, je skutečnost, že tato hodnota simuluje vyšší a nižší polohy v prostoru vhodně zvoleným stínováním.
co jiného je důležité v atributech materiálového designu?
– Výrazný a dobře zvolené barvy
– Jednoduché a snadné-to-použití ikon
– Grafika a obrazy, které jsou dalším měřítkem pro obsah
– Jednoduchý, ale zároveň elegantní typografie založené na Roboto písmo