{"id":22393,"date":"2021-12-22T12:35:06","date_gmt":"2021-12-22T10:35:06","guid":{"rendered":"https:\/\/www.software-developer-india.com\/?p=22393"},"modified":"2021-12-22T12:35:08","modified_gmt":"2021-12-22T10:35:08","slug":"hvad-er-materialedesign","status":"publish","type":"post","link":"https:\/\/www.software-developer-india.com\/da\/hvad-er-materialedesign\/","title":{"rendered":"Hvad er materialedesign?"},"content":{"rendered":"\n

Hvad er materialedesign?<\/h2>\n\n
\"\"<\/a><\/figure><\/div>\n\n

Nettet har gennemg\u00e5et adskillige transformationer, lige siden det f\u00f8rst blev introduceret til verden. Hver \u00e6ndring har gjort det praktisk for brugerne, hvor brugerne har mere at udforske, bogstaveligt talt uden gr\u00e6nser. Efter websider og browsersider kom smartphones og flere andre smarte enheder. <\/p>\n\n

Fra statiske websider til intuitive, smarte enheder med kunstig intelligens<\/strong> , har transformationen v\u00e6ret enorm. Men Google har ikke glemt de \u00e6ndringer, der burde ske p\u00e5 websider. Der er sket en transformation i Google-designsystemet og sproget. Og det var her, Material Design<\/strong> blev f\u00f8dt. <\/p>\n\n

Forklaring af materialedesign<\/strong><\/h3>\n\n

S\u00e5 Material Design var Googles id\u00e9<\/strong> , og det dukkede op i midten af 2014 og fik kodenavnet “Quantum Paper”. Materiale Design bruges til en r\u00e6kke designimplementeringer. De papirbaserede designstilarter gjorde det helt anderledes end den flade designstil, der popul\u00e6rt blev brugt i disse tider. <\/p>\n\n

Form\u00e5let med at udvikle Material Design var at levere h\u00f8jkvalitets output p\u00e5 tv\u00e6rs af alle platforme<\/strong> p\u00e5 en ensartet basis. Dette vil bringe en samlet brugeroplevelse p\u00e5 tv\u00e6rs af alle enheder, platforme og inputmetoder. Dette er n\u00e6sten ligesom Apples designprincipper, som de brugte som deres standardmetode. Men Google gik et skridt foran og gjorde det muligt at f\u00e5 en ensartet brugeroplevelse. <\/p>\n\n

Googles retningslinjer for materialedesign er blevet standardprotokollerne for enhver virksomheds branding, fordi de er blevet anerkendt som v\u00e6rende tilknyttet Google. Interessant nok er Google blevet adopteret af det enorme og voksende designf\u00e6llesskab. S\u00e5 det betyder, at alle kan bruge Material Design, ikke kun p\u00e5 native platforme, men ogs\u00e5 p\u00e5 andre konkurrerende platforme. <\/p>\n\n

Det nemmeste ved Material Design-specifikation er, at der er retningslinjer for alt<\/strong> – stil, farve, billeder, gitter, rum, typografi osv. Og det guider designerne til at vise dem, hvordan tingene ser ud, herunder internationale designs, der indeholder hierarki, fokus og mening.<\/p>\n\n

Tips til, hvordan du g\u00f8r Material Design effektivt p\u00e5 tv\u00e6rs af platforme<\/strong><\/h3>\n\n
  1. Konceptet eller den taktile virkelighed<\/strong><\/li><\/ol>\n\n

    Et af principperne for Material Design er at tage begrebet taktil virkelighed<\/strong> og anvende det. Designet skal give brugerne fortrolighed, n\u00e5r de inkorporerer funktioner fra den virkelige verden. For eksempel skal knappen ligne \u00e9n – udseendet, overfladen, s\u00f8mme og kanter skal stemme overens med en knap for at g\u00f8re det muligt for brugerne at tage et hint. <\/p>\n\n

    For at afsl\u00f8re bev\u00e6gelige dele skal der v\u00e6re realistisk belysning og skygge, s\u00e5 brugeren forst\u00e5r det med det samme. <\/p>\n\n

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

      I adaptivt design vil ikoner, farver, rumlige proportioner og hierarkiet v\u00e6re konsistente p\u00e5 tv\u00e6rs af forskellige platforme og enheder. Designene i sig selv skal v\u00e6re i\u00f8refaldende og overskuelige, s\u00e5 brugerne nemt kan fange hierarkiet. For at give brugerne en bedre oplevelse skal du s\u00f8rge for, at der er tilstr\u00e6kkeligt mellemrum, stor topografi, st\u00e6rke billeder og genial brug af farver. <\/p>\n\n

      1. Beskeder ved hj\u00e6lp af bev\u00e6gelse giver en hel masse sp\u00e6nding<\/strong><\/li><\/ol>\n\n

        Brugere elsker det, n\u00e5r de har kontrol over deres navigation<\/strong> . N\u00e5r de ser \u00e6ndringerne, der er et resultat af deres handlinger, vil de v\u00e6re mere modtagelige. Animationer i kontinuerlige flydende bev\u00e6gelser med forudsigelige handlinger vil g\u00f8re brugerne afslappede. <\/p>\n\n

        Det er dog vigtigt, at disse bev\u00e6gelser er naturlige. For eksempel, hvis en bruger tr\u00e6kker og slipper et valgt element i en mappe med andre objekter, skal de objekter, der allerede er i mappen, flyttes til side for at give plads. Brugeren vil blive chokeret, hvis objektet forsvinder efter ‘tr\u00e6k og slip’, og de ikke kan se, hvad der er sket med det. Denne form for magisk reaktion vil slukke for brugeren. <\/p>\n\n

        Materiale Design principper<\/strong><\/h3>\n\n

        Materialedesign er meget mere end at tilf\u00f8je skygger og tredimensionelle effekter til funktioner. Det er en altomfattende ressource, der l\u00e6gger grunden til et nyt formsprog. Tag et kig p\u00e5 nogle af de grundl\u00e6ggende principper for materialedesign.<\/p>\n\n

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

          Brugere nyder digitale oplevelser, der virker naturlige for dem. S\u00e5 dette er et af de f\u00f8rste grundl\u00e6ggende principper, der skal tilf\u00f8jes i de apps og hjemmesider, som du laver med Material Design. Lovene om \u00e5rsag og virkning skal f\u00f8lges flittigt i den forstand, at n\u00e5r en bruger udf\u00f8rer en handling, forventer de et forudsigeligt resultat, og det skal de f\u00e5. De bev\u00e6gelser, der sker p\u00e5 siden, skal v\u00e6re i overensstemmelse med, hvordan det kan ske i den virkelige verden. Dette ville tilskynde dem til at engagere sig mere med apps. <\/p>\n\n

          1. Betydning og logik gennem fed, grafik og hierarki<\/strong><\/li><\/ol>\n\n

            Ethvert designvalg skal have en vis mening og logik i det. Udformningen skal v\u00e6re s\u00e5dan, at der skal v\u00e6re en eller anden form for regel, en grund bag den. Det handler ikke l\u00e6ngere om at designe, fordi nogen kunne lide det, eller fordi det er trendy. If\u00f8lge det seneste system skal UI-elementerne f\u00f8lge et vist ansvarligt hierarki. Materialedesignet forklarer f\u00f8lgende elementer p\u00e5 en logisk m\u00e5de:<\/p>\n\n