3 væsentlige designtendenser, juni 2017
Nogle gange kan en simpel design tweak flytte dit website design fra almindeligt til trendigt. Hver af denne måneds tendenser er den type teknik, fra lille typografi til geometriske træk til sløret billeddannelse. Enhver af disse teknikker kan fungere i et nyt designprojekt eller som en tilpasning til et eksisterende design.
Her er hvad der trender i design denne måned:
1. "lille" tekst
Synes det, at overdreven typografi er en fortid? Mindre, næsten "lille" tekst er begyndt at erstatte de store dristige overskrifter, der i et stykke tid har været et website design hæfteklammer. Fra mindre overskrifter til krops tekst, der synes sparsom, har der været en konkret tendens i nedskrivning af typografi.
Selv om der kan være nogle bekymringer om læsbarhed, når det kommer til små tekststørrelser, især for kropstekst, er mindre skrifttyper ikke en dårlig ting. Overdimensioneret typografi var næsten begyndt at træde mod garish med størrelser og bogstaver, der var næsten for store til at læse med lethed.
Mindre skrifttyper føles noget blødere og giver designet mere plads til andre elementer for øjet at flytte rundt til. Tricket til effektivitet med lille type er at holde bogstaverne til et minimum. Uden meget at læse, kan denne tendens være effektiv og interessant. På den anden side går store blokke af typen lille type tabt og kan forhindre brugerens evne til at læse med lethed og scanne kopi effektivt.
Ligevægt er også en bekymring. Alle skrifttyperne skal nedskalere noget for at skabe en god følelse af harmoni. Moonfarmer bruger en let skrifttype til logotypebehandlingen og en lille linje af sekundær kopi. Typelementerne kontrasterer pænt, og behandlingen af lystypen synes at passe til stemningen i billedet.
HTML Burger tager næsten den modsatte tilgang med en fed overskrift og små sekundære tekstlinjer. De lettere beskrivende ord arbejder små, fordi de er almindelige ord-HTML, CSS, e-handel - og kontrast væsentligt med den stadig store overskrift.
Mountain Dews NBA design skubber alt til en lille skala. Dette er en af de mindste overskriftsbehandlinger, du sandsynligvis finder, men i kombination med den alt for dristige X-overlejring og video baggrund, bliver brugerne stadig trukket til den lille tekst.
2. Geometrisk Layering
Nye måder at lagelementer på er stadigt voksende i popularitet. Først bragt tilbage som en generel og moderne designteknik af Googles Material Design-ide, er geometrisk lagdeling en anden måde at tilføre visuel interesse for billeder, der kan efterlade noget, der ønskes.
Hvert af eksemplerne nedenfor anvender en ramme med dristige former for at bringe nyt liv til billeder, der er noget almindelige - bygninger, et mødefoto, billeder af mennesker, der arbejder. Tilføjelsen af sjove figurer, udskæringer og farve giver brugeren et udgangspunkt for at komme ind i designet. Bemærk, hvordan hvert af designerne bruger geometrisk til effektivt at flytte brugeren fra en form til det mest relevante indhold, f.eks. En overskrift eller branding.
Geometri kan bruges på en række måder, der integrerer med resten af designet:
- skåret i billeder for at bringe fokus til vigtige testelementer som Saltprojekter ;
- Brug et uventet lyst grænseelement til at oprette et off-balance brændpunkt, der fører brugerne på tværs af skærmen, f.eks Bailey og fransk ;
- sæt fotos i usædvanlige former for at tilføje nyt fokus på billederne, som f.eks Alchemy Digital .
Det bedste ved at bruge geometrisk layering er, at det er nemt og fungerer med stort set enhver form for indhold. Brugere er vant til cirkulære knapper og andre elementer, der er placeret oven på hinanden for en multi-plan, mere taktil interaktiv følelse.
Vinklerne og kurverne i geometriske elementer kan hjælpe med at pege brugerne fra et element til det næste, og når de bruges effektivt, er det et rigtig rigtigt værktøj. Positionsvinkler, så de "peger" til det indhold, du vil have, brugerne skal se og bruge cirkler til indhold, der skal ses først.
3. Sløret billede
Sløret billed er en teknik, der ikke er ny. Men det ser ud til at være at få nyt liv med flere designs, der indeholder helt eller delvist slørede billeder eller video.
Sløret billeder kan skabe en tydelig følelse for et websted med et element af mystik eller hjælpe med at skubbe vægten væk fra billedet til anden del af designet. Hvert af eksemplerne nedenfor bruger uskarphed af forskellige årsager:
- Digitalux tager hvad der ville være en kedelig smule video-folk, der arbejder i et kontor - og bruger blå til at tilføje lidt bevægelse bag hovedbeskeden og opfordring til handling;
- Playkot bruger en sløret baggrund for at lægge vægt på den sjove karakter og interessant typografibehandling i forgrunden og tilføjer et element af virkeligheden til dette virtuelle gammeldags spileventyr;
- ESPNs "Vi Fans" har en sløret stil på stadion stil, der næsten ville være en fodbold arena overalt for at fremvise forhandsvisningen til en tv-dokumentar; den slørede baggrund hjælper med at sætte mere fokus på den sjove type behandling, der er den vigtigste branding til serien.
Konklusion
Nogle gange er de største tendenser stepping stones i udviklingen af andre tendenser. Det kan være interessant at se de små trin fremskridt næsten som det sker. Det er det, du har tendens til at få, når du kigger på trendelementer, der kan anvendes på næsten ethvert projekt, som de tre tendenser fremvist her.
Det gode ved disse ideer er, at de finder anvendelse på næsten enhver skala. Du kan f.eks. Tilføje lille tekst til din hjemmeside f.eks. Og se, hvordan ændringen påvirker brugerne, før den rulles ud i større målestok. Prøvning og test på dette niveau hjælper med at forudsige, om en tendens som denne vil have strøm eller vil forsvinde hurtigt.
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.