Viktiga designtrender, mars 2017
Här är tonvikten ...
Det är temat den här månaden. Denna samling av trender fokuserar på att lägga tonvikt på designen med detaljerad detaljering från kursiv till att dela skärmar till starka, minimalistiska bakgrunder ihop med ett trick eller två.
Här är vad som trender i design denna månad:
1. Dela skärmar
Split skärmdesign var något som började få traction i mitten av 2016 och nu är det en stor sak. Bläddra igenom samlingar av webbdesign och delade skärmkonturer finns överallt.
Vad är trevligt är hur snabbt stilen har utvecklats. Tidigt delade skärmdesigner presenterade mestadels symmetriska mönster med en yin och yang stil estetisk. De nya splitskärmarna har en mer "vad som helst" känner för dem.
De tre exemplen nedan visar tre väldigt olika sätt att använda samma trend.
- Va- använder en split design för att innehålla en loop video och huvudnavigering. Kontrasten mellan det vita området och det röda är starkt och tvingar ögat över skärmen. Det säkerställer också att användaren kommer att hitta navigeringen eftersom den är det enda elementet inom den färgade delen av konstruktionen.
- GECN är en komplex statlig webbplats som använder en delad skärm för att förmedla två olika idéer med två länkar omedelbart i designen. Medan delningen inte är fullskärmad och innehåller mycket text, är detta ett bra alternativ för en design med många anrop till handling, användarbas eller komplicerat innehåll.
- Försagd använder ett koncept som liknar Rency men med en vridning: Designen har en fullskärmsljud och halvdelen är täckt med en tonad färglåda. Alla klickbara element är inuti det tonade området och navigeringsmenyn är gömd i videolens högra högra hörn.
Vad varje exempel har gemensamt är att split-skärmdesignen lägger tonvikten på innehållet. Det bidrar till att driva användarna till specifika delar i konstruktionen genom att använda färg och med verklig eller uppfattad rörelse, tack vare kontrasterande "skärmar".
Den bästa delen av de nyare delade skärmdesignerna är att det finns ett asymmetriskt flöde för dem. Designern är inte fast i ett yin och yang-format och resultatet är mycket mer intressanta visuella mönster.
2. Kursiv
En av de minst använda karaktärstilarna blir att spela mer som ett visningsalternativ.
Kursiv gör sig in i typografiska paletter av designers, och inte bara för tillfällig tonvikt. Mer kursiv används för bildskärmar, sekundära element som länkar eller menyalternativ eller för större fokusering.
Kursiv är en fräsch ta på dina typiska typ stilar. Eftersom de inte används så mycket, är den här trenden säker på att fånga besökarnas uppmärksamhet, även om de inte är säkra på hur bokstaven fick sin uppmärksamhet i första hand.
Kursiv är en subtil förändring som inte ens kräver en ny typografipalett. De kommer med några försiktighetsåtgärder och förslag på bästa praxis.
- För att få ut det mesta av kursivet, använd dem sparsamt för små textblock.
- Använd en läsbar typsnitt om du planerar att kursivera; nyhet alternativ kan bli svårt.
- Använd typsnittet kursiv och försök inte skapa din egen version med snedställda bokstäver. (Det kan bli rörigt i skynda.)
- Använd kursiv för att representera vanliga kursiverade element, till exempel titeln på något, som utställningar i många av följande exempel.
- Par kursiv med en enkel effekt, till exempel en animering eller färg, för ännu mer tonvikt.
- Eftersom kursiv kan vara lite svårare att läsa, se till att det finns gott om kontrast mellan typ och bakgrund.
- Par kursiv typ alternativ med en enkel serif eller sans serif typsnitt för att inte förringa kursiv.
3. Massiva bakgrunder med ett "trick"
Ett av de enklaste sätten att skapa visuell betoning är med kontrasterande element. Medan en solidfärgsbaggrund kan tyckas ren eller platt kan den vara en perfekt duk för ett designtrick, som animering, illustration eller ljud.
Kontrasten mellan bakgrundens starkhet och tricket hjälper till att få användargränssnittet till liv. Från de enkla studsande rutorna i 3K design till den roliga tecknen från Retrace Health till parallax rullning av Florian Monfrini .
Var och en av effekterna sticker ut på grund av bakgrundens enkelhet. Dessutom kommer dessa bakgrunder inte heller i vägen för konstruktionen. Var och en är vit eller pastell och bleknar ur förgrunden så att användarna fokuserar på meddelandet om det primära innehållet. (Svarta eller enkla mörka bakgrunder kan fungera lika bra.)
Det är därför det fungerar: Användare är inte fastnade i duken och designen dyker nästan av skärmen. Det är nästan som konst på en vägg. Om väggen är målad med vilda färger och mönster kan det vara svårt att se den inramade bilden som du är där för, men en konst på en vit vägg är ett prydnadsstycke.
Denna designtendens skapar ett prydnadsstycke för det trick du har velat ta med i ett projekt. Det kan vara nästan vad som helst. Och det blir höjdpunkten i designen med en enkel duk för att visa den.
En försiktighet när du planerar ett färgval för en enkel bakgrund: För den mest effektiva hållfastheten håller du en vit, svart eller neutral färg. Fet, ljusa färger är nästan ett designtrick i sig och kan förringa ditt mål.
Slutsats
Varje design behöver lägga tonvikten på någonting. Det är därför denna grupp av trender är så uppfriskande. Varje understryker något viktigt för användarna med ett lättförståeligt sätt att lägga tonvikten på. Användare vet exakt vad kursiv betyder och de kan se varians i delade skärmar eller bakgrunder som står i kontrast med användargränssnittet.
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.