{"id":22396,"date":"2021-12-22T12:35:54","date_gmt":"2021-12-22T10:35:54","guid":{"rendered":"https:\/\/www.software-developer-india.com\/?p=22396"},"modified":"2021-12-22T12:36:08","modified_gmt":"2021-12-22T10:36:08","slug":"hva-er-materialdesign","status":"publish","type":"post","link":"https:\/\/www.software-developer-india.com\/no\/hva-er-materialdesign\/","title":{"rendered":"Hva er materialdesign?"},"content":{"rendered":"\n

Hva er materialdesign?<\/h2>\n\n
\"\"<\/a><\/figure><\/div>\n\n

Nettet har gjennomg\u00e5tt flere transformasjoner helt siden det f\u00f8rst ble introdusert for verden. Hver endring har gjort det praktisk for brukerne, med brukerne som har mer \u00e5 utforske, bokstavelig talt uten grenser. Etter nettsider og nettlesersider kom smarttelefoner og flere andre smarte enheter. <\/p>\n\n

Fra statiske nettsider til intuitive, smarte enheter med kunstig intelligens<\/strong> , har transformasjonen v\u00e6rt enorm. Men Google har ikke glemt endringene som b\u00f8r skje p\u00e5 nettsider. Det har skjedd en transformasjon i Google-designsystemet og spr\u00e5ket. Og det var der Material Design<\/strong> ble f\u00f8dt. <\/p>\n\n

Forklarer materialdesign<\/strong><\/h3>\n\n

S\u00e5, Material Design var Googles hjernebarn<\/strong> , og det dukket opp i midten av 2014, og fikk kodenavnet «Quantum Paper». Materialdesign brukes til en rekke designimplementeringer. De papirbaserte designstilene gjorde den ganske forskjellig fra den flate designstilen som ble brukt p\u00e5 den tiden. <\/p>\n\n

Hensikten med \u00e5 utvikle Material Design var \u00e5 levere h\u00f8ykvalitets output p\u00e5 tvers av alle plattformene<\/strong> p\u00e5 en konsistent basis. Dette vil gi en enhetlig brukeropplevelse p\u00e5 tvers av alle enheter, plattformer og inndatametoder. Dette er nesten som Apples designprinsipper som de brukte som standardmetode. Men Google gikk et skritt foran, og gjorde det mulig \u00e5 ha konsekvent brukeropplevelse. <\/p>\n\n

Googles retningslinjer for materialdesign har blitt standardprotokollene for enhver bedrifts merkevarebygging fordi de har blitt anerkjent som tilknyttet Google. Interessant nok har Google blitt adoptert av det enorme og voksende designfellesskapet. S\u00e5 det betyr at alle kan bruke Material Design, ikke bare p\u00e5 opprinnelige plattformer, men ogs\u00e5 p\u00e5 andre konkurrerende plattformer. <\/p>\n\n

Det enkleste med Material Design-spesifikasjoner er at det er retningslinjer for alt<\/strong> – stil, farger, bilder, rutenett, rom, typografi osv. Og den veileder designerne til \u00e5 vise dem hvordan ting ser ut, inkludert internasjonale design som inneholder hierarki, fokus og mening.<\/p>\n\n

Tips om hvordan du kan gj\u00f8re materialdesign effektiv p\u00e5 tvers av plattformer<\/strong><\/h3>\n\n
  1. Konseptet eller den taktile virkeligheten<\/strong><\/li><\/ol>\n\n

    Et av prinsippene for materialdesign er \u00e5 ta konseptet taktil virkelighet<\/strong> og anvende det. Designet skal gi brukerne kjennskap n\u00e5r de inkluderer funksjoner fra den virkelige verden. For eksempel skal knappen se ut som en – utseendet, overflaten, s\u00f8mmer og kanter m\u00e5 v\u00e6re i samsvar med en knapp for \u00e5 gj\u00f8re det mulig for brukerne \u00e5 ta et hint. <\/p>\n\n

    For \u00e5 avsl\u00f8re bevegelige deler, m\u00e5 det v\u00e6re realistisk belysning og skyggelegging slik at brukeren forst\u00e5r umiddelbart. <\/p>\n\n

    1. Adaptiv design<\/strong><\/li><\/ol>\n\n

      I adaptiv design vil ikonene, fargene, romlige proporsjoner og hierarkiet v\u00e6re konsistente p\u00e5 tvers av ulike plattformer og enheter. Designene i seg selv m\u00e5 v\u00e6re fengende og ryddige slik at brukerne lett kan fange opp hierarkiet. For \u00e5 gi brukerne en bedre opplevelse, s\u00f8rg for at det er nok mellomrom, stor topografi, sterke bilder og str\u00e5lende bruk av farger. <\/p>\n\n

      1. Meldinger som bruker bevegelse skaper mye spenning<\/strong><\/li><\/ol>\n\n

        Brukere elsker det n\u00e5r de har kontroll over navigasjonen<\/strong> . N\u00e5r de ser endringene som f\u00f8lger direkte av handlingene deres, vil de v\u00e6re mer mottakelige. Animasjoner i kontinuerlig flytende bevegelser med forutsigbare handlinger vil gj\u00f8re brukerne avslappet. <\/p>\n\n

        Det er imidlertid viktig at disse bevegelsene er naturlige. For eksempel, hvis en bruker drar og slipper et valgt element i en mappe med andre objekter, m\u00e5 objektene som allerede er i mappen flyttes til side for \u00e5 f\u00e5 plass. Brukeren vil bli sjokkert hvis objektet forsvinner etter «dra og slipp» og de ikke kan se hva som skjedde med det. Denne typen magisk respons vil sl\u00e5 av brukeren. <\/p>\n\n

        Materialdesignprinsipper<\/strong><\/h3>\n\n

        Materialdesign er mye mer enn \u00e5 legge til skygger og tredimensjonale effekter til funksjoner. Det er en altomfattende ressurs som legger grunnlaget for et nytt formspr\u00e5k. Ta en titt p\u00e5 noen av de grunnleggende prinsippene for materialdesign.<\/p>\n\n

        1. Materiale er en metafor<\/strong><\/li><\/ol>\n\n

          Brukere nyter digitale opplevelser som virker naturlige for dem. S\u00e5 dette er et av de f\u00f8rste grunnleggende prinsippene som legges til i appene og nettsidene du lager med Material Design. Lovene om \u00e5rsak og virkning m\u00e5 f\u00f8lges flittig, i den forstand at n\u00e5r en bruker utf\u00f8rer en handling, forventer de et forutsigbart utfall, og det m\u00e5 de f\u00e5. Bevegelsene som skjer p\u00e5 siden m\u00e5 v\u00e6re i samsvar med hvordan det kan skje i den virkelige verden. Dette vil oppmuntre dem til \u00e5 engasjere seg mer med appene. <\/p>\n\n

          1. Mening og logikk gjennom fet, grafikk og hierarki<\/strong><\/li><\/ol>\n\n

            Hvert designvalg m\u00e5 ha en viss mening og logikk. Utformingen b\u00f8r v\u00e6re slik at det m\u00e5 v\u00e6re en slags regel, en grunn bak den. Det handler ikke lenger om \u00e5 designe fordi noen likte det eller fordi det er trendy. I henhold til det siste systemet skal UI-elementene f\u00f8lge et visst ansvarlig hierarki. Materialdesignet forklarer f\u00f8lgende elementer p\u00e5 en logisk m\u00e5te:<\/p>\n\n