Væsentlige designtendenser, februar 2016
Leder du efter en hjemmeside opdatering og ved ikke, hvor du skal starte? Nogle af de mest trendy elementer i webdesign lige nu er sjove æstetisk og ret nemme at bruge.
Tilføjelse af en trendy funktion til dit nuværende design eller nybyggeri kan bidrage til at skabe en moderne vibe, der kan hjælpe med at drive besøgende til dit websted. Og hvad der er særligt rart om denne trender af tendenser, er at du kan bruge dem med eksisterende elementer, farve og typografi paletter og branding.
Her er hvad der trender i design denne måned:
1. Duotone farveskemaer
Duotone farvepaletter har eksisteret i lang tid, men den nylige tag giver en farvevaskeffekt til en duotongradient for en fuld skærm, stor effekt. Det er noget, der trængte ud på en stor måde med fladt design, men takket være fantastisk brug af Spotify duotone er tilbage.
Så hvad er duotone præcist?
Det er brugen af to farver til at danne en palette. Duotone er i den mest grundlæggende form en komplementær kombination fra farvehjulet. I mere komplekse anvendelser bruger designere alle former for farvekombinationer og bryder reglerne med parringer.
De fleste af de duotone effekter har et farvestrålende overlay oven på et billede. Den duotone effekt fremhæver mørke og lys og skaber visuel effekt med fantastisk farve. Spotify bruger det på en fantastisk måde til at lave standard kunstnerbilleder, som du sandsynligvis har set snesevis af gange, ser lige så forskellige ud til at være opmærksom.
Det er en teknik, du kan bruge på en række måder. Det fungerer med næsten ethvert designkoncept og kan bruges som et fuldskærmselement, som mange af eksemplerne ovenfor, for at skabe dominerende kunst. Det kan også bruges til at skabe en interessant baggrund, til accent brugergrænsefladeelementer eller for at hjælpe med at lægge vægt på en bestemt del af designet. Duotone fungerer bedst, når det bruges til et enkelt designelement. Teknikken kan være overvældende og bør anvendes i moderation.
2. Spildt skærm design
Websites med et split-skærm design vokser eksponentielt. Designteknikken indeholder to paneler med indhold side om side. De fleste af disse begreber bruger en symmetrisk disposition, så hver side af skærmen har samme størrelse og form.
Resultatet er en cool, dobbelt indholdsoplevelse på stationære computere og (når den er kodet korrekt) en stor skærm-for-skærmoplevelse på mindre enheder, hvor panelerne falder sammen og er stablede rulleelementer.
Designmulighederne med split-skærmen tendens er ubegrænsede-halv og halv split, splitter med kort eller grid-stil elementer, en subtil split og listen fortsætter. Hver side af designet kan også køre brugerne til forskellige typer indhold og hjælpe dig med at opsamle værdifulde brugeranalyser om den type indhold, som folk ønsker at se og klikke på.
Split-skærm design er brugervenligt, fungerer godt i lydhør rammer og overstyrer ikke andre designteknikker, som du måske vil bruge.
Her er et par måder at splitte skærmen effektivt på:
- Par farve og typografi, når du ikke har stærke billeder.
- Fokus brugerens opmærksomhed med venstre til højre bevægelse, der resulterer i en handling.
- Brug farveblokering til at dele skærmen og give din besked masser af plads, mens du øger læsbarheden.
- Tænk på en split-skærm som overdimensionerede kort. Stack beholderelementer i et mosaik eller murværkstil mønster til fremvisning af forskellige indholdstyper.
- Hold hver "skærm" enkel. Tricket til dette designkoncept er splitskærmen. En minimal stil kan hjælpe med at lægge vægt på indholdet deri.
3. Typografi i et delt rum
Dette er en af de tendenser, du næsten skal se, for at forstå: Typografi strækker sig ind i delte rum i designet. Kig på de fleste hjemmesider, og der er billeder og baggrunde og type. Elementer er enten lavet sammen, som f.eks. Typen på et billede, eller de er helt adskilt.
Flere designere bryder ud af dette format og skaber projekter, hvor typen strækker sig ind i rummene af andre elementer. Det er interessant og sjovt at se på.
Det kan også være en udfordring at skabe, på grund af bekymringer om læsbarhed.
Teknikken virker bedst med simpelt typografi, som f.eks. Et mellemstreg sans serif. Tekst skal have masser af kontrast til at skille sig ud fra baggrunden og elementer, der krydser ind i eller tværs. Af denne grund bruger de fleste af de designs, der bruger denne teknik, hvid eller sort bogstaver.
Tekst skal også have en vis størrelse for at kunne arbejde. Næsten lige så vigtig som farvekontrast, er kontrast i størrelse og rum. Du skal også være særlig opmærksom på, hvordan teksten bevæger sig med forskellige skærmstørrelser eller breakpoints, så breve ikke dækker områder af det billede, der er afgørende for din besked.
Et af de mest fantastiske eksempler på dette er fra Deux Huit Huit (du vil gerne besøge webstedet for den fulde effekt). Bogstaver flytter hen over og gennem hovedbilledet på hjemmesiden. Ordene er læsbare, da de "falder" fra billedet og krydser mellemrummet mellem billedet og baggrunden.
Konklusion
Mens mange designtendenser kommer og går næsten lige så hurtigt som du begynder at genkende dem, arbejder de, der holder fast, ofte godt sammen med andre tidstestede teknikker. Det er det der skiller mest ud af denne trio af moderne stilarter. Hver kan arbejdes ind i et layout for et strejf af nyhed. Disse teknikker er ret nemme at implementere (og fjerne senere) uden at ødelægge hele din æstetik.
Prøv en af disse teknikker til en visuel opdatering. Tænk på at komme ud af din komfort zone lidt med dristige farvevalg eller en ændring bare til din hjemmeside. Eller gå lidt mere fed og prøv en kombination af trendy teknikker til et design der virkelig skiller sig ud. (Har du bemærket, at hjemmesiden til Stikwood bruger to af trendene - skærmdesign og typografi i et delt rum?)
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.