2016 Webwerf-ontwerp neigings om te oorweeg voordat u u webwerf skep | Martech Zone
Dinsdag, Januarie 12, 2016 Dinsdag, Januarie 12, 2016 Pamela Webber
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!
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:
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Klik deur om te sien Highbridgese 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.