leer meer over Bootstrap en Material Design
Bootstrap
in 2011 besloot een groep Twitter-ingenieurs Bootstrap te maken als een interne oplossing voor hun programmeerproblemen. Technisch gezien was hun plan om een tool te maken zonder een bepaalde code structuur.
elke programmeur kan zijn eigen manier hebben om zijn kunstwerken te maken. Dit leidt meestal tot enige onzekerheden wanneer een andere programmeur, laten we zeggen een beginner, probeert de code te lezen. Daarom ontwierpen Mark Otto en Jacob Thorton van Twitter Bootstrap — een manier om programmeurs te overtuigen om hun patronen van het schrijven van de code te verenigen, en te voorkomen dat er verschillen in het proces ontstaan. De voordelen die Bootstrap bracht aan hun dagelijkse werk waren gewoon van onschatbare waarde.
wanneer jongens van Twitter zijn ware potentieel realiseerden, hebben ze besloten om het als een open-source project uit te brengen. Met de hulp van GitHub en duizenden andere programmeurs, duurde het slechts een paar maanden om Bootstrap te brandmerken als de meest populaire front-end development tool voor het maken van responsieve, mobiele webprojecten.
dus wat is Bootstrap precies?
Stel het voor als een gereedschapskist met een reeks nuttige functies en elementen die nuttig kunnen zijn bij het maken van uw website.
het maakt je in staat om te kiezen welke tool je wilt, plus je kunt er zeker van zijn dat geen van deze elementen met elkaar zullen botsen. Het is als puzzelstukjes bij elkaar passen, maar in dit geval past elke puzzel bij een andere.
de tools die u zich hebt voorgesteld in onze Bootstrap toolbox zijn HTML, CSS en JS allemaal gecombineerd. Material Design for Bootstrap is het beste voorbeeld van hoe Bootstrap voortdurend in ontwikkeling is en hoeveel je eraan kunt toevoegen met behulp van design-en functionaliteitspatronen van Google Material Design.
Material Design
Material Design is een designtaal, afkomstig van Google, die intensief wordt gebruikt in interface-projecten voor het Android-systeem. U kunt zich afvragen waarom het wordt gebruikt. Het antwoord is simpel – het is al een volwassen en georganiseerde tool die overeenkomt met de bruikbaarheid en leesbaarheid. Bovendien ontwikkelt en verandert het dynamisch. Het resultaat is een tool die een perfecte match voor schermen kan zijn, evenals het uitgangspunt voor onervaren mensen in UI/UX ontwerpen.
de basis van MD is al goed ingeburgerd door website-en UI/UX-ontwerpers die er lang aan hebben gewerkt. Wat het onderscheidt van andere tools, is het feit dat je het kunt gebruiken in elk soort project waar je momenteel aan werkt, omdat het gemakkelijk is om aanbevolen praktijken te vinden in elke projectset. De conventies leggen de nadruk op:
materialen als metafoor — in deze context is het een metafoor van de ruimte voor blad en inkt. De echte dingen die worden gebruikt in deze tool zijn licht en ruimte, ondersteund door unieke ruimte attributen die worden onderscheiden in het digitale formulier veld. De kenmerken van MD zijn de schaduwen die wijdverspreid zijn. Het weerspiegelt het gedrag van echte dingen die bestaan in werkelijkheid
Betekenis-een stimulans van MD is design printing, die weerspiegelt in een zeer goed ontworpen raster, het belang van typografie en kleuren.
beweging & animatie — MD ondersteunt niet alleen een statische vorm van printontwerp, maar omvat ook de digitale media, gebaseerd op de wetten van de fysica. Het geeft ons de mogelijkheid om nut te verzoenen met esthetiek, wat tegenwoordig erg belangrijk is.
een van de belangrijkste metaforen in MD is een materiaal dat zijn positie in de ruimte op de Z-as heeft, zodat we kunnen zien of het dichter of verder van een gebruiker is. De metafoor verwijst naar de zogenaamde hoogtewaarde. Wat interessant is, is het feit dat deze waarde hogere en lagere posities in de ruimte simuleert door adequaat geselecteerde arcering.
Wat is er nog meer van belang bij Eigenschappen van Materiaalontwerp?
– onderscheidende en goed gekozen kleuren
– eenvoudige en gebruiksvriendelijke pictogrammen
– afbeeldingen en afbeeldingen die een extra benchmark zijn voor de inhoud
– eenvoudige, maar tegelijkertijd elegante typografie gebaseerd op het Roboto-lettertype