Et blikk foran Webdesign Forutsigelser for 2018

I år ønsket jeg å gi deg tid til å bosette seg, for å få januar under belter før du peering framover på hva 2018 vil holde for webdesign. Ta en titt på disse syv spådommene og se om dine tanker stemmer overens med min!

Tradisjon dikterer

Jeg har skrevet ganske mange av disse prediksjonspostene nå - så hvis du føler deg nostalgisk, vil du kanskje se hvordan mine spådommer fra tidligere år stakk opp:

1. Gitter, Overalt

Med vedtaket av CSS Grid ser vi nye og interessante måter å organisere innhold på med nett. Dette er et godt eksempel på innovasjonen av en teknologi som presser fram implikasjonene i media selv.

CSS Grid vil tillate, for eksempel, omarrangering av innhold på måter som er mye mer dynamiske enn det vi har kunnet oppnå med Flexbox og absolutt mye mer dynamisk enn tradisjonelle flyteorienterte rutenettsystemer.

Som et resultat vil utforming av innholdsstrømmer for mobil og andre enhetsstørrelser bli mye lettere å oppnå.

For selskaper som investerer i følgende trender, vil vi sannsynligvis se den tradisjonelle rutenettet brukket, slik at rutenettet selv er en designenhet.

Lær CSS Grid Layout

2. World of Web Apps

Populariteten til React og andre komponentsystemer har gjort app orientert webutvikling den nye standarden. Raskt utløper er dagene med sidedesign og templering; ankommer er dagene av komponenter og sammensetning.

Dette vil også innlevere et større antall innfødte applikasjoner, da disse konseptene kan overføres til det opprinnelige applikasjonsmiljøet ved hjelp av verktøy som React Native.

"Ankommer er dagene av komponenter og sammensetning"

Flere designere vil bruke komponentbygging som et medium for uttrykk. I noen år har vi sett disse mikro-designene vokse i popularitet, og de er ikke bremse ned.

Hva du ikke vil se:

Kompleks app-funksjonalitet som erstatter innholdsdrevne komponenter.

Mens komponentdesign og sammensetning er fremtiden, trenger de fleste innholdsrettede nettstedene ikke nødvendigvis interaktivitet som spenner over dynamisk visning av innhold.

Hva dette betyr er at kraften i komponentdesign handler mer om å lage fleksible og gjenbrukbare moduler og konsistent designsprog, og mindre om å skape en "app-like experience".

3. Mer komplekse animasjoner og komposisjoner

Animasjonen fortsetter å vokse på nettet. Mens mye av animasjonen sett til nå har blitt brukt som blomstrende effekter i grensesnitt eller som prangende store overganger, da animasjon modner, blir det en mer integrert del av mediene selv.

Dette vil uklare linjene i elementene vi bruker, noe som gir mye mer væsketransformasjoner av innhold.

4. Bilder som Design

Webdesign har generelt skilt bilder fra designelementer. For det meste har bildene blitt behandlet som en egen del av innholdet; et vindu inn i den virkelige verden.

I 2018 og utover vil bildene bli brukt på en mer integrert måte, og utgjør en del av designen. Dekonstruksjon av bilder i lag og sammenblanding av andre elementtyper som partikler eller dynamisk tekst, vil bygge bro mellom gapet mellom bilder og andre designelementer, og skape nye krav til webbevisste fotografeposisjoner.

5. Mer illustrasjon

Organisasjoner må nå mer enn noensinne kommunisere åpenhet og troverdighet. Selv ekte gjennomsiktighet er selvsagt grunnlaget for all tillit, men det er også viktig for online kommunikasjon og designstil å skildre det troverdige bildet.

En måte å oppnå dette på er å skape en følelse av miljø og en merkevarebygging "verden". Dette er hva Geico gjør med sin talsmann Gecko-en alternativ verden hvor en vennlig, snakkende Gecko selger deg forsikring.

Andre eksempler på dette er Regions Banks grønne sykkel, anti-hero Mayhem som brukes av AllState og Voya's fargede kaniner. Du vil legge merke til at disse eksemplene er to sektorer hvor tillit alltid har vært nøkkelen (forsikring og finans).

Nå, som tillit blir en mye viktigere salgsfaktor, gir disse parallelle verdenene oss et bilde av den etiske sminke og kultur et selskap har vedtatt som sin egen.

Fra store merker Bruke Illustrasjon i 2018 av Rob Levin

De fleste bedrifter har ikke et format eller ressurser for å støtte en talsmann. Imidlertid tillater illustrativ design denne samme symbolen, bygger en verden for å forklare selskapets verdier.

Praktisk sett vil dette bety flere illustrasjoner, og illustrasjonsbelagte bilder vil dukke opp som primære elementer i design. Enten å forklare en historie eller å bygge et visuelt landskap av merkevareelementer, vil illustrasjoner tjene som en måte for bedrifter å bryte ned barrierene mellom seg selv og de menneskene de tjener.

6. Hei-væskeformede gradienter

Etter hvert som designverktøy og webfunksjoner utvikler seg, vil grensene som har begrenset webdesign for så lenge bli brutt ned. Vibrerende fargede gradienter og morfiske buede former vil gjøre veien til design sterkere enn noen gang før. Si "farvel" til solide farger.

Spotify har vært med på å presse disse trendene fremover, og vi kan se dette i Apples redesign av App Store utgitt i 2017.

Noen gradientressurser og inspirasjon kan du finne nyttige:

7. Interaktive og samtaleorienterte erfaringer

Meldingsappene er større enn noensinne, og de går ikke hvor som helst. På mange måter kan alle applikasjoner modelleres gjennom begrepet messaging, og nå er det blitt enda mer eksplisitt. Meldingsboter vokser i popularitet, og selvfølgelig er 1-til-1 menneskelig meldingstjeneste en enorm industri.

Flere og flere selskaper og tjenester vil vedta samme samspillsmodell, bygge opp erfaringer som er avhengige av gratisformularmeldinger sendt fra en bruker. AI vil bidra til å gjøre disse grensesnittene mer kraftige, særlig ettersom AI blir mer sofistikert og allment tilgjengelig som en servicemodell.

Vi har allerede sett konversasjonsgrensesnitt bli mega-selskaper i deres egen rett; WhatsApp, selvfølgelig, men for nylig lanseringen av ProductHunts produktlansering destinasjonstjeneste, Instagrams meldingsapp, og mye mer.

Forvente å se superdrevne kundeservicegrensesnitt, bestille via chatbots, og til og med små tilpasninger i brukeropplevelsen din som svar på chat messaging-veksler.

utover!

Nok snakk - gå ut der inn i den brede verden av webdesign, og se hva 2018 bringer!

Mer om hva som ligger foran 2018