3 viktige designtrender, august 2017
Hvis hundedagene på sommeren har lengter etter en endring i naturen, er denne måneds webdesign trender den perfekte starten. Mens minimalisme har vært "det" -stilen for sent, begynner flere designere å skifte mot flere detaljer og funksjoner i oppsettet. De slående designmønstrene som vi begynner å se, er et nytt alternativ til de stilte stilene vi har vant til.
Hva tror du? Er du klar for tynnere typografialternativer, mer forseggjort detaljering og ikonstillogoer? Du kan være etter å ha sett noen av disse designprosjektene.
Her er det som trender i design denne måneden:
1. Tynn (ned) typografi
Tynn type er igjen! Tynne skrifttyper fikk en dårlig rap tilbake da Apple valgte en super tynn, lett skrift for operativsystemet med iOS 7.
Designere balked på alternativet som var litt vanskelig å lese og slags bucked mange design trender skjer på den tiden. (Flat var alt raseri, men noen hevdet at Apples nesten flate kombinert med det ultratynne skrifttypen var for mye.) Samtidig ble bredere, dypere skrifttyper det dominerende elementet for nettstedets overskrift og typografi på heltbilder over rullebladet .
Tidevannet begynner å skifte den andre veien. Dagens tynne skrifttyper er noe tynnere enn det vi har vant til, men er ikke nær så tynne som Apple-alternativet.
Det beste ved å velge et tynnere skrifttype er at du har litt mer frihet i designet. Mens tynne skrifttyper ikke anbefales for kropps kopi, kan de fungere godt i større størrelser når det er rikelig med kontrast.
Eksemplene under alle viser noen av de beste bruksområder av tynnere skrifttyper:
- Bruk et tynt skrift i alle kappene for å lage en skikkelig overskrift. Dette alternativet virker ofte best med bare noen få ord, for eksempel Luksusafrikanske safarier , under. Det er like viktig å tenke på bokstavene i forhold til de faktiske bokstavene; Noen ord kan være vanskelig å lese i tynne skrifttyper eller caps.
- Par et tynt skrift med et dypere alternativ for å skape vekt, for eksempel WebDesignStudio , under.
- Bruk et tynnere skrifttype i fargen (på en kontrastbakgrunn) for å legge til visuell vekt, for eksempel Leeds Golf Centre , under.
Leter du etter inspirasjon? Her er fem Google Fonter som passer til regningen (og vil se bra ut): Source Sans Pro , dose , Omfang En , Rajdhani , Martel Sans .
2. Utførlige detaljer
Fra morsomt blomstrer til fancy typografiske behandlinger til brukergrensesnittelementer som skaper uventet glede, blir detaljerte detaljer blitt vanligere. Trikset for å lage noe forseggjort er å få det til å virke så enkelt som mulig for brukeren, noe som betyr at det må være lett å forstå og bruke.
Det flotte med detaljer er at de kan legge mye personlighet til et prosjekt. Disse elementene kan bære mellommedier fra nettstedsprosjekter til produktdesign til trykte elementer slik at alt fra et merke har samme spesielle noe visuelt. (Dette er en utmerket måte å etablere merkevaresammenheng på.)
Disse detaljene kan vises på flere måter og bør alltid legge til den totale effekten, ikke forringe den. Utførlige detaljer brukes best for en enkelt forekomst i designet og bør ikke overvelde brukere. Å bruke noe forseggjort for mange ganger kan ende opp med å skape motsatt av den tiltenkte effekten og faktisk visuelt overvelde brukere. Så når du finner ditt "triks", bruk det en gang og bruk det godt.
De Forfedre Gruppe , under, bruker utførlig styling med en gammel logotype med fargede sverd over overskriften. Typestilen er uvanlig for webdesign og kombinert med den forseggjorte logotypen, det er en slående kombinasjon. Men du kan også se hvordan denne designen kun kan være effektiv med en enkelt bruk. Typefeltet kan være vanskelig hvis det brukes til store tekstblokker, og stylingen kan komme i veien for meldingen. Her brukte designteamet det perfekt.
Vitra oppgavestoler , under, bruker utførlige brukergrensesnitt animasjoner for å engasjere brukere. Hjemmesiden inneholder en "Dra" -knapp som åpnes i produktlinjemenyen. Bakgrunnen forblir den samme i begge panelene, slik at stolene alltid blir fremhevet i videohjulet. Animasjoner mellom klikk er like interessante og selv om du ikke er klar til å kjøpe en stol, oppfordres det å bevege seg rundt nettstedet.
Noen ganger inneholder den mest forseggjorte designen ingen super spesial effekter. Bare Kite School , under, bruker morsom video ekte og stor logotype for en kombinasjon som trekker øyet inn. Mens den store logotypen ser enkel ut, kan det være tøft å lage typografi som er både lesbar og funksjonell. Her virker det vakkert og stemningen i bokstaveren samsvarer med hva du forventer av denne typen virksomhet.
3. Ikon Logoer
Er det et ikon eller en logo? Linjen mellom de to designelementene blir stadig mer krysset hele tiden. Ikon-stil logoer popper opp overalt.
Tegnet fra minimal stil, og fordi de jobber i en rekke applikasjoner, kan ikonlogoer være fargerik eller inspirert av line-art. De fleste bruker seg til en mindre stillogo i en form som også vil overføre til sosiale medier for konsekvent branding på nettet.
Ulempen med en ikonlogo er at det ikke er mye plass for et faktisk firmanavn. De beste ikonlogoerene er utformet slik at de kan stå alene eller ved siden av bokstaver, for eksempel District0x , under. Legg merke til hvordan det fargerike "d" -ikonet kan virke av seg selv - det ser flott ut i sirkelen Twitter-logoformat på grunn av den asymmetriske formen - og føles ikke i veien når den er parret med hele merkenavnet.
Jardan Furniture og Nobbys fyr , under, velg enklere ikonlogo stiler med merkenavnet som er angitt i typen nedenfor. Selv om dette er et populært alternativ, kan det opprette noen kobling mellom navnet og logoen. Velg plasseringer som forbinder elementene. Begge eksemplene er sentrert på logoen og typegodt firmanavn - for å lage en øyebane fra ett element til det neste.
Konklusjon
Det er gøy å se ettersom trender begynner å skifte fra en dynamikk til en annen. Tror du mer detaljerte stiler vil erstatte minimalisme? Eller er det bare en forbi kjepp?
Hvilke trender elsker du (eller hater) akkurat nå? Jeg vil gjerne se noen av nettstedene du er fascinert med. Slett meg en lenke på Twitter ; Jeg vil gjerne høre fra deg.