3 viktiga designtrender, juni 2017
Ibland kan en enkel design tweak flytta din webbdesign från vanlig till trendig. Var och en av den här månadens trender är den typen av teknik, från liten typografi till geometriska egenskaper till suddig bild. Någon av dessa tekniker kan fungera i ett nytt designprojekt eller som en anpassning till en befintlig design.
Här är vad som trender i design denna månad:
1. "Tiny" Text
Verkar det som om stor typografi är en sak i det förflutna? Mindre, nästan "liten" text har börjat ersätta de stora fetstilhuvudena som har blivit ett webbdesignstämpel en stund nu. Från mindre rubriker till kroppstexter som verkar glesa har det funnits en bestämd trend i nedskrivning av typografi.
Även om det kan finnas vissa farhågor om läsbarhet när det gäller små textstorlekar, särskilt för kroppstext, är mindre teckensnitt inte en dålig sak. Överdriven typografi hade nästan börjat trending mot garish med storlekar och bokstäver som var nästan för stora att läsa med lätthet.
Mindre typsnitt känns något mjukare och ger designen mer utrymme för andra delar för ögat att flytta runt till. Tricket mot effektivitet med liten typ är att hålla bokstäverna till ett minimum. Utan mycket att läsa kan denna trend vara effektiv och intressant. Å andra sidan går stora block av typen liten typ bort och kan hindra användarens förmåga att läsa med lätthet och skanna kopiering effektivt.
Balansen är också en fråga. Alla teckensnitt måste skala något för att skapa en bra känsla av harmoni. Moonfarmer använder en lätt typ för logotypbehandling och en liten sekundärkopia. Typelementen kontrasterar snyggt och behandlingen med lätt typ verkar passa in i stämningen i bilderna.
HTML Burger tar nästan motsatt tillvägagångssätt med en fet rubrik och små sekundära textrader. De lättare beskrivande orden fungerar små eftersom de är vanliga ord-HTML, CSS, e-handel - och kontrasterar betydligt med den fortfarande överdrivna rubriken.
Mountain Dews NBA-design skjuter allt till en liten skala. Det här är en av de minsta rubrikbehandlingarna du sannolikt kommer att hitta, men i kombination med den alltför djärva X-överlagringen och videobakgrunden dras användarna fortfarande till den lilla texten.
2. Geometrisk Layering
Nya sätt att lagra element har blivit stadigt växande i popularitet. Först förde tillbaka som en vanlig och modern designteknik av Googles Material Design-ide, är geometrisk skiktning ett annat sätt att lägga visuellt intresse för bilder som kan lämna något att önska.
Vart och ett av exemplen nedan använder en ram med djärva former för att få nytt liv till bilder som är ganska vanliga - byggnader, ett mötesfoto, bilder av personer som arbetar. Tillägget av roliga former, utklipp och färg ger användaren en utgångspunkt för att komma in i designen. Observera hur varje mönster använder geometrisk för att effektivt flytta användaren från en form till det mest relevanta innehållet, till exempel en rubrik eller branding.
Geometri kan användas på ett antal sätt som integreras med resten av konstruktionen:
- skuren i bilder för att få fokus till viktiga testelement som Saltprojekt ;
- använd ett oväntat ljusgränselement för att skapa en bristpunkt utanför balans som leder användare över skärmen, till exempel Bailey och franska ;
- sätt bilder i ovanliga former för att lägga till nytt fokus på bilderna, som Alchemy Digital .
Den bästa delen av att använda geometrisk skiktning är att det är enkelt och fungerar med ganska mycket vilken typ av innehåll som helst. Användare växer vana vid cirkulära knappar och andra element som placeras ovanpå varandra för en multi-plan, mer taktil interaktiv känsla.
Vinklarna och kurvorna i geometriska element kan hjälpa till att peka användarna från ett element till det andra, och när de används effektivt är ett bra riktningsverktyg. Placera vinklar så att de "pekar" på innehållet som du vill att användarna ska se och använda cirklar för innehåll som ska ses först.
3. suddig bild
Suddig bild är en teknik som inte är ny. Men det verkar bli nytt liv med fler mönster som innehåller helt eller delvis, suddiga bilder eller video.
Suddig bild kan skapa en distinkt känsla för en webbplats med ett mysterium eller hjälpa dig att lägga tonvikten bort från bilden till annan del av designen. Vart och ett av exemplen nedan använder oskärpa av olika anledningar:
- Digitalux tar vad som skulle vara en tråkig bit av video-personer som arbetar på ett kontor-och använder blått för att lägga lite rörelse bakom huvudmeddelandet och uppmaning till handling;
- Playkot använder en suddig bakgrund för att lägga tonvikten på den roliga karaktären och intressant typografibehandling i förgrunden, och lägger till ett realitetselement för detta virtuella spelspel i äventyr
- ESPNs "Vi Fans" har en suddig stadion stil bakgrund som nästan skulle vara en fotboll arena var som helst för att visa förhandsvisningen för en tv-dokumentär; den suddiga bakgrunden bidrar till att lägga mer fokus på den roliga typen av behandling som är den främsta brandningen för serien.
Slutsats
Ibland är de största trenderna steget i utvecklingen av andra trender. Det kan vara intressant att se småstegsframstegen nästan som det händer. Det är det du brukar få när du tittar på trendelement som kan tillämpas på nästan vilket som helst projekt, som de tre trenderna som visas här.
Det fina med dessa idéer är att de är tillämpliga på nästan vilken skala som helst. Du kan till exempel lägga till liten text till din hemsida, till exempel, och se hur förändringen påverkar användarna innan du rullar ut den i större skala. Försök och test på denna nivå hjälper till att förutsäga om en trend som denna kommer att hålla strömmen eller kommer att blekna snabbt.
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.