Vigtige designtendenser, august 2016
Farve og lag. Dette par designelementer har været drivkraften bag mange af årets trends. Selvom vi ikke har set noget, overtager vi, som flade design for nogle få år siden eller mere for nylig Material Design, elementer i begge stilarter skubber designere til at udforske nye ting.
Både farvevalg og layering synes at have rødder i de større tendenser og bliver brugt i designordninger, selv uden helt flade eller materielle æstetik. Her er hvad der trender i design denne måned:
1. Masser af lagdelte elementer
Lagdelte elementer og tredimensionale effekter er den mest nødvendige teknik i 2D webrummet. Takket være de sjove teknikker, og endnu bedre how-tos, introduceres primært af Material Design, lagdelte elementer popper op i projekter af alle typer.
Hvad der er særligt rart er, at det giver en hjemmeside en mere realistisk følelse. Brugeren kan næsten nå ud og greb elementerne på skærmen. (Og det er en god ting!) Tricket er, at hvert lag skal se rigtigt og let, og lagene ser naturligt ud.
Her er et par måder at begynde at eksperimentere med lag i dine designprojekter:
- "Løft" elementer fra baggrunden med en simpel skygge eller animation. olle gør dette med flere elementer på forskellige fly, men de trækker alle sammen og ser naturligt ud.
- Tillad elementer at krydse. Tekst kan krydse ind i rummet, der er besat af et billede.
- Parallax-rulningsfunktioner er en interessant måde at oprette lagdelte elementer på (en forgrunds bevægelse over en baggrund) uden at være for overvældende.
- Brug geometriske former, animation og farvevariation til at efterligne dybden i designet. Brugere skal føle, at de næsten kan falde ind i visuals, som f.eks. Erfaringerne fra Slet agenturet .
- Opret lag ved at gå uden for lærredet, med elementer, der går ud over baggrunden eller kanten af skærmen.
- Tillad elementer at hvile oven på en struktureret baggrund for at skabe adskillelse mellem det øverste lag (som brugerne kan forestille sig at røre ved) og baggrundslag.
2. Mørke farveordninger
I et stykke tid virket det som om enhver hjemmeside var et minimalistisk ideal, herunder en skarp hvid baggrund. Denne tendens har skiftet, da mere mørke farveordninger fremkommer som designets favorit.
Og med god grund. En dejlig mørk farveskema kan være opmærksomme og ikke så hård i øjnene til nogle brugere som lys hvid. På forsiden kan mørke æstetik være lidt mere besværligt, hvis teksten er lille eller på mindre skærme (så sørg for at være særlig opmærksom på, hvordan elementer gør på mobile enheder).
Elementer, der virkelig skiller sig ud på mørke farveordninger, omfatter brugen af cool video og animation, selvom det næppe er genkendeligt. fed hvid typografi, dukker op med lys farve til accent opkald til handling eller vigtige oplysninger og passende overordnede humør.
Husk også, at mørket ikke altid betyder sort. Mørke farveskemaer kan forankres i en række nuancer fra rød til blues til grønne. Mens sorte muligheder er de mest almindelige, er det vigtigt at vælge en rig sort, der er lavet af forskellige farvekombinationer. En flad sort (eller "K black" som printdesignere kalder det) vil efterlade noget, der ønskes i webdesign.
Når du arbejder med mørke farveordninger, skal du være særlig opmærksom på at sikre, at der er korrekt kontrast mellem elementer, og at farver og billeder ikke går tabt inde i designets mørke natur. Hvid kan være en god mulighed såvel som andre primære farver med stor lysstyrke eller mætning. Husk at tænke på størrelseskontrast også. Overvej at bumpe størrelsen af alle tekstelementer med 10 til 20 procent, når du arbejder med et mørkt ramme for at sikre læsbarhed.
3. Gradienter gør et comeback
Gradienten-en af teknikkerne afskåret af fladt design-gør et comeback. (Og det bruges endda i de fleste flade mønstre.)
Gradienter arbejder, fordi de gør noget, som mange mennesker troede fladt design manglede, hvilket er at bidrage til at skabe og etablere dybde. Hvad der er nyt om gradienter denne gang er, at de ikke er vant til at efterligne teksturer eller uden formål. Dagens trend fokuserer på lyse farvande, der fremhæver indholdet. Fra fuldskærmsgradient overlejringer til baggrunde går næsten alt hvad der sker med teknikken ... så længe den er fed.
Designere gør mest ud af gradient comeback på nogle få forskellige måder:
- Gradient- "flat color" -par blander begge designideer til et dristigt udseende, som f.eks. Hjemmesiden til WPcrew .
- To-tone gradienter er et sjovt farveoverlay for at tilføje interesse for et billede, der måske mangler noget eller for at tilføje dybde til en baggrund.
- Mens mange af disse gradienter synes at være på en større skala, bliver de også brugt til mindre elementer, såsom knapper eller opmærksom på specifikt indhold.
Der er stadig et par gradienter, der ikke skal overvejes. (Da du ikke ønsker, at designet skal se ud som om det hoppede lige ud af 2012!)
- Vær forsigtig med små gradienter. Anvendelse i ikoner anbefales stadig ikke.
- Overvæld ikke indholdet. En gradient overlay på et billede kan være rart (bare tænk på nogle af de flotte effekter, Spotify funktioner regelmæssigt), men billedet skal stadig ses.
- Fede farvegradienter har en tendens til at have en let, skarp stemning. Sørg for, at dette meshes med dit indhold.
- Vær opmærksom på farvekombinationer og kontrast, når det kommer til læsbarhed. Nogle gradienter kan få lys og hvid tekst kan frembringe et problem. Sørg for at afprøve læsbarheden mod farve, forskellige responsive breakpoint og på enheder med flere størrelser. (Med gradienter kan problemer med læsbarhed til tider dukke op på steder, du ikke ville forvente.)
Konklusion
Der er ikke noget sjovere end farve når det kommer til design. Tendenser i farve er gode, fordi de er elementer, som du kan tilføje til næsten enhver stil af design uden en fuldskala overhaling. Det samme gælder for lagdelte elementer. Dette er en teknik, der kan tilføjes til et eksisterende design for at give det en mere moderne følelse.
Hvilke tendenser elsker du (eller hater) lige nu? Jeg vil gerne se nogle af de websteder, du er fascineret af. Drop mig et link på Twitter ; Jeg vil gerne høre fra dig.