Viktiga designtrender, februari 2016
Letar du efter en webbplats uppdatera och vet inte vart du ska börja? Några av de trendigaste elementen i webbdesign just nu är roliga estetiskt och ganska lätta att använda.
Att lägga till en trendig funktion för din nuvarande design eller nybyggnad kan bidra till att skapa en modern atmosfär som kan hjälpa till att driva besökare på din webbplats. Och det som är särskilt trevligt med trenderna är att du kan använda dem med befintliga element, färg och typografipaletter och branding.
Här är vad som trender i design denna månad:
1. Duoton färgscheman
Duotonfärgpaletter har funnits länge, men den senaste tagen lägger till en färgtvättseffekt till en duotongradient för en fullskärmseffekt. Det är något som trender ut på ett stort sätt med platt design, men tack vare fantastisk användning av Spotify är duotone tillbaka.
Så vad exakt är duoton?
Det är användningen av två färger för att bilda en palett. I den mest grundläggande formen är duoton en komplementär kombination från färghjulet. I mer komplexa användningsområden använder designers alla slags färgkombinationer och bryter reglerna med parningar.
De flesta av de duotoniska effekterna har ett färgstarkt överlag ovanpå en bild. Duotoneffekten belyser mörkret och ljuset och skapar visuell påverkan med fantastisk färg. Spotify använder det på ett bra sätt för att göra vanliga konstnärsbilder som du sannolikt sett sett på tiotals gånger ser bara tillräckligt olika ut för att vara uppmärksamma.
Det är en teknik som du kan använda på olika sätt. Den fungerar med nästan alla konceptkoncept och kan användas som ett helskärmselement, till exempel många av exemplen ovan, för att skapa dominerande konst. Det kan också användas för att skapa en intressant bakgrund, att accentera användargränssnitt eller att lägga tonvikten på en viss del av designen. Duotone fungerar bäst när det används för ett enda designelement. Tekniken kan vara överväldigande och bör användas i måttlig utsträckning.
2. Utvecklad skärmdesign
Webbplatser med en skärmdesign växer exponentiellt. Designtekniken har två paneler av innehåll sida vid sida. De flesta av dessa begrepp använder en symmetrisk kontur så att varje sida av skärmen har samma storlek och form.
Resultatet är en cool erfarenhet av dubbla innehåll på stationära datorer och (när den kodas korrekt) en stor skärmupplevelse på mindre enheter, där panelerna kollapserar och staplade rullningselement.
Designmöjligheterna med split-skärmutvecklingen är gränslösa - halv och halv splittring, splittrar med kort eller rutnätelement, en subtil split och listan fortsätter. Varje sida av designen kan också driva användare till olika typer av innehåll och hjälpa dig att samla värdefull användaranalys om vilken typ av innehåll som folk vill se och klicka på.
Split-skärmdesign är användarvänliga, fungerar bra i lyhörda ramar och övermanar inte andra designtekniker som du kanske vill använda.
Här är några sätt att dela upp skärmen effektivt:
- Par färg och typografi när du inte har starka visuella.
- Fokusera uppmärksamheten hos användaren med vänster till höger rörelse som resulterar i en åtgärd.
- Använd färgblockering för att dela upp skärmen och ge ditt meddelande gott om utrymme samtidigt som du ökar läsbarheten.
- Tänk på en split-skärm som överdimensionerade kort. Stackbehållarelement i ett mosaik- eller masonry-mönster för att visa upp olika delar av innehållet.
- Håll varje "skärm" enkel. Tricket till detta designkoncept är delad skärm. En minimal stil kan hjälpa till att lägga tonvikten på innehållet däri.
3. Typografi i ett delat utrymme
Detta är en av de trender du nästan behöver se, för att förstå: typografi sträcker sig till delade utrymmen i designen. Titta på de flesta webbplatser och det finns bilder och bakgrunder och typ. Elementen är antingen sammanställda, till exempel typ på en bild, eller de är helt separerade.
Fler designers bryter ut det formatet och skapar projekt där typen sträcker sig in i mellanslag av andra element. Det är intressant och roligt att titta på.
Det kan också vara en utmaning att skapa, på grund av bekymmer om läsbarhet.
Tekniken fungerar bäst med enkel typografi, till exempel en medium-stroke sans serif. Text ska ha mycket kontrast att sticka ut från bakgrunden och några element som den korsar in i eller över. Därför använder de flesta av de mönster som använder denna teknik vit eller svart bokstäver.
Text måste också ha en viss storlek för att detta ska fungera. Nästan lika viktig som färgkontrast, är kontrast i storlek och utrymme. Du måste också vara försiktig med hur texten flyttas med olika skärmstorlekar eller brytpunkter så att bokstäver inte täcker områden av den bild som är avgörande för ditt meddelande.
Ett av de mest fantastiska exemplen på detta är från Deux Huit Huit (du vill besöka webbplatsen för full effekt). Brevning flyttar över och genom huvudbilden på hemsidan. Orden är läsbar eftersom de "faller" av bilden och korsar utrymmet mellan fotot och bakgrunden.
Slutsats
Medan många designtrender kommer och går nästan lika fort som du börjar känna igen dem, arbetar de som håller fast ofta med andra tidtestade tekniker. Det stämmer mest ut på denna trio av moderna stilar. Var och en kan arbeta in i en layout för en touch av nyhet. Dessa tekniker är ganska lätta att implementera (och ta bort senare) utan att förstöra hela din estetik.
Prova en av dessa tekniker för en visuell uppdatering. Tänk på att komma ut ur din komfortzon lite med djärva färgval eller en ändring bara till din hemsida. Eller gå lite djärvt och prova en kombination av trendiga tekniker för en design som verkligen sticker ut. (Visste du att webbplatsen för Stikwood använder två av trenderna - split-screen design och typografi i ett gemensamt utrymme?)
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.