Material Design är "det" frasen som många designers pratar om just nu. Konceptet, som utvecklades av Google för Android-enheter, har en snygg, ren och mycket användbar charm.

Webbplatser med materialdesign kramar ut ur riken på Android-enheter och dyker upp överallt. Och verkligheten är att många av dessa webbplatser har exakt samma utseende.

Material Design recension

Om du inte är helt säker på vad Materialdesign är, är det en snabb primer: det är ett Google-skapat koncept där det specifikt förklaras hur apps för Android ska se ut och hur användargränssnittet ska fungera. Det definierar regler för animering, stil, layout, komponenter, mönster och användbarhet. De specifikationer gå så långt som att definiera färgpaletter och typografi alternativ.

Och medan alla dessa element bidrar till en mycket användbar och visuellt tilltalande design, är resultatet en samling av mönster med en gemensam estetik.

stamplay

Materialdesign bryter sig bort från den ursprungliga Android-överskyningen också. Trots att konceptet är Google-hjärnbarn, kör designers med det och använder materialdesign för webbplatser på olika plattformar och för alla typer av enheter.

Det ultimata målet med Material Design är att "skapa ett visuellt språk som syntetiserar klassiska principer för bra design med innovation och möjlighet till teknik och vetenskap." Ett enda "visuellt språk" ställer frågan: Är materialdesign dödande på webben?

Material Design Lite

Det singulära språket rör sig från mobil-första designtänkande till all-design designtänkande. Google presenterade Material Design Lite tidigare i år som en strömlinjeformad version av estetiken för alla webbplatser.

laser

De "rammatiska agnostiska" mallarna gör det enkelt att skapa något snabbt och enligt specifikationerna. Det är utformat för att fungera på bloggar, innehåll tunga webbplatser, för instrumentbrädan, och visuella projekt, och även ensidiga sidor. Designen blir vattnad ännu mer.

Följ reglerna för ett "tight" designmönster

Material Design fungerar eftersom den bygger på en ganska tight uppsättning regler och användbarhetsmönster. Det gör några ganska bra saker för design - riktlinjerna för animering är särskilt viktiga att förstå, eftersom de är rotade i den fysiska världen. Reglerna kommer dock med mycket begränsningar men det som händer hittills är att de flesta applikationer som använder Material Design ser ut som de kan ha kommit från samma lådor.

Dessa snäva mönster utvecklades delvis för att hjälpa användarna att förstå hur man interagerar med mindre enheter. Materialdesign utvecklades från platt design, där inte alla användargränssnittelement hade tydligt definierade roller inom ramen för designen. Materialdesign försökte åtgärda några av dessa problem.

nimbus9

Men det är nog tid att utvecklas igen. De flesta användare förstår vilka knappar som är och vad de gör. Varje utveckling av en designteori lär användarna något nytt om hur man använder enheter och webben. Och de fångar snabbt. Verktyg som är utformade för att undervisa användare behöver bara inte vara så länge.

3ventures

Otroligt nog, det snäva designmönstret är något som designers nästan har tryckt på sig när det gäller Material Design. Läs igenom dokumentationen - och notera att det ändras regelbundet - och de vanliga mönster som kommer ut ur trenden är helt enkelt att emulera de givna exemplen.

Så varför skapar designers tusentals webbplatser med materialdesign som alla ser ut som de samma?

Vanliga användargränssnitt och designavdelningar

Här är det snabba svaret på frågan ovan: det är allt i detaljerna.

Vanliga användargränssnitt, ikoner, färgscheman och typografiska val dödar estetiska möjligheter på webben. Men det behöver inte vara så. Du kan designa med hjälp av materialkoncept utan att kopiera element från dokumentationen eller ladda ner det senaste användargränssnittet.

jetradar

En av de problem som håller på att dyka upp är att webbplatser replikerar utseendet på Material Design, men har inte funktionaliteten och saknar uppmärksamhet på detaljer. Det är inte Material Design som dödar webben, det är lata designers.

Men vänta ... du behöver inte följa trenden

Innan du freak out, det finns många sätt att använda Material Design som inte kommer att märka dig som en "lat designare".

Här är tricket: hålla sig till koncepten, men bryta några av reglerna. Inte riktigt säker på vad det betyder? Här är några förslag:

  • Gå bortom färgpalett. I stället för en ljus, supermättad färgpalett, gå djupare in i färgerna och leka med pasteller och mörkare nyanser.
  • Designikoner och användargränssnitt som följer de grundläggande riktlinjerna för design - som innehåller element i inuti ikoner och användning för mänskliga egenskaper - men är inte från en förpackad uppsättning.
  • Gå inte 100 procent "material". Använd en aspekt av det i ditt konceptkoncept. Reglerna för animering är utomordentligt trevliga; följ de riktlinjerna för hur saker och ting rör sig inom ramen för din webbplats men designa resten så som du inte skulle ha blivit utsatt för materialdesign. En annan bra idé att "stjäla" från material är användningen av kort, men begränsar inte dig själv till att utforma dem i ett helt materiellt utrymme.
  • Använd några av de bästa riktlinjerna från Material Design för att du ska få bättre förståelse för att arbeta med detaljer i ditt designarbete. Ikondelen i dokumentationen är en bra grund för att använda ett rutnät för att skapa ikoner som är konsekventa i deras avstånd. Applicera dessa begrepp på din övergripande estetik.
  • Expandera typografipaletten. En av de saker som "dödar" designen är för många saker som ser exakt ut. Matcha teckensnitt till din design och använd inte något eftersom en uppsättning riktlinjer (om de inte kommer från ditt varumärke) berätta för dig.
  • Design som du skulle med någon annan trend. Material Design är en trend, inte en ändlös designlösning. Blanda och matcha de delar du gillar och använd dem precis som du skulle med någonting annat. Vissa tekniker kommer att fungera sömlöst, medan andra kanske inte är för dina projekt.

Slutsats

Så, tillbaka till huvudfrågan: Är Material Design dödande på webben?

Helt enkelt, nej. Medan överanvändning av denna trend kan leda till homogen design, är det verkliga problemet att utforma med en trend för trendens skull och inte tänka på de bästa verktygen och teknikerna för projektet. Så fortsätt använd Material Design, var noga med att använda den bra.

flatguitars