2016 Nettstedsdesign har en tendens til å vurderes før du oppretter nettstedet ditt

dk new media side 1

Vi har sett mange selskaper som beveger seg mot en renere og enklere opplevelse for brukere av nettsteder. Enten du er designer, utvikler eller bare elsker nettsteder, kan du lære noe ved å ta en titt på hvordan de gjør det. Gjør deg klar til å bli inspirert!

  1. animasjon

Etterlater de tidlige, glorete dagene på nettet, som var flush med blinkende gifs, animerte barer, knapper, ikoner og dansende hamstere, betyr animasjon i dag å skape interaktive, responsive handlinger som forbedrer historiefortelling og gir en rik brukeropplevelse.

Eksempler på rik animasjon inkluderer lasting av animasjoner, navigering og menyer, svevende animasjoner, gallerier og lysbildefremvisninger, bevegelsesanimasjon, rulling og bakgrunnsanimasjoner og videoer. Ta en titt på dette nettstedet fra Beagle, en plattform for forslagshåndtering:

Beagle animerte nettsted

Klikk gjennom for å se Beagles fantastiske JavaScript og CSS-animasjon når du blar nedover nettstedet deres.

Rik animasjon kan også sees i mikrointeraksjon. For eksempel på LinkedIn kan en bruker sveve over et kort for en subtil popup-meny med alternativer, og deretter velge å hoppe over historien eller utføre andre handlinger.

GIF-animasjoner har (med glede?) Kommet seg opp igjen, og kan brukes til mange forskjellige formål, inkludert komedie, demonstrasjoner og til og med bare for dekorasjon.

  1. Material Design

Material Design, et designspråk utviklet av Google, er avhengig av elementene i trykkbasert design - typografi, rutenett, plass, skala, farge og bruk av bilder - sammen med responsive animasjoner og overganger, polstring og dybdeeffekter som belysning og skygger til gi en mer realistisk, engasjerende og interaktiv brukeropplevelse.

Material Design bruker skygge, bevegelse og dybde for å tilby en ren, moderne estetikk med fokus på å optimalisere UX uten for mange bjeller og fløyter.

Andre eksempler på materialdesign inkluderer kant-til-kant-bilder, storskala typografi og forsettlig hvit plass.

Youtube Android Material Design Design redesign konsept

  1. Flat Design

Mens Material Design tilbyr en tilnærming til begrepet minimalisme, er flat design fortsatt det klassiske valget for elskere av rene linjer. Det vil si at flat design ofte blir sett på som et mer realistisk, autentisk og behagelig digitalt utseende.

Space Needle

Basert på prinsippene for hvitt rom, definerte kanter, livlige farger og 2D - eller "flat" - illustrasjoner, gir flat design en allsidig stil som ofte bruker teknikker som ikonikonografi og lange skygger.

Lander

  1. Del skjermbilder

Delte skjermer er en flott ny måte å gi en morsom og dristig brukeropplevelse på, når du har to like viktige områder å markedsføre, eller hvis du vil tilby innhold ved siden av bilder eller media.

delt skjerm

Ved å la brukerne velge innhold og opplevelse, kan du opprette en portalopplevelse som lokker besøkende til å delta.

delt skjerm-hav

  1. Dropper Chrome

Bortsett fra kromstøtfanger og utsmykninger på klassiske biler, refererer "krom" til nettstedets containere - menyene, topptekstene, bunntekstene og kantene - som innkapsler kjerneinnholdet.

kromtid

Dette kan være distraherende, og mange selskaper velger å bryte løs fra containerne og lage rene, kant-til-kant-oppsett uten grenser, topptekster eller bunntekster.

krom-fremover

 

  1. Glem brettet

“Over folden” er avisjargong for den øverste halvdelen av forsiden av en avis. Siden aviser ofte brettes og plasseres i esker og skjermer, går det mest overbevisende innholdet over folden for å gi dem den beste sjansen for å ta tak i en potensiell leser (og lommeboken).

Nettstedsdesign har lenge brukt ideen om en folding på prinsippet om at rulling var belastende. Men nylig hilser bilder og innhold på fullskjerm en bruker og oppfordrer til å bla for å avdekke ekstra, mer inngående innhold.

frøflekk

  1. Fullskjermsvideo

Video kan være en fin måte å fange besøkende oppmerksomhet på, og det er ofte enda mer effektivt enn enten grafikk eller tekst. Sløyfevideoer som de som brukes av Apple for Apple Watch, er en unik måte å sette en tone og trekke besøkende inn.

DK New Media

Klikk gjennom for å se DK New Mediasin video på hjemmesiden deres

Når det gjelder nettdesign, vil mange spesifikke komponenter være diktert av din bransje, nisje, målmarked og innhold. Oppsettet ditt vil avhenge av hva besøkende reagerer på og hva som gir mest mening for meldingen din. Men med disse trendene tilgjengelig, har du alt du trenger for å lage et overbevisende nettsted som gjør det du trenger for å gjøre, og som viser at du vet hvordan du skal følge med i tiden.

Hva tror du?

Dette nettstedet bruker Akismet for å redusere spam. Lær hvordan kommentaren din behandles.