Det er ingen hemmelighet at IT-bransjen utvikler seg med stormskritt. Ny teknologi, ny maskinvare, nye prosjekter. Alt dette har ikke blitt spart på av webutvikling. Nå er sidene langt fra de samme som de var for minst et par år siden. Ganske mange ting har endret seg, og nå litt mer detaljert.
Bruke en videobakgrunn
Det ser ut til at bakgrunnen har vært brukt i lang tid. Men det ble et virkelig betydelig fragment av stedets interiør først i år. For mange brukere forårsaker det en ekte "wow"-effekt.
Et eksempel på en god implementering av en videobakgrunn - http://globalmonitoring.ru/
Parallakseeffekt
Et annet tilsynelatende velstående konsept, men først nylig begynte å bli brukt overalt. Hvis noen ikke vet, er dette en måte å legge til volumetriske lag på nettstedet, få dem til å bevege seg etter behov. Med andre ord for å gi mer interaktivitet.
Eksempel - https://www.grabandgo.pt/
JavaScript og biblioteker
Apropos interaktivitet. Har du sett minst ett nettsted uten js i 2017? Ikke meg. Og poenget er ikke engang i js selv, men i bibliotekene. Ja, jQuery er kult, men alle de beste frontend-utviklerne har allerede byttet til react.js, angular.js, vue.js og andre biblioteker. Selv skal jeg lære meg en av dem i fremtiden (sannsynligvis vue.js).
Hvor vil du uten js? Alle disse hoppende elementene, mørkere, jevne overganger og så videre - alt er praktisk å implementere gjennom skript.
Tilpasningsevne
Noe verdt å snakke om separat, og vi vil definitivt snakke om det. Responsivt nettsteddesign er ikke engang en 2017-trend. Dette er en generell trend de siste årene. Som bruker av en av frilansbørsene til det russiske Internett ser jeg hver dag applikasjoner av typen: "Opprett et adaptivt nettsted" eller "Nettstedet er allerede der, du trenger en adaptiv" og så videre. Folk forstår at nå bruker menneskeheten mye mer tid på smarttelefoner enn ved datamaskinen, derfor er opprettelsen av et adaptivt nettsted (med Mobile First-prinsippet) i prinsippet en veldig viktig komponent i å lage nettsteder.
Bots
Sannsynligvis det mest interessante punktet i denne artikkelen er bots. I dag er det få som trenger enkle sider. Gi all interaktivitet, husdyr til stedet. En bot er en slags assistent, som brukes veldig aktivt nå. De enkleste eksemplene er VKontakte og telegram-roboter, som selv sender deg all informasjon på forespørsel eller uten. Dette er veldig praktisk for administratorene til fellesskapet der boten kjører. Alt er raskt, vakkert og automatisert.
Artikkelen er delt inn i to hovedområder: grafikk i webdesign og selve utviklingen, og hver seksjon har sine egne komponenter.
WEBDESIGNTRENDER
Så la oss starte med 2017-nettdesigntrendene og hva som venter oss i 2018. Hvilke endringer har skjedd i grafikk, bruk av fonter, animasjon og video, og så videre.
Grafisk design
Trenden anses som fasjonabel - flat design. Vektorgrafikk brukes med tillegg av raster for aksenter, nedenfor er eksempler på slike nettsteder. Minimalisme og responsiv design, enkel og forståelig for nettstedets brukere.
 |
 |
 |
Vektorbilder
Bruken av vektoren på nettsteder øker, den er lett, noe som betyr at lasting går raskere. Siden vektoren kan strekkes og komprimeres som du vil, vil grafikken din alltid se bra ut på skjermen til enhver enhet, uansett oppløsning. For vektorbilder, bruk SVG-formatet (Scalable Vector Graphics). De fleste vektorredigerere lar deg lagre i dette formatet, og det er ikke behov for spesifikk programvare.
Fargeløse - spøkelsesknapper
Bevegelsen mot minimalisme påvirket også utformingen av knappene. Bruken av denne typen knapper i webdesign øker. Slike knapper overbelaster ikke nettstedet og ser originale ut. Siden vår bruker også slike knapper nederst i artikkelblokken.
 |
 |
 |
Klikk på bildet for å forstørre det
Stilig 3D-grafikk
3D-grafikk får også fart på det nye året. 3D-komposisjoner passer bra med flat design og utfyller den, gir den mer dybde og understreker modernitet.
Klikk på bildet for å forstørre det
Animasjon, video og interaktive objekter
Nettsteder begynte å bruke levende bilder og bakgrunner, det tiltrekker seg definitivt oppmerksomhet og gir nettstedet litt dynamikk. Bruken av video og all slags animasjon for brukerinteraksjon har også økt.
Komplekse netting
Tilbake på slutten av 2016 dukket retningen til nettsteder opp ved hjelp av dynamiske, komplekse rutenett med en ultramoderne design.
Geometri i ulike former
Bruk av geometriske former av ulike typer for tekst, informasjonsmarkerte blokker og bakgrunner. Rektangler og firkanter er flotte for å fremheve viktige ting.
 |
 |
 |
Klikk på bildet for å forstørre det
Trendy farger
Her hvem liker hva, og hva passer per definisjon for hvert prosjekt. Det eneste som kan sies er at fargene blir mer levende. I kombinasjon med god kontrast er det mer praktisk for brukeren å navigere på siden og oppfatte informasjon.
Ubetinget tilpasning
Nå er det ikke lenger nødvendig å si at nettsteder skal gjøres vennlige for mobile enheter. Tilpasning er en ubetinget faktor for et moderne nettsted. Det er veldig viktig å tenke over designen i mobilversjonen slik at alle viktige elementer er tilgjengelig for brukeren og han intuitivt forstår navigasjonen på nettstedet.
Kontroversen avtar ikke om hvordan man best kan sette et ikon eller en inskripsjon. Testresultater på 240 000 mobilbrukere.
Alternativer til mobilmenyer
Hvis det ikke er mange seksjoner på nettstedet, er det bedre å bruke faner som en meny, eller legge til en knapp til dem på slutten i en ekstra rullegardinmeny.
Fleksibel dynamisk meny
Løsningen ligger i en meny som tilpasser seg bredden på skjermen, viser så mange faner som mulig, og skjuler det som ikke er inkludert under "Mer".
NETTVIKLINGSTRENDER
Gjennomtenkt design
Ikke bare en grafisk designer bør være involvert i utviklingen av et nettsteddesign, men også promoteringsspesialister og markedsførere. Plasseringen av hvert element har sitt eget formål, for et komfortabelt opphold for brukeren.
Mindre tekst er bedre!
Tekstdelen av nettstedet skal være lakonisk, så mye som mulig i hovedsak, og avsløre det foreslåtte emnet. Hvis mulig, suppler den med tekniske detaljer, som: priser, egenskaper osv.
CMS-vurdering
Du kan alltid se den siste vurderingen. Uansett hvilket alternativ du velger, husk at i henhold til de offisielle uttalelsene fra søkemotorer, er det ingen grunnleggende forskjell på hva nettstedet ditt er laget av. Enhver motor eller rammeverk må modifiseres for best mulig funksjonalitet til prosjektet ditt.
Hvert år lærer vi noe nytt om design og 2016 er intet unntak. Artikkelen vi skrev i fjor var en så suksess at vi bestemte oss for å komme med noen spådommer for 2017, så la oss komme i gang!
En ny artikkel er sluppet →← Les og bli inspirert!Designtrender er påvirket av media, teknologi, moteindustrien og, i det siste, brukervennlighet. Trenden dukker opp sakte, gradvis, trenger gjennom alle retninger av designet, og forsvinner deretter på nøyaktig samme måte. I utgangspunktet varer designtrender ikke mer enn ett eller to år. Designet i 2017 vil fortsette trendene som dukket opp i 2016 med tillegg av noen nye endringer, denne følelsen er velkjent og kjent og du har kanskje lagt merke til den de siste par årene. Hovedinnflytelsen forblir hos Googles materialdesign, med mindre endringer.
Hvilke nettdesigntrender venter oss i 2017
01. Semi Flat Design
De siste årene har flatt design vært det mest populære i webdesignmarkedet, men nå, påvirket av Material Design, blir det mer og mer endimensjonalt. Denne overgangen starter med noen lyse skygger, noe som gjør den til en semi-flat design. Utviklingen av flat design fra minimalistisk stil beveger seg inn i nye teknologier under utvikling. Det flate designet er der fortsatt, men det har gjennomgått noen forbedringer.
Glatt skyggelegging gir dybde og kompleksitet uten å ødelegge den flate designfølelsen. Denne nye funksjonen er lagt til den flate trenden og vil fortsette å utvikle seg i 2017.
Prosjekt: Ressurs | UI / UX-verktøy for webtjenester
Forfattere: Ruslan Latypov; LS grafikk; Anton Mishin; Valery Gurkov
Prosjekt: Lytterens spilleliste
02. Kino
Cinemagraphs er ikke de samme GIF-animasjonene som vi ser på Internett overalt. Cinemagraphs er stillbilder med mindre bevegelseselementer. Denne teknikken gjør et enkelt bilde mer realistisk.
03. Mer 3D
3D beveger seg definitivt i vår retning, og vi vil se denne innflytelsen på alle områder av design. Med VR/AR-teknologi som øker tempoet i et raskt tempo, utvikler dette området seg ganske raskt. 
Prosjekt: ELSKER DET
Prosjekt: Åpne årlige priser
Prosjekt: Air Max '17
Prosjekt: NIKE F.C. | 3D-gyldne kuler i den virkelige verden
Prosjekt: Bedre du merkevare
04. Animasjoner
Animasjon er mer og mer til stede i webdesign, formatet kan være hva som helst - WebGL CSS, GIF, SVG eller video. Animasjon har vært en av de viktigste nettdesigntrendene det siste året, så bruk den gjerne.
Prosjekt: Nickelodeon Kids velger presidenten
Prosjekt: AR Virtual Fitness Coach-app
Prosjekt: ZH OURO- Rio 2016
05. Énsides nettsteder / landingssider (landingssider)
I 2017 vil vi se økningen av enkeltsidesider på grunn av deres potensiale for markedsføringsformål og deres evne til å bedre målrette besøkende.
Trenger du en landingsside kan du bestille den hos meg →
06. Geometriske former, mønstre, linjer og sirkler
Denne trenden startet i 2016 og vil garantert fortsette i 2017. Du kan tilpasse nettstedet ditt ganske enkelt ved å legge til noen moderne former, enten flate eller med en myk skygge.
Prosjekt:
Prosjekt: DRAP.agency Branding
Prosjekt: Pfizer - Active og 50+ for The New York Times
07. Modige farger
Bruk lyse farger for å skille seg ut. Materialer og flate design passer godt sammen med livlige farger. Du kan bruke fargepaletten fra Google for å velge og matche fargene du ønsker.
Prosjekt: Edris - Logo Designet av MiLo
Prosjekt: Gjengitt - Responsivt demonettsted for Adobe
Prosjekt: b2mach
08. Innovativ rulling og parallakse
Dette er en flott visuell idé som vil gi et unikt preg på ethvert nettsted. Fra flerlagsparallakse til videoparallakse, alt er mulig med D.ex Multilayer Parallax-plugin. Dette produktet ble utviklet i sin helhet av Milothemes studio under ledelse av Loredana Papp og Mihai Baldean. Den er tilgjengelig for kjøp på Envato Market / codecanyon.net
Dette er en WordPress-plugin som lar deg lage vakre Parallax-bokser med mer enn ett lag. Vær kreativ og kombiner lag i hvilken som helst stil du vil. Vi har laget 12 forskjellige eksempler i plugin-guiden for å gjøre din første introduksjon til parallaksens vidunderlige verden enklere. Lek med lag!
09. Fargeoverganger / gradienter (fargeoverganger)
Gradienter er en av hovedtrendene akkurat nå. Thrand begynte å få popularitet i 2016 og fortsetter å vokse raskt etter at store merker som Instagram bestemte seg for å endre logoen og bildene sine fra én farge til en flerfarget overgang (gradient). Fra logoer til knapper eller bildeoverlegg, denne trenden er overalt.
10. Visninger fra mobile enheter, responsiv design (mobil surfing (responsiv design))
I 2015 og 2016 så en betydelig økning i mobilvisninger. Nettbrett og smarttelefoner er nå prioritert for nettsurfing, og overgår stasjonære og bærbare datamaskiner – og denne trenden fortsetter. Enhver nettside som ikke har et responsivt webdesign må oppdateres ASAP!
Prosjekt: Responsiv nettstedsanimasjon
11. Egendefinert grafikk og illustrasjoner
Arkivfotografering er fortsatt ganske populært, men en ny trend har dukket opp i 2016 og vil fortsette å vokse i 2017: bruk av skreddersydd grafikk og illustrasjoner. Hvis du vil ha et unikt vakkert nettsted som alle besøkende vil huske deg, kan du jobbe med digitale designere. Dermed er det færre arkivbilder og mer originale, unike bilder.
12. Kreativ bruk av nøytral plass og rutenett
De siste årene har webdesign tendert mer mot velordnede, organiserte kolonner og rutenett, men i 2016 så vi et betydelig skifte mot uregelmessig lagdeling og ultramoderne design.
13. Historiefortelling
Nettsteder begynner nå å fortelle historier for å vinne over kunden. Folk har en tendens til å huske historier mer enn å lese enkel (tørr) informasjon.
Mer video om historiefortelling fra Business Youth:
14. Lat lasting
Lazy Loading forsinker lasting av bilder på lange nettsider, dette gjør at informasjon vises på et spesifikt punkt mens du ruller nedover, noe som reduserer sideinnlastingstiden.
15. Del innhold
Delt innhold er populært i responsiv webdesign akkurat nå, det deler skjermen i 2 eller flere deler. Dette nettstedet med delt skjerm vil vise seeren flere like viktige meldinger i en blokk av nettstedet. Denne trenden dukket opp i 2015, men i 2017 vil den fortsette å vokse, og mest sannsynlig vil du se den på mange nettsteder.
16. Skjemaer i full bredde (fullskjermsskjemaer)
Det er ikke nødvendig å navigere til en annen side for å fylle ut skjemaet, siden nye nettsteder bruker skjemaer i full bredde som tilpasser seg responsiv design.
17. Videoer overalt
Videoinnhold har vokst det siste året og folk har blitt mer krevende for video av høy kvalitet. Videoen på nettstedet kan være kort og satt til automatisk repetisjon, og vise et produkt eller storstilt filmprosjekt som vil holde seeren involvert i historien.
Prosjekt: Hillsong
18. Administrerende direktør er viktig! (SEO er viktig)
SEO er veldig viktig for en nettside, så en vakker nettside uten god SEO vil være en outsider.
19. Skjult navigasjon
Hamburgermenyen skaper mye kontrovers om hvor vanskelig det er for brukere å finne en meny, men én ting er sikkert – denne trenden vil fortsette og folk vil etter hvert venne seg til en slik meny.
20. Små designdetaljer
Fokuset på detaljer er veldig viktig i år. Små detaljer som navigasjonspunkter osv. Fokus på små detaljer vil gjøre jobben komplett.
Prosjekt: Barometa - Neste generasjons jobbplattform
21. Logodesigntrender
21.1. Minimalistisk
Alle store merker beveger seg mot enklere, minimale design, og denne trenden vil fortsette.
21.2. Hånd tegnet
Denne trenden har vært i søkelyset de siste årene og er en flott stil for hipsterbransjen. Den brukes til frisører, kafeer, restauranter, kunst og håndverksartikler.
21.3. Negativ plass
Det er en gammel trend, men vi har sett den ta fart de siste årene og vil fortsette å vokse i 2017, så det er absolutt verdt å se nærmere på.
21.4. Beskjæring
Mer minimalistisk enn denne trenden skjer aldri. Viser kun hva det er nok å angi i logoen for å gjenkjenne selskapet, og ingenting annet.
21.5. Geometrisk
Denne trenden er fra kategorien Old school, men det er en av de stilene som definitivt aldri vil dø.
21.6. Linjekunst
Denne trenden er populær blant neste generasjons bedrifter.
Forfattere: Sam frisk; Andrea Schlaffer; Jacek Janiczak
21.7. Mønstre, mønstre (mønster)
Mønstre er en ny trend, og denne repetisjonen er en uvanlig måte å få en bedrift til å skille seg ut og skille seg ut fra konkurrentene. Denne originale retningen kan også brukes i presentasjonen av logoer.
Forfattere: Nick Edlin; Stanislav Aleynikov; Lucas gil-turner
21.8. Animerte logoer
Motion design er en populær trend i dag, og vi kan observere den innen alle designområder.
Kreditt: Javier Miranda Nieto; Arbeidet co
21.9. Årgang
Vintagestilen er fortsatt i spill. Selv om denne trenden har vært populær lenge, har den fortsatt noe å si.
Forfattere: Roman Dodonov; Mingo ideer opp; Skal prøve videre
21.10. Fargeoverganger
Gradienter er overalt i år – og logoer er intet unntak.
21.11. Illustrasjoner i logoer
Illustrasjoner er en god måte å lage en unik og personlig logo for virksomheten din. De blir mer og mer populære i år.
Forfattere: Bodea Daniel; Jacek Janiczak
21.12. Fotografering i logoer
Å kombinere bilder med typografi er veldig populært i disse dager. De fungerer veldig godt sammen og dette skaper en kontrast mellom dem.
22. Typografitrender
22.1. Stor, dristig og vakker typografi
Typografi er uten tvil det viktigste elementet i å lage fantastiske design. I år blir typografien fet (fet) og stor med fremtredende overskrifter.
Forfattere: Alexander Laguta
Forfattere: Quim Marin
Prosjekt: Baugasm-serien - pakke 4
22.2. Fargeoverganger i typografi
Gradienter er uten tvil en trend i dag, og du finner dem også i typografi.
22.3. Visuelt hierarki
Hierarki i typografi er viktig i enhver designretning. Ved hjelp av størrelsen og bredden på skriften kan den enkelt angi hvilke ord eller overskrifter som er prioritert, så bruk denne faktoren når du lager tekstene dine. Du bør også huske at du kan oppnå et tydelig visuelt hierarki gjennom plasseringen og fargen på teksten.
22.4. Liten typografi
Svært liten tekst er vanligvis omgitt av et motsatt fargerom, men du kan skape en visuell forskjell mellom en farge eller et bilde for å få teksten til å skille seg ut. Du kan også bruke animasjon for å få teksten til å skille seg ut.
Forfattere: Slava Oleinik; Bahaa Samir; Vittig digital
Prosjekt: Baugasm-serien - pakke 4
22.5. Animert typografi
Animasjon brukes overalt nå, og typografi er intet unntak. Hvis du bruker bevegelsesprogramvare, vil du ikke gå galt i år.
Prosjekt: Gotham Pro animert skriftsnitt gratis
22.6. Typografi møter fotografi
En kombinasjon mellom tekst og fotografi kan gi flotte resultater. Sjekk ut disse flotte eksemplene.
22.7. Geometriske former og typografi
Geometriske former kan fungere godt med typografi for å skape en fin touch.
22.8. Fontparing
Bruk to eller flere fonter sammen. Det er fortsatt trending i 2017.
———————————
Hvert år lærer vi noe nytt om design og 2016 er intet unntak. Artikkelen vi skrev i fjor var en så suksess at vi bestemte oss for å komme med noen spådommer for 2017, så la oss komme i gang!
En ny artikkel er sluppet →← Les og bli inspirert!Designtrender er påvirket av media, teknologi, moteindustrien og, i det siste, brukervennlighet. Trenden dukker opp sakte, gradvis, trenger gjennom alle retninger av designet, og forsvinner deretter på nøyaktig samme måte. I utgangspunktet varer designtrender ikke mer enn ett eller to år. Designet i 2017 vil fortsette trendene som dukket opp i 2016 med tillegg av noen nye endringer, denne følelsen er velkjent og kjent og du har kanskje lagt merke til den de siste par årene. Hovedinnflytelsen forblir hos Googles materialdesign, med mindre endringer.
Hvilke nettdesigntrender venter oss i 2017
01. Semi Flat Design
De siste årene har flatt design vært det mest populære i webdesignmarkedet, men nå, påvirket av Material Design, blir det mer og mer endimensjonalt. Denne overgangen starter med noen lyse skygger, noe som gjør den til en semi-flat design. Utviklingen av flat design fra minimalistisk stil beveger seg inn i nye teknologier under utvikling. Det flate designet er der fortsatt, men det har gjennomgått noen forbedringer.
Glatt skyggelegging gir dybde og kompleksitet uten å ødelegge den flate designfølelsen. Denne nye funksjonen er lagt til den flate trenden og vil fortsette å utvikle seg i 2017.
Prosjekt: Ressurs | UI / UX-verktøy for webtjenester
Forfattere: Ruslan Latypov; LS grafikk; Anton Mishin; Valery Gurkov
Prosjekt: Lytterens spilleliste
02. Kino
Cinemagraphs er ikke de samme GIF-animasjonene som vi ser på Internett overalt. Cinemagraphs er stillbilder med mindre bevegelseselementer. Denne teknikken gjør et enkelt bilde mer realistisk.
03. Mer 3D
3D beveger seg definitivt i vår retning, og vi vil se denne innflytelsen på alle områder av design. Med VR/AR-teknologi som øker tempoet i et raskt tempo, utvikler dette området seg ganske raskt. Prosjekt: ELSKER DET
Prosjekt: Åpne årlige priser
Prosjekt: Air Max '17
Prosjekt: NIKE F.C. | 3D-gyldne kuler i den virkelige verden
Prosjekt: Bedre du merkevare
04. Animasjoner
Animasjon er mer og mer til stede i webdesign, formatet kan være hva som helst - WebGL CSS, GIF, SVG eller video. Animasjon har vært en av de viktigste nettdesigntrendene det siste året, så bruk den gjerne.
Prosjekt: Nickelodeon Kids velger presidenten
Prosjekt: AR Virtual Fitness Coach-app
Prosjekt: ZH OURO- Rio 2016
05. Énsides nettsteder / landingssider (landingssider)
I 2017 vil vi se økningen av enkeltsidesider på grunn av deres potensiale for markedsføringsformål og deres evne til å bedre målrette besøkende.
Trenger du en landingsside kan du bestille den hos meg →
06. Geometriske former, mønstre, linjer og sirkler
Denne trenden startet i 2016 og vil garantert fortsette i 2017. Du kan tilpasse nettstedet ditt ganske enkelt ved å legge til noen moderne former, enten flate eller med en myk skygge.
Prosjekt:
Prosjekt: DRAP.agency Branding
Prosjekt: Pfizer - Active og 50+ for The New York Times
07. Modige farger
Bruk lyse farger for å skille seg ut. Materialer og flate design passer godt sammen med livlige farger. Du kan bruke fargepaletten fra Google for å velge og matche fargene du ønsker.
Prosjekt: Edris - Logo Designet av MiLo
Prosjekt: Gjengitt - Responsivt demonettsted for Adobe
Prosjekt: b2mach
08. Innovativ rulling og parallakse
Dette er en flott visuell idé som vil gi et unikt preg på ethvert nettsted. Fra flerlagsparallakse til videoparallakse, alt er mulig med D.ex Multilayer Parallax-plugin. Dette produktet ble utviklet i sin helhet av Milothemes studio under ledelse av Loredana Papp og Mihai Baldean. Den er tilgjengelig for kjøp på Envato Market / codecanyon.net
Dette er en WordPress-plugin som lar deg lage vakre Parallax-bokser med mer enn ett lag. Vær kreativ og kombiner lag i hvilken som helst stil du vil. Vi har laget 12 forskjellige eksempler i plugin-guiden for å gjøre din første introduksjon til parallaksens vidunderlige verden enklere. Lek med lag!
09. Fargeoverganger / gradienter (fargeoverganger)
Gradienter er en av hovedtrendene akkurat nå. Thrand begynte å få popularitet i 2016 og fortsetter å vokse raskt etter at store merker som Instagram bestemte seg for å endre logoen og bildene sine fra én farge til en flerfarget overgang (gradient). Fra logoer til knapper eller bildeoverlegg, denne trenden er overalt.
10. Visninger fra mobile enheter, responsiv design (mobil surfing (responsiv design))
I 2015 og 2016 så en betydelig økning i mobilvisninger. Nettbrett og smarttelefoner er nå prioritert for nettsurfing, og overgår stasjonære og bærbare datamaskiner – og denne trenden fortsetter. Enhver nettside som ikke har et responsivt webdesign må oppdateres ASAP!
Prosjekt: Responsiv nettstedsanimasjon
11. Egendefinert grafikk og illustrasjoner
Arkivfotografering er fortsatt ganske populært, men en ny trend har dukket opp i 2016 og vil fortsette å vokse i 2017: bruk av skreddersydd grafikk og illustrasjoner. Hvis du vil ha et unikt vakkert nettsted som alle besøkende vil huske deg, kan du jobbe med digitale designere. Dermed er det færre arkivbilder og mer originale, unike bilder.
12. Kreativ bruk av nøytral plass og rutenett
De siste årene har webdesign tendert mer mot velordnede, organiserte kolonner og rutenett, men i 2016 så vi et betydelig skifte mot uregelmessig lagdeling og ultramoderne design.
13. Historiefortelling
Nettsteder begynner nå å fortelle historier for å vinne over kunden. Folk har en tendens til å huske historier mer enn å lese enkel (tørr) informasjon.
Mer video om historiefortelling fra Business Youth:
14. Lat lasting
Lazy Loading forsinker lasting av bilder på lange nettsider, dette gjør at informasjon vises på et spesifikt punkt mens du ruller nedover, noe som reduserer sideinnlastingstiden.
15. Del innhold
Delt innhold er populært i responsiv webdesign akkurat nå, det deler skjermen i 2 eller flere deler. Dette nettstedet med delt skjerm vil vise seeren flere like viktige meldinger i en blokk av nettstedet. Denne trenden dukket opp i 2015, men i 2017 vil den fortsette å vokse, og mest sannsynlig vil du se den på mange nettsteder.
16. Skjemaer i full bredde (fullskjermsskjemaer)
Det er ikke nødvendig å navigere til en annen side for å fylle ut skjemaet, siden nye nettsteder bruker skjemaer i full bredde som tilpasser seg responsiv design.
17. Videoer overalt
Videoinnhold har vokst det siste året og folk har blitt mer krevende for video av høy kvalitet. Videoen på nettstedet kan være kort og satt til automatisk repetisjon, og vise et produkt eller storstilt filmprosjekt som vil holde seeren involvert i historien.
Prosjekt: Hillsong
18. Administrerende direktør er viktig! (SEO er viktig)
SEO er veldig viktig for en nettside, så en vakker nettside uten god SEO vil være en outsider.
19. Skjult navigasjon
Hamburgermenyen skaper mye kontrovers om hvor vanskelig det er for brukere å finne en meny, men én ting er sikkert – denne trenden vil fortsette og folk vil etter hvert venne seg til en slik meny.
20. Små designdetaljer
Fokuset på detaljer er veldig viktig i år. Små detaljer som navigasjonspunkter osv. Fokus på små detaljer vil gjøre jobben komplett.
Prosjekt: Barometa - Neste generasjons jobbplattform
21. Logodesigntrender
21.1. Minimalistisk
Alle store merker beveger seg mot enklere, minimale design, og denne trenden vil fortsette.
21.2. Hånd tegnet
Denne trenden har vært i søkelyset de siste årene og er en flott stil for hipsterbransjen. Den brukes til frisører, kafeer, restauranter, kunst og håndverksartikler.
21.3. Negativ plass
Det er en gammel trend, men vi har sett den ta fart de siste årene og vil fortsette å vokse i 2017, så det er absolutt verdt å se nærmere på.
21.4. Beskjæring
Mer minimalistisk enn denne trenden skjer aldri. Viser kun hva det er nok å angi i logoen for å gjenkjenne selskapet, og ingenting annet.
21.5. Geometrisk
Denne trenden er fra kategorien Old school, men det er en av de stilene som definitivt aldri vil dø.
21.6. Linjekunst
Denne trenden er populær blant neste generasjons bedrifter.
Forfattere: Sam frisk; Andrea Schlaffer; Jacek Janiczak
21.7. Mønstre, mønstre (mønster)
Mønstre er en ny trend, og denne repetisjonen er en uvanlig måte å få en bedrift til å skille seg ut og skille seg ut fra konkurrentene. Denne originale retningen kan også brukes i presentasjonen av logoer.
Forfattere: Nick Edlin; Stanislav Aleynikov; Lucas gil-turner
21.8. Animerte logoer
Motion design er en populær trend i dag, og vi kan observere den innen alle designområder.
Kreditt: Javier Miranda Nieto; Arbeidet co
21.9. Årgang
Vintagestilen er fortsatt i spill. Selv om denne trenden har vært populær lenge, har den fortsatt noe å si.
Forfattere: Roman Dodonov; Mingo ideer opp; Skal prøve videre
21.10. Fargeoverganger
Gradienter er overalt i år – og logoer er intet unntak.
21.11. Illustrasjoner i logoer
Illustrasjoner er en god måte å lage en unik og personlig logo for virksomheten din. De blir mer og mer populære i år.
Forfattere: Bodea Daniel; Jacek Janiczak
21.12. Fotografering i logoer
Å kombinere bilder med typografi er veldig populært i disse dager. De fungerer veldig godt sammen og dette skaper en kontrast mellom dem.
22. Typografitrender
22.1. Stor, dristig og vakker typografi
Typografi er uten tvil det viktigste elementet i å lage fantastiske design. I år blir typografien fet (fet) og stor med fremtredende overskrifter.
Forfattere: Alexander Laguta
Forfattere: Quim Marin
Prosjekt: Baugasm-serien - pakke 4
22.2. Fargeoverganger i typografi
Gradienter er uten tvil en trend i dag, og du finner dem også i typografi.
22.3. Visuelt hierarki
Hierarki i typografi er viktig i enhver designretning. Ved hjelp av størrelsen og bredden på skriften kan den enkelt angi hvilke ord eller overskrifter som er prioritert, så bruk denne faktoren når du lager tekstene dine. Du bør også huske at du kan oppnå et tydelig visuelt hierarki gjennom plasseringen og fargen på teksten.
22.4. Liten typografi
Svært liten tekst er vanligvis omgitt av et motsatt fargerom, men du kan skape en visuell forskjell mellom en farge eller et bilde for å få teksten til å skille seg ut. Du kan også bruke animasjon for å få teksten til å skille seg ut.
Forfattere: Slava Oleinik; Bahaa Samir; Vittig digital
Prosjekt: Baugasm-serien - pakke 4
22.5. Animert typografi
Animasjon brukes overalt nå, og typografi er intet unntak. Hvis du bruker bevegelsesprogramvare, vil du ikke gå galt i år.
Prosjekt: Gotham Pro animert skriftsnitt gratis
22.6. Typografi møter fotografi
En kombinasjon mellom tekst og fotografi kan gi flotte resultater. Sjekk ut disse flotte eksemplene.
22.7. Geometriske former og typografi
Geometriske former kan fungere godt med typografi for å skape en fin touch.
22.8. Fontparing
Bruk to eller flere fonter sammen. Det er fortsatt trending i 2017.
———————————
Nyttårsaften er det noen som gjetter på kaffegruten og kaster tøfler over skuldrene. Og designere prøver å sondere fremtiden og fange trender som vil bli hovedtemaet i 2017. Vi vil prøve også. Vi vil stole ikke bare på smaken og det faktum at "art director sa det", men også på analysen.
1. Video er et funksjonelt element
Tekster er for vanskelige, du må konsentrere deg. Bildene er ikke informative. Og video er en type innhold som en moderne internettbruker er klar til å konsumere og smadre med. Og når du forteller brukeren en historie – for eksempel hvordan en kompleks nettsideutviklingsprosess er strukturert – bruk den. Film og vis hvordan en analytiker lager prototyper og en designer tegner mockups. Fordyp brukeren i historien og svar på spørsmålene de måtte ha.
Og slutt å skyve video der en kunde ber om noe fantastisk innenfor et budsjett. Video for skjønnhet er brukerens knuste håp. Han ser og håper at de vil vise ham noe nyttig, fortelle en historie. Men nei. Derfor, som et dekorativt element i webdesign som ikke utfører en nyttig funksjon, forblir video i 2016.
Ja: En video som svarer på brukernes spørsmål og løser oppgavene til siden.
Nei: Videoen er i bakgrunnen, fordi den er vakker og generelt gjør alle det.
2. Kino i stedet for video
Bruk kinogrammer. De er mer interessante enn statiske bilder, men de inspirerer ikke brukerne til falske forhåpninger, som videoer uten plot og formål.
Forsiktig! Kinogrammer er fryktelig klissete.
3. Fontgrafikk
Et annet alternativ til videoer og bilder er typegrafikk. Det dekorerer samtidig nettstedet og gjør det mer informativt. Hovedproblemet her er kvalitetsinnhold. Men det er en helt annen historie.
4. Ikoner er det viktigste dekorative elementet
Hvorfor trenger du bilder, videoer og fonter, hvis du kan legge til "wow" til ikonene som uansett vil være på siden? Seriøst, legg til litt egendefinert animasjon og avslutt der. Vær den mest trendy.
5. Sticky infografikk
Problemet med brukerne er at de blir mindre utholdende. Og glemsom, som gullfisk - gikk til stedet, så blinket telefonen (å, en falsk alarm - bare et glimt av solen), kom tilbake til skjermen og husker ikke hva de gjorde her. Og de drar.
Problemet blir verre for hvert år. Derfor er oppgaven til designeren å hekte brukeren og få ham til å samhandle med innholdet, selv om dette er kjedelig statistikk. Spesielt (!) hvis dette er kjedelig statistikk.
Animer den, mal den i lyse farger, få brukeren til å interagere med den – gjør alt for å stramme brukeren og ikke gi slipp før slutten av siden.
6. Kombinert navigasjon
Den stadig mer populære teknikken - kombinasjonen av horisontal og vertikal rulling - vil også fortynne den grå hverdagen til brukeren, interessen og få gjennomtenkt samhandling med nettstedet.
7. Avslag fra hamburgermenyen
I 99,9 % av webdesignprognosene for 2015 og 2016 lover forfatterne at designere helt sikkert vil gi opp hamburgermenyen i år. Rett i det hele tatt. Vel, la oss holde tradisjonen i hevd og også si: i 2017 vil ikke hamburgermenyen være i trenden, ikke gjør det, ugh!
Problemet med ikonet med tre linjer er at det ikke er intuitivt. Hun gjenkjennes av de revne rullene som allerede har samhandlet med henne og vet hva som skjuler seg bak symbolet. Men flere nykommere dukker opp på Internett: både svært små rumpetroll og folk av den eldre generasjonen. Og de kjenner eller forstår ikke hamburgermenyikonet. De kan bare finne ut hva hun skjuler og hvor i helvete menyen er etter en smertefull opplevelse.
La oss være realistiske: det er usannsynlig at du vil lykkes med å forlate hamburgermenyen fullstendig. Men før du setter det inn, se etter et mulig alternativ på hvert prosjekt.
studio-spoon.co.jp
8. Ramme rundt området
En populær løsning er ikke å strekke siden til fullskjerm, men å plassere den i en pen ramme. Fint og det er en ledig plass som kan skjerpes for navigering (hvorfor ikke, siden hamburgermenyen holder på å dø bort).
teletype.online
9. Mer emoji
Jo mindre innsats brukeren bruker på å reagere, jo mer villig vil han gjøre det. Og reaksjoner er lettere enn emojier. Mens du på nettsteder bare kan like innhold, er det maksimale å sette Emotion på Facebook. Men det er på tide å bytte til emoji, andre designere.
10. Materialdesign
Ja, han er fortsatt med oss.
11. Mer Mobil først
Antall brukere som surfer på nettsteder fra mobiltelefoner vokser - derfor blir Mobile First-tilnærmingen lettere oppfattet av kunder hvert år. Det regnes ikke lenger som et merkelig eksperiment, men som en selvrettferdiggjørende metode. Så gjør deg klar for et snøskred av nettsteder av samme type, men så praktisk på mobiltelefoner.
12. Flere mikrointeraksjoner
Nettsteder vil absorbere flere av funksjonene til mobilapplikasjoner. I 2017 vil det være elegante, skjelvende mikrointeraksjoner. Som et hjerte på Twitter - vel, et kunstverk zhezh! Jeg vil høste på ham for alltid. Dette vil øke i både Mobile First og klassiske prosjekter.
13. CTA er enda mer påtrengende
For skjønnhetens skyld gjør designeren skjønnhet bare på bordet og i Dribbble. I andre tilfeller (i de det betales penger for), puster markedsførere tungt i øret hans, som trenger noe lysere her og en større knapp der borte. Det ser ut til at det i 2016 var et vendepunkt og en nytenkning av disse kravene – forvent store, saftige, iøynefallende CTA-blokker i 2017. Den typen som markedsførere ikke har noe å legge til dem.
strv.com
14. Nostalgi for 80-tallet
På det raffinerte internett savner designere rørpiksler med fyrstikkhode, åtte-bits set-top-bokslyd og rør-TV-støy. Og vei opp for lengselen etter 80- og 90-tallet innen nettstedsdesign. Vær på trend – legg til sure farger, rot og feil i designene dine.
retrominder.tv
15. Ansvarsfraskrivelse for arkivbilder
Arkivbilder er allerede satt på spissen, seriøst. Verre hamburgermeny og lettere å erstatte. Så la oss skyte vår.
21. århundre i gården, kamon. Telefonene er nå slik at de tar bilder av høy kvalitet. Derfor er det ikke noe problem å filme ansatte eller arbeidsprosessen akkurat nå på telefonen. Det viktigste er tiden og lysten til å lage et godt prosjekt.
16. Grønne
Gutta i Pantone tror at fargen i 2017 er denne grønnaktige Greenery. La oss lytte og legge til listen vår. 
17. En ny tilnærming til prototyping
Uansett hvor flott et design du tegner, er det viktigste å presentere det på en slik måte at kunden blir forelsket. Eller i det minste så jeg ham som du kan se.
En statisk layout kan knapt takle denne oppgaven, så i 2017 må du forbedre deg i presentasjonskunsten. Slik at kunden umiddelbart, før oppsettet, ser alle de oppfunne pew-pew, og ikke forestiller seg dem i tankene hans. Ellers planlegger han noe galt for seg selv, og skaper forventninger som utviklerne ikke kan forsvare.
Nå er ikke designeren comme il faut å bare tegne og vise et bilde. Du må kunne håndtere enten ett av prototypeverktøyene for å lage en interaktiv mal, eller pumpe over animasjonsdelen.
Her er arsenalet ditt for det kommende året, kolleger. Men ikke krangle med en kunde som vil ha en videotelefon. Ikke skyv pikselelementer og emoji der du trenger en ren, minimalistisk e-handelsbedrift. Og ikke bombarder motvillige Skype-klienter med lenker til denne artikkelen. Bruk trender med omhu – eller ikke bruk dem i det hele tatt. Uansett, om tre år vil de være fullstendig oppdatert 🙂
