2016 Webwerfontwerp is geneig om te oorweeg voordat u u webwerf skep

dk new media webwerf 1

Ons het gesien hoe baie maatskappye beweeg na 'n skoner, eenvoudiger ervaring vir webwerfgebruikers. Of u nou 'n ontwerper, 'n ontwikkelaar is of net van webwerwe hou, u kan iets leer deur te kyk hoe hulle dit doen. Maak gereed om geïnspireer te word!

  1. animasie

As ons die vroeë, blink dae van die web agterlaat, wat wemel van flitsende gifs, geanimeerde balkies, knoppies, ikone en dansende hamsters, beteken animasie vandag om interaktiewe, reageerbare aksies te skep wat storievertelling verbeter en 'n ryk gebruikerservaring bied.

Voorbeelde van ryk animasie sluit laai-animasies, navigasie en menu's, sweef-animasies, galerye en skyfievertonings, bewegingsanimasie, blaai en agtergrond-animasies en video's in. Kyk na hierdie webwerf van Beagle, 'n platform vir voorstelbestuur:

Beagle geanimeerde webwerf

Klik deur om Beagle se wonderlike JavaScript- en CSS-animasie te sien wanneer u op hul webwerf blaai.

Ryk animasie kan ook gesien word in mikro-interaksie. Op LinkedIn kan 'n gebruiker byvoorbeeld oor 'n kaart beweeg vir 'n subtiele opspringmenu met opsies en dan kies om die verhaal oor te slaan of ander aksies te onderneem.

GIF-animasies het (met vreugde?) Weer begin en kan vir baie verskillende doeleindes gebruik word, insluitend komedie, demonstrasies en selfs net vir versiering.

  1. materiaal Design

materiaal Design, 'n ontwerpstaal wat deur Google ontwikkel is, is afhanklik van die elemente van drukgebaseerde ontwerp - tipografie, roosters, ruimte, skaal, kleur en gebruik van beelde - tesame met responsiewe animasies en oorgange, vulling en diepte-effekte soos beligting en skaduwees bied 'n meer realistiese, innemende en interaktiewe gebruikerservaring.

Materiaalontwerp gebruik skaduwee, beweging en diepte om 'n skoon, moderne estetika te bied met die fokus op die optimalisering van UX sonder te veel klokkies en fluitjies.

Ander voorbeelde van materiaalontwerp sluit rand-tot-rand-beelde, grootskaalse tipografie en opsetlike wit ruimte in.

Youtube Android Materiaal Ontwerp Herontwerp Konsep

  1. Plat ontwerp

Alhoewel Material Design een benadering bied tot die konsep van minimalisme, bly plat ontwerp die klassieke keuse vir liefhebbers van skoon lyne. Plat ontwerp word dikwels gesien as 'n meer realistiese, outentieke en gemaklike digitale voorkoms.

Space Needle

Gebaseer op die beginsels van wit ruimte, gedefinieerde rande, lewendige kleure en 2D- of 'plat' illustrasies, bied plat ontwerp 'n veelsydige styl wat gereeld gebruik maak van tegnieke soos lynikonografie en lang skaduwees.

Lander

  1. Verdeel skerms

Gesplete skerms word die beste gebruik as u twee ewe belangrike gebiede het om te promoveer, of as u inhoud saam met foto's of media wil aanbied, 'n wonderlike nuwe manier om 'n prettige en dapper gebruikerservaring te bied.

verdeelde skerm

Deur gebruikers in staat te stel om hul inhoud en ervaring te kies, kan u 'n portaal-ervaring skep wat besoekers lok om in te gaan.

split-screen-oseaan

  1. Laat val die Chrome

Met uitsondering van die chroombuffers en versierings op klassieke motors, verwys 'chroom' na die houers van 'n webwerf - die menu's, koptekste, voetskrifte en rande - wat die kerninhoud omvat.

chroom-tyd

Dit kan afleidend wees, en baie ondernemings kies om los te maak van die houers en maak skoon, rand-tot-rand-uitleg sonder rand, koptekst of voetstuk.

chroom-vorentoe

 

  1. Vergeet die vou

'Bo die vou' is koerantjargon vir die boonste helfte van die voorblad van 'n koerant. Aangesien koerante dikwels gevou en in bokse en uitstallings geplaas word, gaan die mees dwingende inhoud bo die vou om hulle die beste kans te gee om 'n potensiële leser (en hul beursie) te gryp.

Webwerfontwerp gebruik al lank die idee om 'n vou te maak op die beginsel dat blaai swaar was. Onlangs groet beelde en inhoud op die volle skerm 'n gebruiker en moedig dit aan om te blaai om addisionele, meer diepgaande inhoud te onthul.

saadvlek

  1. Volskermvideo

Video kan 'n uitstekende manier wees om besoekers se aandag te trek, en dit is dikwels selfs meer effektief as beeldmateriaal of teks. Loopvideo's soos dié wat Apple vir die Apple Watch gebruik, is 'n unieke manier om 'n toon aan te gee en besoekers in te trek.

DK New Media

Klik deur om te sien DK New Mediase video op hul tuisblad

Wat webontwerp betref, word baie spesifieke komponente bepaal deur u bedryf, nis, teikenmark en inhoud. U uitleg hang af van waarop besoekers reageer en wat die sinvolste is vir u boodskap. Maar met hierdie tendense byderhand, het u alles wat u nodig het om 'n aantreklike webwerf te skep wat doen wat u moet doen, en wat wys dat u weet hoe om tred te hou met die tyd.

Wat dink jy?

Hierdie webwerf gebruik Akismet om spam te verminder. Leer hoe jou opmerking verwerk is.