Hvad er materialedesign?

Hvad er materialedesign?

Nettet har gennemgået adskillige transformationer, lige siden det først blev introduceret til verden. Hver ændring har gjort det praktisk for brugerne, hvor brugerne har mere at udforske, bogstaveligt talt uden grænser. Efter websider og browsersider kom smartphones og flere andre smarte enheder.

Fra statiske websider til intuitive, smarte enheder med kunstig intelligens , har transformationen været enorm. Men Google har ikke glemt de ændringer, der burde ske på websider. Der er sket en transformation i Google-designsystemet og sproget. Og det var her, Material Design blev født.

Forklaring af materialedesign

Så Material Design var Googles idé , og det dukkede op i midten af 2014 og fik kodenavnet “Quantum Paper”. Materiale Design bruges til en række designimplementeringer. De papirbaserede designstilarter gjorde det helt anderledes end den flade designstil, der populært blev brugt i disse tider.

Formålet med at udvikle Material Design var at levere højkvalitets output på tværs af alle platforme på en ensartet basis. Dette vil bringe en samlet brugeroplevelse på tværs af alle enheder, platforme og inputmetoder. Dette er næsten ligesom Apples designprincipper, som de brugte som deres standardmetode. Men Google gik et skridt foran og gjorde det muligt at få en ensartet brugeroplevelse.

Googles retningslinjer for materialedesign er blevet standardprotokollerne for enhver virksomheds branding, fordi de er blevet anerkendt som værende tilknyttet Google. Interessant nok er Google blevet adopteret af det enorme og voksende designfællesskab. Så det betyder, at alle kan bruge Material Design, ikke kun på native platforme, men også på andre konkurrerende platforme.

Det nemmeste ved Material Design-specifikation er, at der er retningslinjer for alt – 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.

Tips til, hvordan du gør Material Design effektivt på tværs af platforme

1. Konceptet eller den taktile virkelighed

Et af principperne for Material Design er at tage begrebet taktil virkelighed og anvende det. Designet skal give brugerne fortrolighed, når de inkorporerer funktioner fra den virkelige verden. For eksempel skal knappen ligne én – udseendet, overfladen, sømme og kanter skal stemme overens med en knap for at gøre det muligt for brugerne at tage et hint.

For at afsløre bevægelige dele skal der være realistisk belysning og skygge, så brugeren forstår det med det samme.

2. Adaptivt design

I adaptivt design vil ikoner, farver, rumlige proportioner og hierarkiet være konsistente på tværs af forskellige platforme og enheder. Designene i sig selv skal være iørefaldende og overskuelige, så brugerne nemt kan fange hierarkiet. For at give brugerne en bedre oplevelse skal du sørge for, at der er tilstrækkeligt mellemrum, stor topografi, stærke billeder og genial brug af farver.

3. Beskeder ved hjælp af bevægelse giver en hel masse spænding

Brugere elsker det, når de har kontrol over deres navigation . Når de ser ændringerne, der er et resultat af deres handlinger, vil de være mere modtagelige. Animationer i kontinuerlige flydende bevægelser med forudsigelige handlinger vil gøre brugerne afslappede.

Det er dog vigtigt, at disse bevægelser er naturlige. For eksempel, hvis en bruger trækker 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æk og slip’, og de ikke kan se, hvad der er sket med det. Denne form for magisk reaktion vil slukke for brugeren.

Materiale Design principper

Materialedesign er meget mere end at tilføje skygger og tredimensionelle effekter til funktioner. Det er en altomfattende ressource, der lægger grunden til et nyt formsprog. Tag et kig på nogle af de grundlæggende principper for materialedesign.

1. Materiale er en metafor

Brugere nyder digitale oplevelser, der virker naturlige for dem. Så dette er et af de første grundlæggende principper, der skal tilføjes i de apps og hjemmesider, som du laver med Material Design. Lovene om årsag og virkning skal følges flittigt i den forstand, at når en bruger udfører en handling, forventer de et forudsigeligt resultat, og det skal de få. De bevægelser, der sker på siden, skal være i overensstemmelse med, hvordan det kan ske i den virkelige verden. Dette ville tilskynde dem til at engagere sig mere med apps.

2. Betydning og logik gennem fed, grafik og hierarki

Ethvert designvalg skal have en vis mening og logik i det. Udformningen skal være sådan, at der skal være en eller anden form for regel, en grund bag den. Det handler ikke længere om at designe, fordi nogen kunne lide det, eller fordi det er trendy. Ifølge det seneste system skal UI-elementerne følge et vist ansvarligt hierarki. Materialedesignet forklarer følgende elementer på en logisk måde:

• Layout
• Navigation
• Farve
• Form
• Bevægelse
• Interaktion
• Lyde
• Typografi og webskrifttyper
• Meddelelse

Material Design Colour Palette Generator er en funktion, der giver designere mulighed for at presse på for stærkere, dristigere farvepaletter for at fremme kontrast og dybde i brugergrænsefladen.

3. Bevægelse for at gøre det intuitivt

Animation er ikke noget, man gør for animationens skyld. Med Material Design er målet at gøre det mere bevidst, så brugeroplevelsen bliver mere intuitiv. Der er et formål med at have bevægelse i design. Her er nogle af dem:

• At informere brugerne om, hvornår og hvor en handling er tilgængelig
• At rette fokus ind på vigtigere dele af en side
• At tilføje karakter og personlighed til grænsefladen

Hele fokus er at gøre brugerrejsen mere spændende, underholdende og gunstig.

Den ene ting, designere ikke kunne lide ved Material Design

Material Design havde en stor fejl, som designere nemt kan klage over. Konceptet var for sort og hvidt, hvilket betyder, at alt, hvad designeren har lavet, er blevet præciseret, hvilket giver meget lidt plads til kreativitet og forbedring. Der er skabeloner og komponenter, som de kan arbejde ud fra, men de har alle det samme designsystem og regler.

For mærker, der leder efter unikke i deres visuelle stil og appel, var dette ikke let, fordi designsystemet blev tilgængeligt for offentligheden, og det er vigtigt at skabe et system, der konsekvent kan ændres og vedligeholdes.

Oprindeligt havde Material Design et tema, der er meget let og lyst, og som ikke passede til temaet for mange mærker, men nu er det blevet ryddet, og der er også mørke temaer, hvilket tilføjer mere visuel fleksibilitet til udviklere.

Der er sket en fornyelse af Material Design, og designsystemet begrænser ikke længere designerens kreativitet og unikke karakter. Der er nu værktøjer, der ikke kun vil overholde de bedste designmetoder, men også give designerne mulighed for at få deres eget kreative spin.

Konklusion

Materialedesign er blevet mere fleksibelt og styrkende end nogensinde før. Og med omfattende dokumentation og support elsker udviklere og designere virkelig fordelene ved Material Design. Designere kan udvikle grænseflader, der er mere intuitive, de kan nu arbejde ud over æstetikken og udvikle et bevidst design, der forbedrer brugeroplevelsen.

Begynd at bruge Material Design til at gøre websteder og applikationer mere tilgængelige, mere venlige og intuitive.

Interessante links:

Hvordan bruger man Material Design i en Android-app?

Mere information om Material Design

Billeder: Canva

Forfatteren: Sascha Thattil arbejder på Software-Developer-India.com, som er en del af YUHIRO Group. YUHIRO er en tysk-indisk virksomhed, der leverer programmører til IT-virksomheder, agenturer og IT-afdelinger.