3 væsentlige designtendenser, august 2017
Hvis hundens sommerdage har længes efter en naturskift, er denne måneds webdesigntendenser den perfekte start. Mens minimalisme har været "it" -stilen for sent, begynder flere designere at skifte mod flere detaljer og funktioner inden for layoutet. De slående designmønstre, som vi begynder at se, er et nyt alternativ til de strippede stilarter, vi har været vant til.
Hvad synes du? Er du klar til tyndere typografi muligheder, mere detaljerede detaljer og ikon stil logoer? Du kan være efter at have set nogle af disse designprojekter.
Her er hvad der trender i design denne måned:
1. Tynd (ned) typografi
Tynd type er tilbage i! Tynde skrifttyper fik en dårlig rap tilbage, da Apple valgte en super tynd, let skrifttype til operativsystemet med iOS 7.
Designere balked på den mulighed, som var lidt svært at læse og slags bucked mange design tendenser sker på det tidspunkt. (Flat var alt raseri, men nogle argumenterede for, at Apples næsten fladt kombineret med det ultra-tynde skrifttype var for meget.) Samtidig blev bredere og dristige skrifttyper det dominerende element for webstedets overskrift og typografi på heltebilleder over rullebladet .
Tidevandet begynder at skifte modsat. Dagens tynde skrifttyper er noget tyndere end det, vi er vant til, men er ikke så tynde som Apple-indstillingen.
Det bedste ved at vælge en tyndere skrifttype er, at du har lidt mere frihed ind i designet. Mens tynde skrifttyper ikke anbefales til body copy, kan de fungere godt i større størrelser, når der er masser af kontrast.
Eksemplerne nedenfor viser alle de bedste anvendelser af tyndere skrifttyper:
- Brug et tyndt skrifttype i alle hætter til at skabe en skarp overskrift. Denne mulighed virker ofte bedst med kun få ord, f.eks Luksusafrikanske safaris , nedenfor. Det er lige så vigtigt at tænke på bogstaverne i forhold til de faktiske bogstaver; nogle ord kan være svært at læse i tynde skrifttyper eller hætter.
- Par et tyndt skrifttype med en større mulighed for at skabe vægt, som f.eks WebDesignStudio , nedenfor.
- Brug en tyndere skrifttype i farver (i en kontrastfarve) for at tilføje visuel vægt, f.eks Leeds Golf Center , nedenfor.
Leder du efter inspiration? Her er fem Google-skrifttyper, der passer til regningen (og vil se godt ud): Source Sans Pro , dosis , Anvendelsesområde 1 , Rajdhani , Martel Sans .
2. Uddybte detaljer
Fra sjov blomstrer til fancy typografiske behandlinger til brugergrænsefladeelementer, der skaber uventet glæde, uddybes detaljer bliver mere almindelige. Tricket til at skabe noget uddybende er at få det til at virke så enkelt som muligt for brugeren, hvilket betyder, at det skal være let at forstå og bruge.
Det store ved detaljer er, at de kan tilføje en masse personlighed til et projekt. Disse elementer kan bære tværs mellem hjemmesider til produktdesign til trykte elementer, så alt fra et mærke har det samme specielle noget visuelt. (Dette er en glimrende måde at etablere brandsammenhæng på.)
Disse oplysninger kan vises på en række måder og bør altid tilføje til den samlede effekt, ikke forringe den. Udførlige detaljer bruges bedst til en enkelt forekomst i designet og bør ikke overvælde brugere. Brug af noget udførligt for mange gange kan ende med at skabe det modsatte af den tilsigtede effekt og faktisk visuelt overvælde brugere. Så når du finder dit "trick", brug det en gang og brug det godt.
Det Forfædre Gruppe , nedenfor bruger udførlig styling med en gammeldags logotype med farvede swashes over overskriften. Typestilen er usædvanlig for webdesign og kombineret med den uddybte logotype, det er en slående kombination. Men du kan også se, hvordan dette design kun kan fungere effektivt med en enkelt brug. Typefeltet kan være svært, hvis det bruges til store tekstblokke, og stylingen kan komme i vejen for messaging. Her brugte designteamet det perfekt.
Vitra Opgave Stole , herunder bruger udførlige brugergrænseflade animationer til at engagere brugere. Hjemmesiden indeholder en "Træk" -knap, der åbner i produktlinjen menuen. Baggrunden forbliver den samme i begge paneler, så stolene altid bliver fremhævet i videohjulet. Animationer mellem klik er lige så interessante, og selvom du ikke er klar til at købe en stol, opmuntres det at flytte rundt på hjemmesiden.
Nogle gange indeholder det mest udførlige design ingen super specielle effekter. Kun Kite School nedenfor bruger en sjov video reel og stor logotype til en kombination der trækker øjet ind. Mens den store logotype ser enkel ud, kan det være svært at skabe typografi, der er både læsbar og funktionel. Her virker det smukt, og stemningen i bogstaverne svarer til, hvad du ville forvente af denne type forretning.
3. Ikon Logoer
Er det et ikon eller et logo? Linjen mellem de to designelementer bliver mere krydset hele tiden. Ikon-stil logoer popper op overalt.
Tegnet fra den minimale stil, og fordi de virker i en række applikationer, kan ikonlogoer være farverige eller inspireret i line-art. De fleste anvendelser lænker sig mod et mindre stillogo i en form, der også overfører til sociale medier for konsekvent branding online.
Ulempen ved et ikonlogo er, at der ikke er plads til et rigtigt firmanavn. De bedste ikonlogoer er designet, så de kan stå alene eller sammen med bogstaver, som f.eks District0x , nedenfor. Bemærk, hvordan det farverige "d" -ikon kunne virke af sig selv - det ser godt ud i cirkel Twitter-logoformat på grund af den asymmetriske form - og føles ikke i vejen, når det er parret med det fulde mærke.
Jardan Møbler og Nobbys fyrtårn , nedenfor, vælge mere enkle ikonlogo stilarter med mærket angivet i typen nedenfor. Selvom dette er en populær mulighed, kan det skabe nogle afbrydelser mellem navn og logo. Vælg placeringer, der forbinder elementerne - begge eksempler er centreret på logoet og typen af firmanavn - for at skabe en øjensti fra et element til det næste.
Konklusion
Det er sjovt at se, da tendenser begynder at skifte fra en dynamik til den næste. Tror du, at mere detaljerede stilarter vil erstatte minimalisme? Eller er det bare en forbipasserende fad?
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.