Vigtige designtendenser, juni 2016
Designere ændrer reglerne for webdesign takket være kreativ problemløsning. Automatisk afspilning af lyd, blanding af ægte og illustrerede billeder og endda lagdelogoer på toppen af fotos er nogle af de hotteste designteknikker lige nu, og alle tre begreber blev betragtet som tabu for ikke så længe siden.
Her er hvad der trender i design denne måned:
1. Automatisk afspilning lyd
Det var ikke så længe siden, at reglen ikke inkluderede lyd på dit websted, medmindre det var valgfrit. Og du ville helt sikkert ikke gå til auto-play-ruten.
Disse tabeller har vendt! Det, der plejede at være en båndbredde, der er svær, påtrængende design, bliver ganske almindelig.
Lyd bruges specielt til et par forskellige webstedstyper - til medierelateret indhold som musik, film eller nyheder og til spil eller storyline-design. Tricket til at bruge lyd er, at det skal indeholde en tænd / sluk-knap til brugere, der stadig vil interagere med et websted i stilhed.
Lyden er, at det ikke bør komme til et chok for brugerne. Mange steder, som f.eks Dette var Louises telefon , der bruger auto-play lyd bruger en buffer af sorter for at vise, at lydindholdet indlæses. Kombiner denne belastningshandling med en skifteknap, og brugerne kan bestemme, om lyden er for dem eller ej, før webstedet laver den første støj.
Et andet trick når det kommer til at bruge lyd er at starte blidt. Du ønsker ikke, at brugerne skal hoppe ud af deres stole, fordi dit design åbnes med en heavy metal rift. Alle lyd til crescendo fra næsten en hviske til fuld lydstyrke i de første par sekunder.
Endelig er det vigtigt, at lyd (især når det spiller automatisk) er en vigtig del af indholdet, som bidrager til den samlede brugeroplevelse. Brug ikke lyd bare fordi du vil prøve noget nyt; brug det med det formål. Vær også opmærksom på dette - selv med lyd som en del af designet, vil mange brugere få adgang til indholdet uden det. Design klogt.
2. Blanding af billeder og illustration
Det kan være en hård teknik at trække af, men linjen mellem fotografering og illustration er blevet krydset. Blanding af ægte og håndtrukne elementer kan tilføre en luft af whimsy til et projekt, der både er sjovt og visuelt spændende.
Gør det uden at være cheesy for at have en varig indvirkning på brugerne. Her er et par forslag:
- Brug illustrationer til ikoner og knapper og fotografering til dominerende visuel påvirkning
- Opret et visuelt mønster, der bruger det meste billede, men tilføj kort video- eller billedområder til vægt
- Tilføj animerede illustrerede elementer til et strejf af noget andet i nærheden af fotos
- Opret et emblem eller logo, der er illustreret til brug med mærkebilleder eller på emballage, der vises i brandbilleder
- Brug illustration til at hjælpe brugerne gennem andre visuelle billeder og fortælle en historie
skræddersyet er et godt eksempel på denne mix-and-match tilgang til fotografi og illustration. Et finansielt planlægningsfirma er ikke et sted, hvor du måske forventer at finde denne teknik i aktion, men den er effektiv. Animerede illustrationer i baggrunden af billeder af mennesker tilføjer interesse for, hvad der ellers ville være et kedeligt headshot. Den animerede hover statistik tager fat på brugerens opmærksomhed og opfordrer til at rulle. Endnu flere illustrationer bruges i ikonerne for websteder til at opmuntre til klik og tilføje visuel flair til tekst-tunge dele af designet.
3. Badges oven på heltebilleder
Badges er overalt, hvor du drejer lige nu. Fra logo design til vintage retro typografi stilarter, der kunne kaldes hipster favoritter, er disse enkle elementer blevet en fast del af minimal design stilarter. De er også en fælles mulighed for design, der mangler i fotografering.
Det skifter dog, da flere designere bruger badges med stjerneløsning i heltebilleder. Trenden er eksemplificeret ved et enkelt hero billede (typisk ikke en skyder) med et hvidt eller semitransparent badge på toppen. Badges er ofte centreret vandret og lodret, selv om placeringerne kan variere.
Det er et slående billede til logo (eller tekst) kontrast. Hvad der gør dette arbejde er, at det store billede trækker brugere ind. Badge tjener som omdrejningspunkt for, hvad der ofte er et noget svagt eller løst billede. (Det er ikke at sige, at billederne, der bruges i denne type stil, er dårlige, men de drager fordel af hjælp af et badge.)
Denne tendens er en udvikling af noget, vi har set i et stykke tid med heltens billedoverskrifter. Oversized, bold typografi valg var dille sidste år. Dette er et naturligt skift på grund af populariteten af badge-stilarter og lighed mellem, hvor stor størrelse og mærker der bruges.
- Begge tendens til at være hvid eller lystype
- Begge har en tendens til at hamre hjem en enkelt besked til brugerne
- Begge arbejder i design, der ikke har mange konkurrerende billeder
- Begge er modige og dristige, fordi de kun tilbyder brugerne ét rigtigt indgangssted
- Begge arbejder usædvanligt godt med stock photography
- Begge stilarter tilbyder en fed visuel løsning, når du ikke har mange fotoudstillinger
- Begge stilarter gør sig til at føje et strejf af animation på andre steder (som f.eks. En hover tilstand) for at lokke brugere, fordi der ikke er mange andre bevægelige elementer, såsom video eller en billedskyder
Hvad er dejligt med et stort badge er, at det kan tjene dual-duty som dit brand mærke så godt. (Dette er en god mulighed for små virksomheder eller porteføljesider.) Opret et badge med ideen i tankerne om, at det bliver dit logomark. Designfarve og hvide versioner til at blande og matche alt efter brug. Denne ekstra funktionalitet er en anden grund til, at badges er så populære lige nu.
Konklusion
Er du modig nok til at tilføje auto-play musik til dit website design eller blande ægte og illustreret billedsprog? Begge tendenser kommer med et element af risiko og mulighed for udbetaling. Hvis du ikke er helt klar til disse tendenser, er der noget, der kan fungere for næsten enhver form for designoversigt, med et badge over en helt. Du kan også gøre denne justering i flyve og bruge den efter behov.
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.