Har du noterat alla super mörka designmönster på sistone? Designers experimenterar med några funky, mörka designmönster som har animering i samma färgschema.
Dessa animationer inkluderar allt från enkla rörelser som händer på egen hand, svävar effekter och fullständiga filmupplevelser. Låt oss dyka in i denna webbdesign trend och utforska några sätt att få det att fungera för dina projekt.
Om trenden
Mörk animering är en trend som kombinerar två element på ett tydligt sätt - en mörk svartvitt färgpalett och en cool animation. Resultatet är en fantastisk skiktad design som är subtil och moody.
Det verkar fungera för att det framkallar en känsla av mysterium. Och användarna vill lösa pusslet.Trenden kan vara svår att göra bra - och har inte alltid en bra mobilanvändarupplevelse - det som driver detta visuella mönster är intresse. På grund av alla de mörka elementen är användaren tvungen att titta på designen.
Det finns ett sant element i mysterium som driver engagemang med dessa projekt eftersom användaren blir entranced i att se vad som händer med det animerade elementet och letar efter subtila förändringar och effekter. Vad kommer hända härnäst?
Var och en av dessa mönster är sammansatt på ett annat sätt. Det finns ingen speciell typ av animation som fungerar bäst och det finns ingen uppsättning färg som måste användas, även om många av dessa mönster använder en palett av rika svarta och gråa.
Animationer kan vara lika enkla som en svängareffekt eller så utförlig som en formningsform eller producerad video.
Det verkar fungera för att det framkallar en känsla av mysterium. Och användarna vill lösa pusslet.
Varför det fungerar
Det är faktiskt svårt att förklara exakt varför denna design trend fungerar. När du tänker på det utan att se webbdesignprojekten, skulle du inte tro att mörka animerade mönster skulle bli framgångsrika.
- Det finns inte mycket färg.
- Det finns mycket liten kontrast.
- Mönstren är nästan alltför enkla.
Men kanske det är därför denna trend gör arbete. Det bryter mot reglerna för att dra användarna in i designen.
Den andra bidragande faktorn är att mörker och mystik går hand i hand. Och folk älskar bara ett bra mysterium. De lever att kunna se dolda element eller lösa ett komplext problem. Det mörka färgschemat med en animerad effekt ger ett sätt för användarna att låsa upp ett mysterium.
Dessa projekt har också en distinkt känslighetsdrag. Mörka färger är humöriga. Färgvariationerna i dessa paletter är komplexa och intressanta (från ett designperspektiv ändå). Det finns ett djupelement som är svårt att artikulera, men fascinerande att utforska.
Lägg upp alla känslor och mysterier och du kan få en uppfattning om varför användarna dras till detta visuella mönster.
Det behöver inte vara svart
Medan de flesta av dessa mönster har svarta färgpalettar, behöver de inte.
Andra mörka nyanser kan också vara effektiva och ge designers möjligheten att skapa ett mörkt animerat designmönster och hålla varumärke med färgpalett.
Oavsett färg är nyckeln till att göra dessa färgpalettar med animeringar rikedom i färgval. En rad toner (blanda en färg med grå) och nyanser (blanda en färg med svart) kan ge ett varierande utbud för en monokrom färgpalett. (Bara titta på de olika purlarna i FedEx-designen ovan.)
Medan kontrast inte är fokus för denna design trend är det viktigt. Utan noggrann kontrast i monokrom-designen kommer animationen att gå vilse i bakgrunden, vilket gör designen ineffektiv.
Några försiktighetsåtgärder
Denna design trend är inte för alla, och det är väldigt svårt att dra av det effektivt. Mörk färg animerade mönster har fel:
- Det gör inte allt så bra på mobila enheter.
- Det finns några inneboende tillgänglighetsproblem.
- Det kanske inte är tillräckligt visuellt intresse för vissa användare.
- Navigering och uppmaning till handlingsplacering kan vara utmanande.
- Miljöförhållanden - belysning etc. - kan göra konstruktionen svårare att se.
- Vissa användare kommer inte att uppskatta den humörande tonen.
- Användare kan bli uttråkad med designen snabbt, minskar tiden på platsen.
Tips för att pröva denna designtendens
Om du inte är rädd för de utmaningar som presenteras av den här designtendensen, och ha en innehållsmodell som matchar moodytonen i ett mörkt färg animerat designschema, finns det några saker du kan göra för att säkerställa projektets framgång.
- Håll dig till en ensidig design: För mycket av ett funkigt designelement kan vara överväldigande. Om du planerar att använda det här konceptet, begränsa det till en sida eller en sida i designen.
- Använd en kontrasterande färg: Vit text fungerar exceptionellt bra på mörka bakgrunder. Detsamma gäller för andra element. Se till att knappar, navigationselement, meddelandehantering och samtal till handling är lätta att se och läsa. Medan animeringen och bakgrunden inte kan kontrastera avsevärt, måste andra element vara lätta att identifiera.
- Förenkla animering: Alltför komplicerade animeringar kan överväldiga denna design. Håll dig till enkel rörelse och rörelse som inte är för snabb.
- Design i lager: Vad som gör att detta konceptarbete är att utforma i lager. Skapa separering mellan bakgrunden och de animerade elementen för en effekt som känns lite taktil och verklig. Layering kommer också att hjälpa dig att planera för bara tillräckligt kontrast för att göra elementen synliga.
- Använd fet typografi: Inte bara bör textelementen innehålla gott om färgkontrast, du kommer sannolikt att behöva använda en stark, fet typ för att säkerställa att texten inte hamnar i designen. Det borde hoppa ut ur det. Leta efter typsnitt med tjockare bokstäver och enkla slag för att säkerställa maximal läsbarhet.
Vad kommer härnäst?
Precis som med vilken designutveckling som helst, fortsätter denna estetik att utvecklas.Medan vi inte verkligen kan förutsäga vad som händer nästa, ger vissa mönster en ledtråd.
Mörk färg och animering kan vara en utrustad design i en värld av virtuell verklighet. VR är en lekplats för spel och video, som redan använder mycket mörk färgning.
Denna design trend kan vara en perfekt passform för de typer av projekt, till exempel den nya Blair Witch Project video trailer / spel webbplats, ovan.
Slutsats
Mörka färgscheman har funnits en stund, men den här nya vridningen med liknande färgade animationer är intressant. Det tenderar att vara ett av de saker som designers älskar absolut - delvis till den humöriga känslan - eller hatar på grund av de utmaningar det presenterar för användarna.
Hur som helst används denna stil oftare. Även om det fungerar bäst för vissa typer av projekt (notera antalet byråer och portföljplatser i exemplen) kan det vara ett intressant sätt att blanda upp en design. Prova det för en enda bild eller sida och se vad användarna tycker innan du investerar i ett helt mörkt färganimerat designmönster.