Viktige designtrender, juni 2016
Designere endrer reglene for webdesign, takket være kreativ problemløsing. Automatisk avspilling av lyd, blanding av ekte og illustrerte bilder og jevne lagringslogoer på toppen av bildene er noen av de hotteste designteknikkene akkurat nå, og alle tre konseptene ble ansett som tabu for ikke så lenge siden.
Her er det som trender i design denne måneden:
1. Automatisk avspilling lyd
Ikke så lenge siden, var regelen ikke å inkludere lyd på nettstedet ditt, med mindre det var valgfritt. Og du ville definitivt ikke gå til auto-play-ruten.
Disse tabellene har slått! Det som pleide å være en båndbredde hogging, påtrengende design funksjonen blir ganske vanlig.
Lyd brukes spesielt for et par forskjellige nettstedstyper - for medierelatert innhold som musikk, filmer eller nyheter og for spill eller storyline-typedesign. Trikset for å bruke lyd er at det må inneholde en av / på-knapp for brukere som fortsatt vil samhandle med et nettsted i stillhet.
Lyden er at den ikke burde komme til sjokk for brukerne. Mange steder, for eksempel Dette var Louises telefon , som bruker auto-play lyd, bruker en buffer av sorter for å vise at lydinnholdet lastes inn. Kombiner denne lasthandlingen med en bryterbryter, og brukerne kan avgjøre om lyden er for dem eller ikke før nettstedet gjør den første støyen.
Et annet triks når det gjelder å bruke lyd er å starte mykt. Du vil ikke at brukerne skal hoppe ut av sine stoler fordi designen din åpnes med en heavy metal rift. Alle lyd til crescendo fra nesten en hviske til fullt volum i de første få sekundene.
Endelig er det viktig at lyden (spesielt når den spiller automatisk) er en viktig del av innholdet som bidrar til den generelle brukeropplevelsen. Ikke bruk lyd bare fordi du vil prøve noe nytt; bruk den med hensikt Vær også oppmerksom på dette - selv med lyd som en del av designet, vil mange brukere få tilgang til innholdet uten det. Design klokt.
2. Blanding av bilder og illustrasjon
Det kan være en tøff teknikk å trekke av, men linjen mellom fotografering og illustrasjon har blitt krysset. Ved å blande ekte og hånddrevne elementer kan du legge til en luft av whimsy til et prosjekt som både er morsomt og visuelt spennende.
Gjør det uten å være cheesy for å få varig innvirkning på brukerne. Her er noen forslag:
- Bruk illustrasjoner for ikoner og knapper, og fotografering for dominerende visuell påvirkning
- Lag et visuelt mønster som bruker det meste illustrasjon, men legg til kort video eller bildeområder for vektlegging
- Legg til animerte illustrerte elementer for et snev av noe annet i nærheten av bilder
- Opprett et merke eller en logo som er illustrert for bruk med merkefotografier eller på emballasje som vil vises i merkevaremagasin
- Bruk illustrasjon for å veilede brukere gjennom andre visuals og fortell en historie
skreddersydd er et godt eksempel på denne mix-and-match-tilnærmingen til fotografering og illustrasjon. Et finansielt planleggingsfirma er ikke et sted hvor du kan forvente å finne denne teknikken i aksjon, men den er effektiv. Animerte illustrasjoner i bakgrunnen av bilder av mennesker legger til interesse for det som ellers kunne være et kjedelig headshot. Den animerte hoverstatistikken griper oppmerksomheten til brukeren og oppfordrer til å bla. Enda flere illustrasjoner brukes i nettstedikonogrammen for å oppmuntre til klikk og legge til visuell stil i tekst-tunge deler av designet.
3. Merker på toppen av helten bilder
Merker er overalt du slår akkurat nå. Fra logo design til vintage retro typografi stiler som kan bli kalt hipster favoritter, har disse enkle elementene blitt en fast del av minimal design stiler. De er også et vanlig alternativ for design som mangler i fotografering.
Det skifter imidlertid, ettersom flere designere bruker merker med stjerneløsning i heltebilder. Trenden er eksemplifisert av et enkelt heltbilde (vanligvis ikke en glidebryter) med et hvitt eller halvtransparent merke på toppen. Merkene er ofte sentrert horisontalt og vertikalt, men plasseringer kan variere.
Det er et slående bilde til logo (eller tekst) kontrast. Det som gjør dette arbeidet er at det store bildet trekker inn brukere. Merket tjener som et fokuspunkt for det som ofte er et noe svakt eller løs bilde. (Det er ikke å si bildene som brukes i denne typen stil er dårlige, men de drar nytte av hjelp av et merke.)
Denne trenden er en utvikling av noe vi har sett på en stund med heltens bildeoverskrifter. Overdimensjonerte, dype typografivalg var mani i fjor. Dette er et naturlig skifte på grunn av populariteten til merkestiler og likhet mellom hvor stor størrelse og merker som brukes.
- Begge har en tendens til å være hvit eller lys type
- Begge har en tendens til å hamre hjem en enkelt melding til brukerne
- Begge arbeider i design som ikke har mange konkurrerende visualer
- Begge er dristige og dristige fordi de bare tilbyr brukerne ett reelt innlegg
- Begge jobber eksepsjonelt godt med stock photography
- Begge stilene gir en dristig visuell løsning når du ikke har mange bildealternativer
- Begge stilene gir seg mulighet til å legge til en animasjon på andre steder (for eksempel en hover-tilstand) for å lokke brukere fordi det ikke er mange andre bevegelige elementer, for eksempel video eller en skyveknapp
Det som er fint med et flott merke er at det kan tjene dual-duty som merkevaren din også. (Dette er et flott alternativ for små bedrifter eller porteføljesider.) Lag et merke med ideen med tanke på at det vil være din logomark. Design farge og hvite versjoner for å mikse og matche avhengig av bruk. Denne funksjonaliteten er en annen grunn til at merkene er så populære akkurat nå.
Konklusjon
Er du modig nok til å legge til automatisk spillmusikk til ditt webdesign eller blande ekte og illustrert bilder? Begge trendene kommer med et element av risiko og mulighet for utbetaling. Hvis du ikke er helt klar for disse trendene, er det noe som kan fungere for nesten hvilken som helst form for design, og å inkludere et merke over en helt. Du kan også gjøre denne justeringen i fly og bruke den etter behov.
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.