Tudjon meg többet a Bootstrap és Material Design
Bootstrap
2011-ben egy csoport Twitter mérnökök úgy döntött, hogy hozzon létre Bootstrap, mint egy belső megoldás a programozási problémák. Technikailag az volt a tervük, hogy létrehozzanak egy eszközt bizonyos kódszerkezet nélkül.
minden kódolónak megvan a maga módja a műalkotások létrehozására. Ez általában bizonyos bizonytalanságokhoz vezet, amikor egy másik programozó, mondjuk egy kezdő, megpróbálja elolvasni a kódot. Emiatt Mark Otto és Jacob Thorton a Twitter-től megtervezték a Bootstrap-ot-egy módot arra, hogy meggyőzzék a programozókat, hogy egyesítsék a kódírás mintáit, és elkerüljék a különbségeket a folyamatban. A Bootstrap által a mindennapi munkájukhoz nyújtott előnyök egyszerűen felbecsülhetetlenek voltak.
amikor a Twitter srácok felismerték a valódi potenciálját, úgy döntöttek, hogy nyílt forráskódú projektként adják ki. A Github és több ezer más programozó segítségével csak néhány hónapba telt, hogy a Bootstrap-ot a legnépszerűbb front-end fejlesztési eszköznek tekintsék a reszponzív, mobil webes projektek létrehozásához.
tehát mi is pontosan a Bootstrap?
képzelje el, mint egy eszköztárat, amely számos hasznos funkciót és elemet tartalmaz, amelyek hasznosak lehetnek a webhely létrehozásának folyamatában.
lehetővé teszi, hogy bármilyen eszközt válasszon, plusz biztos lehet benne, hogy ezen elemek egyike sem ütközik egymással. Olyan, mintha puzzle-darabokat illesztenénk össze, de ebben az esetben minden puzzle illeszkedik egy másikhoz.
a Bootstrap eszköztárunkban elképzelt eszközök a HTML, CSS és JS együttvéve. A Bootstrap Material Design a legjobb példa arra, hogy a Bootstrap folyamatosan fejlesztés alatt áll, és mennyit adhat hozzá a Google Material Design tervezési és funkcionalitási mintáinak segítségével.
Anyagtervezés
az anyagtervezés a Google-tól származó tervezési nyelv, amelyet intenzíven használnak az Android rendszer interfészprojektjeiben. Megkérdezheti, miért használják. A válasz egyszerű – ez már egy érett és szervezett eszköz, amely megfelel a használhatóság és olvashatóság. Emellett dinamikusan fejlődik és változik. Az eredmény egy olyan eszköz, amely tökéletesen illeszkedik a képernyőkhöz, valamint kiindulópont a tapasztalatlan emberek számára az UI/UX tervezésében.
az MD alapját már jól megalapozták a weboldal és az UI/UX tervezők, akik már régóta dolgoztak rajta. Mi különbözteti meg a többi eszköz, az a tény, lehet használni minden típusú projekt jelenleg dolgozik, mert könnyű megtalálni ajánlott gyakorlatok minden projekt készlet. A konvenciók a következőkre helyezik a hangsúlyt:
az anyagok mint metafora-ebben az összefüggésben a lap és a tinta térének metaforája. Az ebben az eszközben használt valódi dolgok a fény és a tér, amelyeket a digitális űrlapok mezőben megkülönböztetett egyedi térjellemzők támogatnak. Az MD jellemzői az árnyékok, amelyek széles körben elterjedtek. Tükrözi a valóságban létező valós dolgok viselkedését
jelentés — az MD ösztönzője a design nyomtatás, amely egy nagyon jól megtervezett rácsban tükrözi a tipográfia és a színek fontosságát.
mozgás & animáció-az MD nem csak a statikus nyomtatási formát támogatja, hanem a fizikai törvényeken alapuló digitális médiát is magában foglalja. Lehetőséget ad arra, hogy összehangoljuk a hasznosságot az esztétikával, ami manapság nagyon fontos.
az MD egyik legfontosabb metaforája egy olyan anyag, amely a Z tengelyen helyezkedik el a térben, így meg tudjuk mondani, hogy közelebb vagy távolabb van-e a felhasználótól. A metafora az úgynevezett magassági értékre utal. Ami érdekes, az a tény, hogy ez az érték a térben magasabb és alacsonyabb pozíciókat szimulál a megfelelően kiválasztott árnyékolással.
mi más fontos az Anyagtervezési tulajdonságokban?
– Megkülönböztető és jól megválasztott színek
– egyszerű és könnyen használható ikonok
– grafikák és képek, amelyek további mércét jelentenek a tartalomhoz
– egyszerű, de ugyanakkor elegáns tipográfia a Roboto betűtípus alapján