Learn more about Bootstrap and Material Design
Bootstrap
vuonna 2011 joukko Twitterin insinöörejä päätti luoda Bootstrapin sisäiseksi ratkaisuksi ohjelmointiongelmiinsa. Teknisesti heidän suunnitelmansa oli luoda työkalu ilman tiettyä koodirakennetta.
jokaisella koodarilla voi olla oma tapansa luoda taideteoksensa. Tämä johtaa yleensä epävarmuustekijöihin, kun toinen ohjelmoija, sanokaamme aloittelija, yrittää lukea koodin läpi. Tämän vuoksi Mark Otto ja Jacob Thorton Twitteristä suunnittelivat Bootstrap-tavan vakuuttaa ohjelmoijat yhtenäistämään koodin kirjoituskuvioitaan ja välttämään eroavaisuuksien syntymistä prosessissa. Hyödyt, jotka Bootstrap toi heidän päivittäiseen työhönsä, olivat yksinkertaisesti korvaamattomia.
kun Twitterin kaverit tajusivat sen todellisen potentiaalin, he ovat päättäneet julkaista sen avoimen lähdekoodin projektina. Githubin ja tuhansien muiden ohjelmoijien avulla Bootstrap brändättiin suosituimmaksi front-end-kehitystyökaluksi reagoivien, mobiilien web-projektien luomiseen.
Joten mitä Bootstrap tarkalleen on?
kuvittele se työkalupakiksi, joka sisältää joukon hyödyllisiä toimintoja ja elementtejä, joista voi olla hyötyä verkkosivustosi luomisessa.
sen avulla voit valita minkä työkalun haluat, ja voit olla varma, että mikään näistä elementeistä ei törmää toisiinsa. Se on kuin sovittaisi palapelin palaset yhteen, mutta tässä tapauksessa jokainen palapeli sopii yhteen toisen kanssa.
Bootstrap-työkalupakissamme kuvitellut työkalut ovat HTML, CSS ja JS yhteensä. Bootstrapin materiaalisuunnittelu on paras esimerkki siitä, miten Bootstrap on jatkuvasti kehitteillä ja kuinka paljon siihen voi lisätä Google Material Designin design-ja toiminnallisuuskuvioiden avulla.
materiaalisuunnittelu
materiaalisuunnittelu on Googlen kehittämä suunnittelukieli, jota käytetään intensiivisesti Android-järjestelmän käyttöliittymäprojekteissa. Saatat kysyä, miksi sitä käytetään. Vastaus on yksinkertainen – se on jo kypsä ja järjestetty työkalu, joka vastaa käytettävyyttä ja luettavuutta. Lisäksi se kehittyy ja muuttuu dynaamisesti. Tuloksena on työkalu, joka voi olla täydellinen ottelu näytöt, sekä lähtökohta kokemattomille ihmisille UI / UX suunnittelu.
MD: n perusta on jo vakiintunut website-ja UI/UX-suunnittelijoiden toimesta, jotka ovat työskennelleet sen parissa pitkään. Mikä erottaa sen muista työkaluista, on se, että voit käyttää sitä kaikenlaisissa hankkeissa, joita parhaillaan työstät, koska on helppo löytää suositeltuja käytäntöjä jokaisesta projektikokonaisuudesta. Konventioissa painotetaan:
Materiaalit metaforana — tässä yhteydessä se on metafora arkille ja musteelle. Todellisia asioita, joita käytetään tässä työkalussa, ovat valo ja avaruus, joita tukevat ainutlaatuiset avaruuden attribuutit, jotka erottuvat digitaalisten lomakkeiden kentässä. MD: n ominaispiirteitä ovat varjot, jotka ovat laajalle levinneitä. Se heijastaa reaalisten asioiden käyttäytymistä, jotka ovat olemassa todellisuudessa
merkitys – MD: n kannustimena on design-tulostus, joka heijastaa hyvin suunnitellussa ruudukossa typografian ja värien merkitystä.
liike & animaatio — MD ei ainoastaan tue staattista tulostusmuotoa, vaan sisältää myös digitaalisen median, joka perustuu fysiikan lakeihin. Se antaa meille mahdollisuuden sovittaa yhteen hyödyllisyys ja estetiikka, mikä on erittäin tärkeää nykyään.
yksi tärkeimmistä metaforista MD: ssä on materiaali, jonka sijainti avaruudessa on Z-akselilla, joten voimme sanoa, onko se lähempänä vai kauempana käyttäjästä. Metafora viittaa niin sanottuun Korkeusarvoon. Mielenkiintoista on se, että tämä arvo simuloi korkeampia ja matalampia paikkoja avaruudessa asianmukaisesti valituilla varjostuksilla.
mikä muu on tärkeää materiaalien Suunnitteluominaisuuksissa?
– erottuvat ja hyvin valitut värit
– yksinkertaiset ja helppokäyttöiset kuvakkeet
– grafiikat ja kuvat, jotka ovat täydentävä vertailukohta sisällölle
– yksinkertainen, mutta samalla tyylikäs typografia, joka perustuu Roboto-kirjasimeen