2016 webstedsdesign har tendens til at overvejes, inden du opretter dit websted

dk new media site 1

Vi har set mange virksomheder bevæge sig mod en renere og enklere oplevelse for webstedsbrugere. Uanset om du er designer, udvikler eller bare elsker websteder, kan du lære noget ved at se på, hvordan de gør det. Gør dig klar til at blive inspireret!

  1. Animation

Efterladt de tidlige, glorede dage på nettet, som var flush med blinkende gifs, animerede søjler, knapper, ikoner og dansende hamstere, betyder animation i dag at skabe interaktive, responsive handlinger, der forbedrer historiefortælling og giver en rig brugeroplevelse.

Eksempler på rig animation inkluderer indlæsning af animationer, navigation og menuer, svævende animationer, gallerier og lysbilledshow, bevægelsesanimation, rulning og baggrundsanimationer og videoer. Tjek dette websted fra Beagle, en platform til forslagsledelse:

Beagle animerede hjemmeside

Klik igennem for at se Beagles fantastiske JavaScript og CSS-animation, når du ruller ned på deres side.

Rig animation kan også ses i mikrointeraktion. For eksempel på LinkedIn kan en bruger svæve over et kort for en subtil popup-menu med valgmuligheder og derefter vælge at springe historien over eller foretage andre handlinger.

GIF-animationer er (med glæde?) Genoplivet og kan bruges til mange forskellige formål, herunder komedie, demonstrationer og endda bare til dekoration.

  1. Materiale Design

Materiale Design, et designsprog udviklet af Google, er afhængig af elementerne i printbaseret design - typografi, gitre, plads, skala, farve og brug af billeder - sammen med responsive animationer og overgange, polstring og dybdeeffekter som lys og skygger til give en mere realistisk, engagerende og interaktiv brugeroplevelse.

Material Design bruger skygge, bevægelse og dybde for at tilbyde en ren, moderne æstetik med fokus på at optimere UX uden for mange klokker og fløjter.

Andre eksempler på materialedesign inkluderer kant-til-kant-billeder, storskala typografi og bevidst hvidt rum.

Youtube Android Material Design redesign koncept

  1. Flat design

Mens Material Design tilbyder en tilgang til begrebet minimalisme, forbliver fladt design det klassiske valg for elskere af rene linjer. Det vil sige, fladt design ses ofte som et mere realistisk, autentisk og behageligt digitalt look.

Space Needle

Baseret på principperne for hvidt rum, definerede kanter, levende farver og 2D- eller "flade" -illustrationer tilbyder fladt design en alsidig stil, der ofte bruger teknikker som ikonikonografi og lange skygger.

Lander

  1. Opdelte skærme

Opdeles skærme, der er bedst brugt, når du har to lige så vigtige områder at promovere, eller hvis du vil tilbyde indhold sammen med fotos eller medier, er en fantastisk ny måde at give en sjov og fed brugeroplevelse på.

delt skærm

Ved at give brugerne mulighed for at vælge deres indhold og oplevelse kan du oprette en portal-oplevelse, der lokker besøgende til at komme ind.

split-screen-ocean

  1. Slipper Chrome

Med undtagelse af krom kofangere og udsmykninger på klassiske biler henviser "krom" til et websteds containere - menuer, sidehoveder, sidefødder og kanter - der indkapsler kerneindholdet.

krom-tid

Dette kan være distraherende, og mange virksomheder vælger at bryde løs fra containerne og skabe rene kant-til-kant-layout uden grænser, sidehoveder eller sidefødder.

krom fremad

 

  1. Glem foldningen

“Over folden” er avisjargon for den øverste halvdel af forsiden af ​​en avis. Da aviser ofte foldes og placeres i kasser og skærme, går det mest overbevisende indhold over folden for at give dem den bedste chance for at få fat i en potentiel læser (og deres tegnebog).

Webstedsdesign har længe brugt ideen om en foldning på princippet om, at rulning var besværlig. Men for nylig hilser billeder og indhold på fuld skærm en bruger og opfordrer til at rulle for at afsløre yderligere, mere dybtgående indhold.

frøplet

  1. Fuldskærmsvideo

Video kan være en fantastisk måde at få besøgende opmærksom på, og det er ofte endnu mere effektivt end enten visual eller tekst. Sløjfevideoer som dem, der bruges af Apple til Apple Watch, er en unik måde at sætte en tone på og trække besøgende ind.

DK New Media

Klik igennem for at se DK New Media's Video på deres startside

Når det kommer til webdesign, vil mange specifikke komponenter blive dikteret af din branche, niche, målmarked og indhold. Dit layout afhænger af, hvad besøgende reagerer på, og hvad der giver mest mening for din besked. Men med disse tendenser til rådighed har du alt hvad du behøver for at oprette et overbevisende websted, der gør, hvad du har brug for, det skal gøre, og det viser, at du ved, hvordan man følger med i tiden.

Hvad mener du?

Dette websted bruger Akismet til at reducere spam. Lær, hvordan dine kommentardata behandles.