Materialdesign

Materialdesign
Utvecklare	Google
Initial release	25 juni 2014 ; för 8 år sedan
Stabila utgåvor
Android
Android	1.3.0 / 4 februari 2021; 13 januari 2022; 31 maj 2022; 19 oktober 2022 ; Fel: första parametern kan inte tolkas som ett datum eller en tid.
iOS	124.2.0 / 26 april 2021 ; 22 månader sedan
webb	10.0.0 / 5 februari 2021; 24 september 2021; 28 april 2022 ; Fel: första parametern kan inte tolkas som ett datum eller en tid.
Förhandsgranska version(er)
Android
Android	1.4.0-alpha01 / 22 februari 2021; 18 januari 2022 ; Fel: första parametern kan inte tolkas som ett datum eller en tid.
Förvar	Webb : material-komponenter-webb ; Android : material-komponenter-android ; iOS : material-komponenter-ios ; Fladdra : material-komponenter-fladder ;
Skrivet i	HTML , CSS , Sass (v4), JavaScript , AngularJS , Angular , Java , Objective-C , Swift , Dart
Plattform	Android , iOS , webb
Typ	Programvara för designspråk
Licens	Android, iOS: Apache-2.0-licens ; Flutter: BSD-3-klausullicens ; Webb: MIT-licens ;
Hemsida	material .io

Material Design (kodnamnet Quantum Paper ) är ett designspråk utvecklat av Google 2014. Utvidgningen av "korten" som debuterade i Google Now , använder Material Design mer rutnätsbaserade layouter, responsiva animationer och övergångar, utfyllnad och djupeffekter som t.ex. ljus och skuggor. Google tillkännagav Material Design den 25 juni 2014 vid Google I/O- konferensen 2014.

Huvudsyftet med Material Design är skapandet av ett nytt bildspråk som kombinerar principer för god design med teknisk och vetenskaplig innovation. Designern Matías Duarte förklarade att "till skillnad från riktigt papper kan vårt digitala material expandera och reformeras på ett intelligent sätt. Material har fysiska ytor och kanter. Sömar och skuggor ger mening om vad du kan röra vid." Google uppger att deras nya formspråk är baserat på papper och bläck men implementeringen sker på ett avancerat sätt.

Under 2018, detaljerade Google en förnyelse av språket, med fokus på att ge mer flexibilitet för designers att skapa anpassade "teman" med varierande geometri, färger och typografi. Google släppte Material Theme Editor exklusivt för macOS -designapplikationen Sketch .

Genomförande

Materialdesign skulle gradvis utökas till hela Googles utbud av webb- och mobilprodukter, vilket ger en konsekvent upplevelse över alla plattformar och applikationer. Google har också släppt applikationsprogrammeringsgränssnitt (API) för tredjepartsutvecklare för att införliva designspråket i sina applikationer.

Den kanoniska implementeringen av Material Design för användargränssnitt för webbapplikationer kallas Polymer . Den består av Polymer-biblioteket, ett shim som tillhandahåller ett Web Components API för webbläsare som inte implementerar standarden inbyggt, och en elementkatalog, inklusive "papperselementsamlingen" som innehåller visuella element från Material Design. Google har också skapat en medföljande ikonuppsättning licensierad under Apache 2.0-licensen.

Uppdateringar

Efter 2018 års förnyelse började Google designa om de flesta av sina appar till en anpassad och anpassad version av Material Design som kallas Google Material Theme, även kallad "Material Design 2", som starkt betonar vitt utrymme, rundade hörn, färgglada ikoner, bottennavigeringsfält , och använder en speciell storlekskomprimerad version av Googles egenutvecklade Product Sans- teckensnitt som kallas Google Sans.

På Google I/O i maj 2021 tillkännagav Google ett nytt koncept på Android 12 , känt som "Material You" (även känt som "Material Design 3"), som betonade ökad animering, större knappar och möjligheten för anpassade UI-teman att vara genereras från användarens bakgrund. Material You rullades gradvis ut till olika Google-appar på äldre Android-versioner under de följande månaderna, och fungerade som ett stort fokus på smartphoneserierna Pixel 6 och Pixel 6 Pro .

Se även

externa länkar

Officiell hemsida