Viktiga designtrender, augusti 2016
Färg och lager. Detta par designelement har varit drivkraften bakom många av årets trender. Medan vi inte har sett någonting tar vi över, som en platt design för några år sedan eller mer nyligen Material Design, element i båda stilar driver designers för att utforska nya saker.
Både färgval och layering verkar ha rötter i de större trenderna och används i designscheman även utan helt platt eller materiell estetik. Här är vad som trender i design denna månad:
1. Massor av lagerelement
Lagret element och tredimensionella effekter är den måste-ha tekniken i 2D webbutrymme. Tack vare de roliga teknikerna, och ännu bättre sätt, introduceras huvudsakligen av Material Design, lägger skiktelementen upp i projekt av alla slag.
Det som är särskilt trevligt är att det ger en webbplats en mer realistisk känsla. Användaren kan nästan nå ut och ta tag i elementen på skärmen. (Och det är bra!) Tricket är att varje lager ska se riktigt och lätt och lag ser naturligt ut.
Här är några sätt att börja experimentera med lager i dina designprojekt:
- "Lift" -elementen av bakgrunden med en enkel skugga eller animering. Olle gör det med flera element på olika plan, men alla drar ihop och ser naturligt ut.
- Tillåt element att korsa. Text kan korsa in i det utrymme som upptas av en bild.
- Parallax-rullningsfunktioner är ett intressant sätt att skapa skiktade element (en förgrundsrörelse över en bakgrund) utan att vara för överväldigande.
- Använd geometriska former, animering och färgvariation för att efterlikna djupet i designen. Användare ska känna att de nästan kan falla in i bilderna, till exempel den erfarenhet som upprättats av Radera byrån .
- Skapa skikt genom att gå utanför duken, med element som går utöver bakgrunden eller kanten på skärmen.
- Tillåt element att vila ovanpå en strukturerad bakgrund för att skapa separation mellan toppskiktet (vilket användarna kan tänka sig att röra faktiskt) och bakgrundsskiktet.
2. Mörka färgscheman
Ett tag tycktes det tyckas att varje hemsida var ett minimalistiskt ideal, inklusive en stark vit bakgrund. Den trenden har skiftat eftersom mer mörka färgscheman kommer fram som designens favorit.
Och med god anledning. Ett fint mörkt färgschema kan vara uppmärksamhetsfullt och är inte lika hårt för vissa användares ögon som ljusvit. På flipsidan kan mörk estetik vara lite mer besvärlig om texten är liten eller på mindre skärmar (så var noga med att vara särskilt försiktig med hur element gör på mobila enheter).
Elements som verkligen står på mörka färgscheman inkluderar användningen av cool video och animering, även om det knappast är känt igen. djärv vit typografi, dyker upp i ljus färg till accent call-to-action eller viktig information och lämplig övergripande humör.
Kom ihåg också, det mörka betyder inte alltid svart. Mörka färgscheman kan rotas i olika nyanser från röda till blues till gröna. Medan svarta alternativ är vanligast är det viktigt att välja en rik svart som är gjord av olika färgkombinationer. En platt svart (eller "K svart" som skrivdesigners kallar det) lämnar något att önska i webbdesign.
När du arbetar med mörka färgordningar, var noga med att se till att det finns riktig kontrast mellan element och att färger och bilder inte går vilse i designens mörka natur. Vit kan vara ett bra alternativ såväl som andra primära färger med mycket ljusstyrka eller mättnad. Kom ihåg att tänka på storlekskontrast också. Överväg att bumpa upp storleken på alla textelement med 10 till 20 procent när du arbetar med en mörk ram för att garantera läsbarheten.
3. Gradienter gör en comeback
Gradienten - en av de tekniker som avlägsnas av platt design - gör en återkommande. (Och det används till och med i oftast platta mönster.)
Gradienter fungerar eftersom de gör något som många tyckte att planlösningen saknades, vilket är att hjälpa till att skapa och etablera djup. Vad som är nytt om gradienter denna gång är att de inte är vana vid att efterlikna texturer eller utan syfte. Dagens trend fokuserar på ljusa graderingar som betonar innehållet. Från fullskärmshöjd överlagringar till bakgrunder går nästan allt när det gäller tekniken ... så länge den är fet.
Designers gör det mesta av gradient comeback på några olika sätt:
- Gradient- "flat color" -par blandar både designidéer för en djärv look, till exempel webbplatsen för WPcrew .
- Tvåtonade gradienter är ett roligt färgöverlägg för att lägga intresse för ett foto som kan vara något brist eller att lägga till djup i en bakgrund.
- Medan många av dessa gradienter tycks vara i större skala används de också för mindre element, till exempel knappar eller för att uppmärksamma specifikt innehåll.
Det finns fortfarande några graderingar som inte kan övervägas. (Eftersom du inte vill att den designen ska se ut som den hoppade rätt ut ur 2012!)
- Var försiktig med små gradienter. Användning i ikoner rekommenderas fortfarande inte.
- Överväldiga inte innehållet. En övergångsöverlägg på ett foto kan vara trevligt (tänk bara på några av de snygga effekterna som Spotify funktioner regelbundet), men bilden behöver fortfarande vara urskiljbar.
- Djärva färggraderingar tenderar att ha en ljus, snygg känsla. Se till att det här möts med ditt innehåll.
- Var uppmärksam på färgkombinationer och kontrast när det gäller läsbarhet. Vissa gradienter kan få ljus och vit text kan presentera ett problem. Se till att du testar läsbarheten mot färg, olika responsiva brytpunkter och på enheter med flera storlekar. (Med gradienter kan läsbarhetsproblem ibland dyka upp på platser du inte skulle förvänta dig.)
Slutsats
Det finns inget roligare än färg när det gäller design. Trender i färg är trevliga eftersom de är element som du kan lägga till nästan alla stilar av design utan en fullskalig översyn. Detsamma gäller för skiktelement. Detta är en teknik som kan läggas till en befintlig design för att ge den en modernare känsla.
Vilka trender älskar du (eller hatar) just nu? Jag skulle gärna se några av de webbplatser som du är fascinerad av. Släpp mig en länk på Twitter ; Jag skulle gärna höra från dig.