Motetrender innen webdesign. Landingssiders økende betydning

I en tid med utvikling av IT-teknologier kan du rett og slett ikke stå til side og se hva som skjer. Du må være dette skjer. For ikke å være en outsider, må du hente kunnskap fra alle mulige og umulige kilder og holde deg oppdatert på alle hendelser. 2016 går mot slutten, noe som betyr at 2017 allerede er rundt hjørnet og vil bringe noe nytt til feltet webutvikling. Og nøyaktig hva, vil du lese i denne artikkelen!

Ikke vær en outsider, følg med i tiden.

Bots

Enkle nettsider er ikke lenger så populære, de blir mer og mer interaktive, dessuten, etter en stund livet på nett vil bli så forenklet av ulike interaktive oppfordringer at vi ikke trenger å anstrenge hjernen vår i det hele tatt. Bots er nå mye brukt og dette er bare begynnelsen. Alle kjenner til Slack-applikasjonen for bedriftskommunikasjon, og der kan du også finne en bot som hilser deg velkommen, ber om navnet ditt og umiddelbart setter det inn i profilen din. Bots dukker opp i mange andre verktøy og applikasjoner, og innleder epoken med online-assistenter.

Bevegelsesgrensesnitt

Animasjon, video, GIF-er har for lengst blitt hverdagen vår, alt er så livlig og attraktivt, hva mer trenger brukeren? De er mye brukt for rask Oppretting av CSS overganger og animasjoner for å sikre brukervennlighet. Siste versjon Motion UI er utstyrt med et animasjonsgruppeservicesystem, fleksibelt CSS-maler, som har utvidede muligheter for en full overgang og er i stand til å jobbe med alle typer animasjoner JavaScript-biblioteker. Vi er mer enn sikre på at mobilitet vil erstatte bruk fullstendig statiske bilder.

Tilpasningsevne

Mobile first er vår tids slagord, hver dag søker hver dag, minst én gang (for ikke å nevne de narkomane som faktisk bor i hendene med en telefon) etter informasjon på Internett, sender meldinger eller ringer, så bruken av dem bør være så praktisk som mulig. Hvis du er en nettsideeier og fortsatt ikke har hørt om respons, er det på tide å ta føttene dine og implementere det , for å sikre din potensiell kunde komfort ved å bruke nettstedet ditt. Som du kanskje allerede har lagt merke til, er dette en virkelig må-ha i verden av webdesign og utvikling; i tillegg vil det hjelpe deg med å spare på utvikling av mobilapplikasjoner.

En sideside

Blir du forvirret av nettsteder med en haug med sider, hvor det er så mye av alt og alt er så uforståelig? Ikke bekymre deg, æraen med énsides nettsteder er rett rundt hjørnet. Denne typen nettsteder er veldig populære blant store selskaper, de er mer praktiske å bruke, og det er lettere å finne informasjonen som trengs av en bruker som har besøkt siden for et bestemt formål.

Javascript er på vei oppover nå

Javascript er fremtiden, til tross for rykter om at det har mangler og svake sider. Ingen bestrider at de faktisk er tilstede, men hva er ideelt i denne verden? Selv Mac OS bruker JS i sin maskinvare. Dessuten vinner front-end-bibliotekene som Angular, Node, React raskt popularitet, så vel som andre mindre biblioteker.

Det er ingen overraskelse at Javascript har blitt en integrert del av standard nettutviklingsstabel, sammen med HTML og CSS. Og dette faktum taler for seg selv.

Parallakseeffekt

Denne effekten brukes oftest, men det er ikke mange som vet helt sikkert hva den heter. Å avklare: Dette Den beste måten legg volumetriske lag til nettstedet , kan den også brukes til å legge til en fantastisk 3D-effekt.

Trender som vil forandre verden

I denne artikkelen har vi samlet alle de lovende nettutviklingstrendene som umiddelbart vil forandre verden. Men vi vet ennå ikke hvilke trender 2017 har i vente for oss. Hold deg oppdatert moderne teknologier og kanskje du en dag blir så inspirert av det som skjer at du selv vil finne på noe revolusjonerende?

La oss finne ut hva det vil si å være populær, moteriktig og moderne innen webdesign i 2017. For å gjøre dette, la oss se på hovedtrendene innen webdesign. De fleste av dem vandrer fra år til år og har allerede blitt en integrert del av moderne nettstedsbygging. Dette er spesielt knyttet til utviklingen mobile teknologier, kommunikasjonskanaler og enhetsforbedringer. For eksempel har en trend som nettstedmobilitet blitt obligatorisk. Kommersialiseringen av Internett tilsier også de strenge betingelsene for designere og webutviklere. Samtidig svekkes noen trender og blir mindre populære, men forblir fortsatt ganske aktive. Fasjonable hobbyer som er karakteristiske for en kort periode dukker også opp. For eksempel var dette i fjor ikoner med en lang skygge av gjenstandene som er avbildet. I år har geometriske mønstre blitt populære, vi skal også se på dem. Så, la oss ta det i rekkefølge.

1. Mobil, responsiv design
I dag er kanskje den viktigste og mest obligatoriske trenden. Siden skal se like bra ut på alle oppløsninger av skjermer, bærbare datamaskiner, skjermer mobile smarttelefoner og nettbrett. Søkemotorer følger forresten veldig nøye med på hvor godt siden er tilpasset ulike enheter, og basert på dette bestemmer de sin plass i søkeresultatene.

2. Aktiv typografi
I flere år nå en av de mest populære trender. Store fonter og typografi på nettstedet har to komponenter. For det første, estetikk - vakre linjer, kurver og bokstaver er i seg selv et dekorasjons- og dekorativt element. Og for det andre er dette funksjonalitet - bruk stor skrift du kan entydig og ettertrykkelig formidle hovedideen til besøkende.

3. Widescreen-video
Fullskjermsvideoen på bakgrunnen av nettstedet fanger utvilsomt umiddelbart vår oppmerksomhet. Dette god velkomstå interessere den besøkende. Moderne utvikling teknologi gjør det enkelt å bygge inn video på et nettsted, noe som betyr at designere i økende grad vil bruke denne teknikken. Det er imidlertid ett forbehold: å se videoen er interessant bare første gang, andre og tredje gang blir det kjedelig. Derfor er denne teknikken bare effektiv for nye besøkende.

5. Kino
Et godt alternativ til widescreen-video og flotte bilder på bakgrunnen. Cinemagraphs er fotografier der små, repeterende bevegelser oppstår. De presenteres vanligvis i gif-format og gi seeren en illusjon av å se en video. Mer om kino med stort beløp eksempler finner du i utvalget

6. Flat design
Nok en kraftig trend senere år. Nettsteder laget i flat farge, nøyaktighet og klarhet er iboende. Men i I det siste, en ny type flat design har dukket opp - Semi flat. Dette er når hele designet er gjort i flat farge og bare ett element har skygge, gradient eller tekstur. Som regel er dette elementet en knapp, som gis volum eller prominens for å tiltrekke seg oppmerksomheten til besøkende.

7. Mikrointeraksjon på nettstedet
Nå stor oppmerksomhet webdesign fokuserer på mikro-interaksjonen mellom funksjonalitet og design av nettstedet med besøkende. Essensen er at den besøkende tydelig kan se resultatet av handlingen hans på siden, det være seg en justering egendefinerte innstillinger, følge en lenke, bekrefte en operasjon, samhandle med aktive ikoner, knapper, brytere, tellere og andre elementer.

8. Animasjon av objekter
Mulighetene til moderne html5 og css3 lar deg bruke et stort arsenal visuelle effekter På nett. Dette gjør interaksjonen med siden mer interessant og spennende for den besøkende. Så på det nye året vil vi også se de mest uventede interaktive mikrobevegelsene av objekter, som vanligvis reagerer på musebevegelser. Kanskje får vi se eksempler på mer kompleks animasjon.

9. Levende fargevalg
Populære fasjonable farger i 2017 favoriserer lysstyrke og metning. Interessante originale nyanser av skarlagen, sennep, gul, smaragd, dypblå, samt rød, syrin og sjokolade vil hjelpe nettstedet ditt til å skille seg ut og få sin egen unike stil.

10. Nettstedrulling
Siden nettstedets rulling er ideell for mobile enheter, vil dets tilstedeværelse være betydelig i 2017. Det eneste er at rulling ikke gir rom for brukerinteraksjon, og derfor er det en viss tretthet fra uendelig lasting av innhold. Kanskje vil trenden snu mot en kombinasjon av enkle kontrollelementer med rulling.

11. Parallakseeffekt
Parallakse er en endring i den tilsynelatende posisjonen til et objekt i forhold til en fjern bakgrunn. I webdesign brukes denne effekten når du ruller et nettsted, når objekter og bakgrunn ruller med i forskjellige hastigheter, noe som resulterer i en illusjon av tredimensjonalitet. Trenden er ganske stabil, så vi vil se sider med parallakse mer enn én gang.

12. Modulær design
Modulær design, eller et kortgrensesnitt som består av selvstendige blokker av betydning, har vært populært i noen tid. Denne trenden er veldig bra for mobile enheter, siden blokkene passer godt for enhver skjermoppløsning. Men på store nettsteder ser de ganske like ut og er vanskelige å hierarkisere og strukturere.

13. One-pagers
Énsides nettsteder, landingssider, har landingssider blitt en integrert del av det moderne Internett. Du kan lese mer om hva en landingsside er i artikkelen og. I 2017 vil landingssidene legge økt vekt på en knapp som oppfordrer til handling – bestill, ring, meld deg på osv. Alt annet som distraherer oppmerksomheten til en potensiell besøkende vil bli avskåret.

14. Grafisk annonsering
Jeg vil også merke meg en ting som jeg husker fra det siste året, og mest sannsynlig vil trenden fortsette i 2017. På grunn av kommersialiseringen av Runet og veksten av netthandel, etterspørselen etter grafisk reklamemateriell for reklame og promotering har økt betydelig - bannere, teasere, kort, flyers.

15. Automatisering av typiske prosesser
Alle standardløsninger og prosedyrer på nettstedet blir gradvis erstattet av automatiserte prosesser, noe som eliminerer behovet for å kommunisere med støttetjeneste eller nettkonsulenter. På grunn av dette vokser populariteten ulike applikasjoner og utvidelser. Nå kan du kjøpe et produkt eller en tjeneste, legge inn en bestilling, avtale tid, reservere plasser, overføre penger, fylle ut et skjema eller ta en test – alt dette kan gjøres online med noen få museklikk.

16. Infografikk
Grafisk representasjon i form av infografikk er fortsatt populært og etterspurt. Tekstakkompagnement vakkert bilde eller et ikon sammen med stilige designelementer gjør infografikken estetisk attraktiv. Sammenlignende infografikk er spesielt visuelt tydelig og interessant - for eksempel hva som skjedde, hva som skjedde, ja, nei, fordeler og ulemper, bør og ikke må, etc. Du kan også bruke infografikk for å fortelle en trinn-for-trinn-historie eller levende presentere kjedelig statistikk.

17. Hamburgermeny
Hamburgermeny er et visuelt ikon med tre horisontale striper, vanligvis øverst i hjørnet av siden, når den klikkes åpnes eller glir den ut fra siden full meny. Mange eksperter spår at denne trenden vil falme, på grunn av det faktum at de fleste uerfarne brukere rett og slett ikke forstår formålet med dette ikonet. Derfor har nettdesignere en tendens til å favorisere forenklet navigasjon. Men ikke desto mindre vil vi se hamburgermenyen mer enn en gang på nyopprettede nettsteder.

18. Ikoner
Ikoner, som en måte å presentere informasjon og et visualiseringsverktøy på, har vært og er fortsatt en av de mest populære og favoritttrendene blant designere. Det er nok å plassere de tilsvarende tematiske ikonene nær blokkene med tekst - og nå får hele teksten logisk og visuell orden og struktur. Så i det kommende året fortsetter vi å aktivt bruke ikoner.

19. Brevstabling
Bokstavstabling er tekst i en firkant. I hovedsak er dette et eksempel på en kompleks kreativ løsning - du må forestille deg lang tekst i volumet av et lite rom. Samtidig skal det se vakkert og originalt ut. I år er det også mote.

20. Tom knapp
For å spare plass og plass dukket det opp en tom knapp på mobile enheter for en tid siden - en stor inskripsjon med en firkantet kontur rundt ordet. En slik knapp gir en oversikt over bakgrunnen bak knappen og beholder samtidig sin funksjonalitet som en fullverdig knapp. I tillegg, som et designelement, ser en slik knapp stilig og pen ut.

21. Unngå arkivbilder
Noen eksperter har lagt merke til at designere begynner å forlate arkivbilder. Fordi det moderne enheter lar deg raskt og effektivt ta et bilde selv, så kan du unngå lagerupersonlighet og ensartethet og lage ditt eget unikt bilde og lag ditt eget unike design.

22. Uvanlige vinkler i bildet
Å finne interessante vinkler i bilder har blitt tilgjengelig for enhver eier av en smarttelefon med kamera. I denne forbindelse er kreativitet når du lager bilder utenfor listene, og vi kan dekorere nettstedet unikt bilde med en uvanlig synsvinkel eller perspektiv.

23. Karusell
Karusellglideren, som kom inn i designlivet for flere år siden, er fortsatt populær og relevant når man designer nettsider. Ved å bruke en bred skyveknapp er det praktisk å rotere hovednyhetene, samt presentere gjeldende kampanjer, samlinger og annen relevant informasjon som den besøkende ser umiddelbart etter å gå inn på nettstedet.

24. Selvspillende lyd og video
Men denne trenden er hei fra 2000-tallet. Jeg husker den gang det var mote å spille av en lyd når du traff en nettside. Og denne for mange. Jeg kan ikke si at lydakkompagnementet gleder meg, men kanskje moderat bruk vil være lite påtrengende. Vel, selvspillende video er mer en hyllest til reklame, som for meg. Vel, pluss ønsket om å beholde besøkendes oppmerksomhet i feeden. Ikke den hyggeligste trenden, men kommersielt nødvendig.

25. Geometriske mønstre
Vel, vi vil avslutte vår gjennomgang av kortsiktig mote trend i form av ulike geometriske mønstre og mønstre. De ble uventet populære på slutten av fjoråret. Vel, en annen måte å få nettstedet ditt til å skille seg ut og unikt.

Infografikk "Nettdesigntrender 2017"
Jeg tilbyr deg en infografikk som tydelig presenterer alle trender og trender innen webdesign. Last ned bildet i stor størrelse Du kan følge denne lenken på DeviantArt. En side på DeviantArt åpnes i et nytt vindu. Der klikker du på ordet Last ned til høyre for bildet og lagrer bildet på datamaskinen din.

Vi følger webdesigntrender og eksperimenterer. De fleste av de nye dingsene er nyttige for bedrifter, uansett hva noen sier. Når 2017 forbereder seg på å vike plass for en etterfølger, er det på tide å lage en foreløpig prognose.

Å avgi løfter for ting som ikke er avhengig av deg er en utakknemlig oppgave. Likevel vil vi fremheve ti nøkkelområder innen webdesign for det neste året. Listen er satt sammen basert på erfaringene til teamet vårt.

Flat design

I 2017 skapte designere og utviklere rene, enkle nettsider for å vise bedre på smarttelefoner og nettbrett. Tunge ressurser motvirker mobilpublikum. Trafikken fra smarttelefoner vokser jevnt og trutt, og sammen med det endrer holdninger til webdesign seg. Nå er siden tilpasset primært til mobile enheter, virker ikke som et innfall. Trenden er også relevant for Russland.

Ikke tenk det flat design kommer ned til to dimensjoner - det handler om minimalisme og praktisk. Tenk på det som en filosofi om å bli kvitt distraksjoner og fokusere på viktige elementer nettstedet. Etter langsomme nettsteder med sine massive strukturer føles lyse farger, skarpe kanter og åpne områder som et friskt pust.

Minimalisme og overvekt av funksjon over form gjør ikke flat design kjedelig. Kontrasterende lyse farger, illustrasjoner, enkle bilder og sans-serif fonter à la Apple - sammen formidler de en flott Brukererfaring, fengende og overraskende.

Design av en av blokkene til portalen "Finansiell kultur".

Flat design er ikke avhengig av bilder, så det er lettere å laste. For nettstedadministrasjonen betyr dette to kule ting:

• Ressursen vil raskt formidle budskapet til kundene. Det spiller ingen rolle hvordan de fikk tilgang til nettstedet: fra en telefon eller en datamaskin.
• Optimaliserte nettsteder er mer attraktive for søkemotorer: Google, Bing og andre.

En nettside med flat design er mer sannsynlig å rangere god posisjon søkemotorer. Og besøkende har en tendens til å bli på siden lenger. Dette er grunnen til at flat design har blitt populær og vil forbli det i 2018.

Ekspressiv typografi

Er webdesignere igjen ubevæpnet uten sine bilder og komplekse strukturer? Nei, landemerket har nettopp endret seg. I 2018-typografi er ett ord verdt tusen bilder. La oss se på denne uttalelsen.

Noen vil hevde at "typografi" ikke høres ut som et interessant designelement. Hvilken forskjell gjør det om tittelfonten din er gotisk eller moderne, serif eller sans serif?

Enhver typografisk beslutning kan formidle tanker og vekke assosiasjoner like godt som et fotografi.

Nettsiden til vindrikkprodusenten cirq snakker om lojalitet til tradisjoner

Den russiske regjeringen forstår også viktigheten av teknologi. I vårt land planlegger de å opprette en nasjonal innen 2022 operativsystem for Internet of Things-enheter.

Virtual reality-video

Ved slutten av 2017 så det ut til at alle nettsteder med respekt for seg selv laget en videointro. Det er fantastisk. Forbrukerne så menneskene bak tjenesten eller produktet. Samtidig ble det utviklet tjenester for å forenkle opprettelsen av videoinnhold.

Virtual reality (VR) ble oppfattet som science fiction for et dusin år siden, men nå er det vanskelig å forestille seg en fest uten den. VR er i ferd med å bli venner med webdesign. Å lage 360-graders videoer blir billigere og enklere for hver dag.

Virtual reality kommer til folket. Statens Eremitage har laget en video om museets historie i VR-format. Guiden til minifilmen var skuespiller Konstantin Khabensky. Utdraget er lagt ut til offentlig visning kl YouTube-tjeneste. Ta en titt også.

Chatbot, kunstig intelligens og maskinlæring

Vi kommuniserer oftere med roboter. Du gjør sannsynligvis dette når du ringer mobiloperatør. Det så ut til at det ville ta mange år å bringe dem til virkelighet. Imidlertid blir de smartere og smartere takket være forbedrede kunstig intelligens(AI) og maskinlæring. Dette er også grunnen til at Facebook kjenner dine preferanser så godt. Den bruker geolokaliseringsdata, vaner og nettlesingsinformasjon slik at den vet hvilke nyheter den skal tilby.

Vi forventer utvikling av denne teknologien i 2018, men allerede innen webteknologi. Se for deg et nettsted som analyserer klientadferd og genererer spesialtilbud. Kundeservice via Internett blir raskere og mer effektiv takket være smarte systemer. Ha dem i bakhodet.

Stemmebrukergrensesnitt og søk

Stemme brukergrensesnitt noen ganger referert til som behandling naturlig språk: Enkelt sagt er det menneske-datamaskin-interaksjon i form av tale. Vel, du vet, "Ok, Google. Hvor er den andre sokken min? Kombinert med maskinlæring kan denne teknologien forutsi behov før en person fullfører en forespørsel.

Vi håper å se nettsteder med deres egne stemmer. Stemmesøk også på vei oppover. Sørg for at nettstedet ditt har en passende modul fordi forbrukere har en tendens til å samhandle med grensesnittet annerledes. Bruker personlig datamaskin vil sannsynligvis bruke et tastatur, men det er lettere å diktere fra en smarttelefon.

Sømløs interaksjon

Husk at du tidligere på det sosiale nettverket VKontakte måtte laste inn siden på nytt for å finne ut om noen skrev eller ikke? (Da bør du huske veggen, lik den hvis du vil ha den tilbake). Senere la de til sanntidsoppdateringer. Dette er det vi kaller sømløs interaksjon.

Ryan McCready, innholdsredaktør for infografikktjenesten Venngage, snakker om hva som trender i verden akkurat nå. grafisk design, og hvilke teknikker som måtte forlates i år.

Sterke og livlige farger

I løpet av de siste årene har mange teknologiledere brukt dempede og lettleste farger. Så de prøvde å lage et veldig tydelig designskjema og vise at den elegante og funksjonelle fremtiden, som vanligvis vises i science fiction-filmer, allerede har kommet.

Denne metoden hjalp selskapet med å flytte til ny scene utvikling og foren alle applikasjonene dine under én farge. Som med Spotify, gjorde denne dristige bruken av lyse farger merkevaren til å skille seg ut.

Moten for dristige og lyse farger i design kommer fra Googles Material Design-prinsipper. Selskapet valgte en flat, strømlinjeformet og intuitiv design med tillegg av "uventede og energiske farger, samt funksjonelle og tiltalende fonter og bilder."

Generelt oppsto mange nåværende trender i 2017 under påvirkning av materialprinsippene Google design.

Vi brukte dem også til å lage dette reklamebildet. e-bok. Som et resultat ble bildet utrolig populært.

Hvis du ikke kan velge beste farger for design, les videre for noen flotte eksempler på fargepaletter. Og ikke vær redd for å bruke farger som står i kontrast til hverandre.

Fet skrift

Fet skrift tiltrekker lesernes oppmerksomhet. Du tar ufrivillig oppmerksomhet til de store og iøynefallende inskripsjonene.

Mitt favoritteksempel er Wired. Det bruker forskjellige fonter for å fremheve spesifikke overskrifter og opprettholde hierarkisk rekkefølge av informasjon på siden.

Bare ta en titt:

En annen godt eksempel ved hjelp av fengende fonter - HubSpot. Teksten er i forgrunnen og støttet av grafikk:

HubSpot forstår at tiden det tar å absorbere informasjon fra en tweet hvert år har en tendens til null. Derfor, for å tiltrekke leserens oppmerksomhet, bruker de korte og konsise inskripsjoner med fete bokstaver.

Dessuten, nå alt flere mennesker surfe på Internett med mobiltelefoner. På grunn av høyoppløsningsskjermer er det et økende behov for å bruke fet skrift. Så for å beholde leserne må du levere innholdet ditt på riktig måte.

Buffer fremhever overskrifter gjennom hele artikkelen, ikke bare i begynnelsen – noe som gjør artiklene lettere å lese på alle enheter. Jeg anbefaler å bruke denne tilnærmingen for lange artikler - på denne måten hjelper du leserne med å navigere i dem.

Vi brukte denne metoden når vi laget denne infografikken. Kombinasjon dristig og interessante fargeløsninger tiltrekker seg oppmerksomhet:

Fonter fra Google Fonts

jeg bruker Google Fonts i veldig lang tid, fordi de er universelle. Hvis jeg trenger å komme opp med et design for en nettpublikasjon og deretter legge det til en presentasjon, er jeg sikker på at alle fontene vil fungere godt sammen. De ser alle bra ut på hvilken som helst bloggplattform eller nettside.

Forresten, alle 810 fontene er helt gratis! Å ja, folk liker gratis ting. De liker også ting som er veldig enkle å bruke. Her er ett eksempel på å kombinere flere populære fonter fra Google:

På nettsiden vår bruker vi Roboto og Open Sans fonter.

Originale bilder

Hvert år vokser mengden innhold, det samme gjør behovet bilder av høy kvalitet. For å sikre at fotografier kan vare lenge, prøver forfatterne å gjøre dem så allsidige som mulig.

Det er bare ett problem: de beste generiske bildene har en tendens til å bli foreldede over tid. Hvis du følger med på nyheter innen teknologi og markedsføring, er du sannsynligvis kjent med dette bildet:

Den brukes på landingssider, blogger og til og med i Instagram-innlegg. For å være ærlig, tok jeg det selv for et nettsted jeg jobbet på for noen år siden. På grunn av populariteten til slike arkivbilder, har originaliteten til grafisk innhold falt kraftig.

Og behovet for å bruke klare og perfekte bilder gjorde bare situasjonen verre.

Når en leser ser det samme bildet for hundrede gang, tenker han at artikkelforfatteren ikke forsøkte å være i det minste litt original. Så hvorfor i det hele tatt lese en slik artikkel?

Det er derfor du bør bruke originale bilder. Slutt å ta populære bilder, begynn å lage dine egne.

Jeg er sikker på at alle på laget ditt har en kameratelefon. Hvorfor bruker du dem ikke? Ta bilder av kontoret eller logoen og bruk disse bildene.

Finn ut om det er en ambisiøs fotograf blant kollegene dine. Gi ham et par dager på å leie et kontor – så har du nok bilder for et helt år!

Da vi laget vår nye nettside, fotograferte vi våre ansatte, og vi ble veldig fornøyd med resultatet.

Håndtegnede bilder og ikoner

Ikke bare fotografiene skal være originale, men også ikonene og tegningene. Noen merker har allerede innsett dette og prøver å skille seg ut fra mengden på denne måten. Denne tilnærmingen legger til et element av personlig og moro til designet.

Noen sier at trenden ser uprofesjonell og barnslig ut, men den er fortsatt definitivt iøynefallende. Som de fleste trender i 2017, fungerer den som et alternativ til den sterile, rene designen de siste årene.

Dropbox bruker håndtegnede illustrasjoner hele veien. De ble en del av selskapets merkevare og gjorde det gjenkjennelig.

Slike illustrasjoner skaper en avslappet stemning og gleder barnet som bor i sjelen til hver enkelt av oss. De får produktet til å se rimeligere ut. De er spesielt effektive hos store teknologiselskaper som Dropbox.

Et annet vellykket eksempel på denne tilnærmingen er madrassfirmaet Casper. Nesten hele siden hennes består av håndtegnede tegninger. Her er en av dem:

Trenden ble også plukket opp av tjenesten MailChimp. I 2016-rapporten viser han også lignende tegninger.

Moz, et selskap som utvikler markedsføringsprogramvare, setter inn illustrasjoner i artikkeloverskriften:

Noen ganger manifesterer vår kjærlighet til tegninger seg i andre prosjekter:

Gå tilbake til røttene til minimalisme

Hvis du ble bedt om å forklare til en fremmed, hva er minimalisme, vil du nok svare at det er når du må forlate dekorativitet til fordel for funksjonalitet. Mest sannsynlig vil du umiddelbart tenke på nøytral farge palett, bestående av nyanser av svart, grått og hvitt.

Det ser ut til at den sanne minimalismens ånd har blitt erstattet av bruken av kjedelig svart og hvitt fargevalg. Jeg tror dette ble gjort med vilje for å kompensere liten størrelse skjerm og lav effekt på mobile enheter.

Men i 2017 vil alt endre seg. Minimalismen vil komme tilbake i sin sanne form. Det betyr at det blir det mer farge. I dag er mobile enheter like kraftige som datamaskiner, og noen har til og med bedre skjermer.

Mitt favoritteksempel på minimalistisk design er logoen. Middels plattformer. Skaperne var i stand til å kombinere flere forskjellige farger og fortsatt opprettholde en minimalistisk stil.

Google gjorde enda en logoredesign til fordel for minimalisme og en kombinasjon av lyse farger. Det er bemerkelsesverdig at det var dette selskapet som fungerte som en katalysator for fremveksten av mange nye trender. Designerne trimmet litt skriftstilen og presenterte den nye typen en G-formet logo som jeg virkelig liker.

Minimalismens ånd merkes i alt dette, men pressen skrev ikke om det. Folk har glemt hva ekte minimalisme er. Logoen var ikke fargeløs og laget i en enkelt form, så ingen trodde at den var laget i en minimalistisk stil.

Den nye logoen var lys og iøynefallende – samtidig som den beholdt et minimalistisk utseende. Etter redesignet begynte folk rundt dem å imitere Google, slik de hadde gjort før i andre aspekter.

Vi begynte selv å bruke en mer minimalistisk stil for utformingen av bloggene våre.

Den enkle bildedesignen formidler enkelt nødvendig informasjon.

Bruker GIF-er

Alle (vel, nesten alle) elsker GIF-er. De hjelper oss i samtalen fordi noen ganger kan de formidle følelser bedre enn tekst.

I tillegg trenger du ingen for å spille dem spesielle programmer. GIF-er er vanligvis små i størrelse og kan bygges inn nesten hvor som helst.

De er bedre enn videoer og bilder, spesielt når du vil redusere sidelastetid og trafikk. Jeg tror at takket være deres allsidighet, vil GIF-er bli enda flere nyttig element design.

Jeg liker virkelig å sette gif-er i overskriften på en artikkel. I stedet for å legge et kjedelig arkivbilde der, bruk et par minutter og lag en GIF som denne.

For å gjøre dette trenger du ikke å gjøre noen spesiell kreativ innsats, men på denne måten vil du definitivt tiltrekke oppmerksomhet til innlegget ditt i i sosiale nettverk. Her er et annet godt eksempel på bruk av GIF-er i overskriften på en artikkel.

Tofargede bilder

Dette er en kombinasjon av to, vanligvis veldig lyse eller kontrasterende farger i ett bilde. For å lage slike bilder må du slå på designferdighetene dine, men det er verdt det.

Bare en veldig dyktig designer kan lage slike vakre tofargede bilder. Jeg er sikker på at jeg ikke kan lage noe slikt, men det betyr ikke at du bør kutte denne teknikken ut av designplanene dine.

Under Nyttår noen forteller lykke på kaffegruten og kaster tøflene over skulderen. Og designere prøver å undersøke fremtiden og identifisere trender som vil bli hovedtemaet i 2017. La oss prøve også. Vi vil stole ikke bare på smak og det faktum at «kunstdirektøren sa det», men også på analyse.

1. Video er et funksjonelt element

Tekstene er for vanskelige, du må konsentrere deg. Bildene er ikke informative. Og video er den typen innhold som moderne bruker Internett er klart til å konsumere og smake med leppene. Og når du forteller brukeren en historie – for eksempel hvordan en kompleks nettsideutviklingsprosess fungerer – bruk den. Film og vis hvordan en analytiker lager prototyper og en designer tegner mockups. Fordyp brukeren i historien og svar på spørsmål de måtte ha.

Og slutt å skyve videoer overalt der kunden ber om noe fantastisk innenfor budsjettet. Video for skjønnhet - brukerens knuste håp. Han ser og håper at de vil vise ham noe nyttig, fortelle ham en historie. Men nei. Derfor, som et dekorativt element i webdesign som ikke oppfyller nyttig funksjon, videoen forblir i 2016.

Ja: En video som svarer på brukerspørsmål og løser problemer med nettsiden.
Nei: Videoen er i bakgrunnen fordi den er vakker og alle gjør det på den måten.

2. Kinogrammer i stedet for videoer

Bruk kinogrammer. De er mer interessante enn statiske bilder, men gir ikke falskt håp til brukere, som videoer uten en historie eller hensikt.

Forsiktig! Kinogrammene er fryktelig klissete.

3. Fontgrafikk

Et annet alternativ til videoer og bilder er fontgrafikk. Det både dekorerer nettstedet og gjør det mer informativt. Hovedbekymringen her er kvalitetsinnhold. Men det er en helt annen historie.

4. Ikoner er det viktigste dekorative elementet

Hvorfor trenger du bilder, videoer og fontvendinger, hvis du kan legge til "wow" til ikonene som allerede vil være på siden? Seriøst, legg til litt tilpasset animasjon og kall det en dag. Du vil være den mest trendy.

5. Sticky infografikk

Problemet for brukerne er at de blir mindre flittige. Og glemsom som gullfisk - vi dro til stedet, så blinket telefonen (åh, falsk alarm- bare et solskinn), vendte tilbake til skjermen og husker ikke hva de gjorde her. Og de drar.

Problemet blir verre for hvert år. Derfor er designerens oppgave å hekte brukeren og tvinge ham til å samhandle med innholdet, selv om det er kjedelig statistikk. Spesielt (!) hvis dette er kjedelig statistikk.

Animer den, mal den i lyse farger, tving brukeren til å samhandle med den – gjør alt for å trekke brukeren inn og ikke gi slipp før slutten av siden.

6. Kombinert navigasjon

En teknikk som øker i popularitet - å kombinere horisontal og vertikal rulling - vil også lyse opp brukerens triste hverdag, interessere ham og tvinge ham til å samhandle med nettstedet med omtanke.

7. Unngå hamburgermenyen

I 99,9 % av webdesignprognosene for 2015 og 2016 lover forfatterne at designere i år helt sikkert vil forlate hamburgermenyen. Bare sånn. Vel, la oss støtte tradisjonen 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. Den gjenkjennes av erfarne kalachi som allerede har samhandlet med den og vet hva som skjuler seg bak symbolet. Men flere nykommere dukker opp på Internett: både små rumpetroller og eldre mennesker. Og hamburgermenyikonet er verken kjent eller forståelig for dem. De kan bare finne ut hva hun skjuler og hvor i helvete menyen er etter å ha gått gjennom en smertefull opplevelse.

La oss være realistiske: det er usannsynlig at du helt vil kunne forlate hamburgermenyen. 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 nettstedet for å fylle hele skjermen, men å plassere det i en pen ramme. Søt og vises ledig plass, som kan skreddersys for navigering (hvorfor ikke, siden hamburgermenyen holder på å dø).

teletype.online

9. Mer emoji

Jo mindre innsats brukeren bruker på å reagere, jo mer villig vil han være til å gjøre det. Og de har ikke kommet med noen enklere reaksjoner enn emojis. Foreløpig, på nettsteder kan du bare like innhold, maksimum er å gi en Facebook Emote. Men det er på tide å bytte til emoji, andre designere.

10. Materialdesign

Ja, han er fortsatt med oss.

11. Mer mobil først

Det er flere og flere brukere som ser på nettsider fra mobiltelefoner - det er derfor tilnærmingen Mobil først hvert år blir det lettere akseptert av klienter. Det regnes ikke lenger som et merkelig eksperiment, men en metode som rettferdiggjør seg selv. Så gjør deg klar for et snøskred av nettsteder av samme type, men så praktisk for mobiltelefoner.

12. Flere mikro-interaksjoner

Nettsteder vil absorbere flere sjetonger fra mobilapplikasjoner. I 2017 vil det være fantastiske mikrointeraksjoner som vil få fingrene til å skjelve. Som et hjerte på Twitter - vel, det er et kunstverk! Jeg vil presse ham for alltid. Det blir mer av dette i Mobile First og klassiske prosjekter.

13. CTA-er er enda mer påtrengende

Designeren vekker skjønnhet for skjønnhetens skyld bare på bordet og på 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. 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. Slik at markedsførere ikke har noe å legge til dem.

strv.com

14. Nostalgi for 80-tallet

På det raffinerte Internett savner designere piksler med fyrstikklamper, åtte-bits lyden fra set-top-bokser og støyen fra rør-TV-er. Og de kompenserer for lengselen etter 80- og 90-tallet innen webdesign. Vær på trend - legg til sure farger, forstyrrelser og feil i prosjektene dine.

retrominder.tv

15. Unngå arkivbilder

Arkivbilder har allerede satt tennene på spissen, seriøst. Hamburgermenyen er verre, og det er lettere å erstatte dem. Så la oss filme vår.

Det 21. århundre er på gården, kamon. Telefoner er som det de gjør bilder av høy kvalitet. Derfor er det ikke noe problem å filme ansatte eller arbeidsprosessen akkurat nå på telefonen. Det viktigste er tid og lyst til å lage et godt prosjekt.

16. Grønne

Gutta fra Pantone tror at fargen i 2017 er denne lille grønne Greenery. La oss lytte og legge den til i listen vår.

17. En ny tilnærming til prototyping

Uansett hvilket fantastisk design du tegner, er det viktigste å presentere det på en slik måte at kunden blir forelsket. Eller i det minste sett det slik du ser det.

En statisk layout kan knapt takle denne oppgaven, så i 2017 må du forbedre presentasjonsferdighetene dine. Slik at kunden umiddelbart, før layout, ser alle de oppfunne kirkebenkene, og ikke forestiller seg dem i tankene hans. Ellers vil han forestille seg noe galt for seg selv, og skape forventninger som utviklerne ikke vil kunne rettferdiggjøre.
Nå er det ikke comme il faut for en designer å bare tegne og vise et bilde. Du må kunne håndtere enten ett av prototypeverktøyene for å lage en interaktiv mal, eller forbedre animasjonsferdighetene dine.
Her er arsenalet ditt for det kommende året, kolleger. Men ikke krangle med en kunde som vil ha en videotelefon. Ikke skyv pikselelementer og emojier der du trenger ren, minimalistisk e-handel. Og ikke bombarder motvillige kunder på Skype 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 :)