dowiedz się więcej o Bootstrap i Material Design
Bootstrap
w 2011 roku grupa inżynierów Twittera postanowiła stworzyć Bootstrap jako wewnętrzne rozwiązanie ich problemów programistycznych. Technicznie ich planem było stworzenie narzędzia bez pewnej struktury kodu.
każdy programista może mieć swój własny sposób tworzenia swoich dzieł. Zwykle prowadzi to do pewnych niepewności, gdy inny programista, powiedzmy początkujący, próbuje odczytać kod. Z tego powodu Mark Otto i Jacob Thorton z Twittera zaprojektowali Bootstrap – sposób przekonywania programistów do ujednolicenia wzorców pisania kodu i unikania tworzenia różnic w procesie. Korzyści, które Bootstrap wniósł do ich codziennej pracy, były po prostu nieocenione.
kiedy faceci z Twittera zdali sobie sprawę z jego prawdziwego potencjału, postanowili wydać go jako projekt open-source. Z Pomocą Githuba i tysięcy innych programistów, zaledwie kilka miesięcy zajęło nazwanie Bootstrap najpopularniejszym narzędziem programistycznym do tworzenia responsywnych, mobilnych projektów internetowych.
czym dokładnie jest Bootstrap?
wyobraź sobie, że jest to zestaw narzędzi zawierający szereg przydatnych funkcji i elementów, które mogą być pomocne w procesie tworzenia Twojej witryny.
to sprawia, że możesz wybrać dowolne narzędzie, a ponadto możesz być pewien, że żaden z tych elementów nie zderzy się ze sobą. To jak dopasowanie elementów układanki do siebie, ale w tym przypadku każda układanka pasuje do innej.
narzędzia, które wyobraziłeś sobie w naszym Bootstrap toolbox to HTML, CSS i JS razem wzięte. Material Design for Bootstrap to najlepszy przykład tego, jak Bootstrap jest stale rozwijany i jak wiele można do niego dodać za pomocą wzorców projektowania i funkcjonalności z Google Material Design.
Material Design
Material Design to język projektowania, pochodzący od Google, który jest intensywnie używany w projektach interfejsów dla systemu Android. Możesz zapytać, dlaczego jest używany. Odpowiedź jest prosta – jest to już dojrzałe i zorganizowane narzędzie, które odpowiada użyteczności i czytelności. Co więcej, dynamicznie się rozwija i zmienia. Rezultatem jest narzędzie, które może idealnie pasować do ekranów, a także punkt wyjścia dla niedoświadczonych osób w projektowaniu UI / UX.
podstawa MD jest już dobrze ugruntowana przez projektantów stron internetowych i UI/UX, którzy pracowali nad nią przez długi czas. To, co odróżnia go od innych narzędzi, to fakt, że możesz go używać w każdym rodzaju projektu, nad którym aktualnie pracujesz, ponieważ łatwo jest znaleźć zalecane praktyki w każdym zestawie projektów. Konwencje kładą nacisk na:
Materiały jako metaforę – w tym kontekście jest to metafora przestrzeni dla arkusza i tuszu. Prawdziwe rzeczy, które są używane w tym narzędziu, to światło i przestrzeń, wspierane przez unikalne atrybuty przestrzeni, które wyróżniają się w dziedzinie formularzy cyfrowych. Cechą charakterystyczną MD są cienie, które są powszechne. Odzwierciedla zachowanie prawdziwych rzeczy, które istnieją w rzeczywistości
Znaczenie — zachętą MD jest druk projektowy, który odzwierciedla w bardzo dobrze zaprojektowanej siatce, znaczenie typografii i kolorów.
ruch & Animacja — MD nie tylko wspiera statyczną formę projektowania druku, ale także zawiera nośniki cyfrowe, oparte na prawach fizyki. Daje nam możliwość pogodzenia użyteczności z estetyką, co w dzisiejszych czasach jest bardzo ważne.
jedną z najważniejszych metafor w MD jest materiał, który ma swoją pozycję w przestrzeni na osi Z, dzięki czemu możemy stwierdzić, czy jest bliżej, czy dalej od użytkownika. Metafora odnosi się do tzw. wartości elewacji. Co ciekawe, wartość ta symuluje wyższe i niższe pozycje w przestrzeni poprzez odpowiednio dobrane cieniowanie.
co jeszcze jest ważne w atrybutach Projektowania Materiałów?
– wyraziste i dobrze dobrane kolory
– proste i łatwe w użyciu ikony
– Grafika i obrazy będące dodatkowym wzorcem dla treści
– prosta, ale jednocześnie elegancka typografia oparta na czcionce Roboto