Läs mer om Bootstrap och Material Design
Bootstrap
under 2011 beslutade en grupp Twitter-ingenjörer att skapa Bootstrap som en intern lösning för sina programmeringsproblem. Tekniskt sett var deras plan att skapa ett verktyg utan viss kodstruktur.
varje kodare kan ha sitt eget sätt att skapa sina konstverk. Detta leder vanligtvis till viss osäkerhet när en annan programmerare, låt oss säga en nybörjare, försöker läsa igenom koden. På grund av det designade Mark Otto och Jacob Thorton från Twitter Bootstrap-ett sätt att övertyga programmerare att förena sina mönster för att skriva koden och undvika att skapa skillnader i processen. De fördelar som Bootstrap förde till sitt dagliga arbete var helt enkelt ovärderliga.
när killar från Twitter insåg sin sanna potential har de beslutat att släppa det som ett open source-projekt. Med hjälp av Github och tusentals andra programmerare tog det bara några månader att märka Bootstrap som det mest populära utvecklingsverktyget för att skapa responsiva, mobila webbprojekt.
så vad exakt är Bootstrap?
Föreställ dig det som en verktygslåda som innehåller en serie användbara funktioner och element som kan vara till hjälp när du skapar din webbplats.
det gör att du kan välja vilket verktyg du vill, plus du kan vara säker på att ingen av dessa element kommer att kollidera med varandra. Det är som att montera pusselbitar ihop, men i det här fallet passar varje pussel med en annan.
verktygen du har föreställt dig i vår Bootstrap-verktygslåda är HTML, CSS och JS alla kombinerade. Materialdesign för Bootstrap är det bästa exemplet på hur Bootstrap ständigt är under utveckling och hur mycket du kan lägga till det med hjälp av design-och funktionsmönster från Google Material Design.
Material Design
Material Design är ett designspråk, härstammar från Google, som intensivt används i gränssnittsprojekt för Android-systemet. Du kan fråga varför den används. Svaret är enkelt-det är redan ett moget och organiserat verktyg som motsvarar användbarheten och läsbarheten. Dessutom utvecklas och förändras det dynamiskt. Resultatet är ett verktyg som kan vara en perfekt match för skärmar, liksom utgångspunkten för oerfarna personer i UI/UX-design.
grunden för MD är redan väl etablerad av webbplats-och UI/UX-designers som har arbetat med det länge. Det som skiljer det från andra verktyg är det faktum att du kan använda det i alla typer av projekt du för närvarande arbetar med eftersom det är lätt att hitta rekommenderade metoder i varje projektuppsättning. Konventionerna lägger tonvikten på:
material som metafor-i detta sammanhang är det en metafor för utrymme för ark och bläck. De verkliga sakerna som används i det här verktyget är ljus och rymd, som stöds av unika rymdattribut som skiljer sig åt i fältet digitala formulär. Egenskaperna hos MD är skuggorna som är utbredda. Det speglar beteendet hos verkliga saker som finns i verkligheten
betydelse-ett incitament för MD är designtryck, vilket återspeglar i ett mycket väl utformat rutnät, vikten av typografi och färger.
rörelse & Animation-MD stöder inte bara en statisk form av tryckdesign utan inkluderar även digitala medier, baserat på fysikens lagar. Det ger oss möjligheten att förena nytta med estetik, vilket är mycket viktigt idag.
en av de viktigaste metaforerna I MD är ett material som har sin position i rymden på Z-axeln, så vi kan se om det är närmare eller längre från en användare. Metaforen hänvisar till det så kallade höjdvärdet. Det som är intressant är det faktum att detta värde simulerar högre och lägre positioner i rymden genom lämpligt vald skuggning.
vad mer är viktigt i Materialdesign attribut?
– distinkta och väl valda färger
– enkla och lättanvända ikoner
– grafik och bilder som är ett extra riktmärke för innehållet
– Enkel, men samtidigt elegant typografi baserad på Roboto-teckensnittet