Vil du finne de beste topptekstene for å inspirere designet ditt?

Tidligere refererte en “header” i webdesign vanligvis til stripen som alltid var tilstede øverst på nettsteder som inneholder logoen, navigasjonslinjen og kanskje litt kontaktinformasjon og søkefeltet. I dag refererer en "header" oftere til hele plassen over hjemmesiden.

Forbedre kvaliteten på sidene dine ved å oppdage Hvordan forbedre dårlige bloggsider

Med mindre noen fant nettstedet ditt gjennom en bloggdeling på sosiale medier eller en henvisning til et annet nettsted, er sjansen stor for at de er der gjennom siden. Og det første de definitivt vil se er toppteksten din.

Ved å designe et nettsted for å imøtekomme besøkende forventninger og forbedre komforten ved å gjøre opplevelsen litt mer forutsigbar, kan du effektivt forbedre klikk og konverteringsfrekvens.

Nå, tenk på denne headerplassen på denne hjemmesiden.

De fleste stoler på hjemmesider for å gi dem en oversikt over hva en bedrift eller nettsted kan gjøre, noe som betyr at du ikke har råd til å kaste bort denne muligheten for å imøtekomme den forventningen. Selvfølgelig, hjemmesidens topptekstdesign kan være unikt for merkevaren din, men elementene som finnes der, burde ikke være det. Besøkende forventer at det ikke er nødvendig å bla for å finne ut hva et nettsted vil gjøre for dem. I hovedsak bør toppteksten din være en 10 sekunders historie som viser seg å være av verdi for de besøkende.

Så hva skal du gjøre med denne plassen for å fange interessen til de besøkende?

Vi vil snakke om noen trender innen 2017 header design, hvordan du kan bruke denne svært synlige eiendommen og ta en titt på noen interessante eksempler på overskrifter.

5 topptrender

Det er ikke som om de besøkende er uvitende om deres evne til å bla nedover på en side eller klikke gjennom en navigering for å lære mer om nettstedet ditt. Men hvorfor skulle de bli tvunget til å gjøre dette? Det er nok plass i overskriften til å vise korte meldinger som forteller dem hva de skal vite. Og hvis ikke 50 ord eller færre ikke er nok, er det ikke nødvendigvis resten av dokumentet som vil si mer.

Først og fremst kan hjemmesideoverskriften gjøre eller ødelegge førsteinntrykk av de besøkende.

Hvis du sliter med å finne en måte å introdusere nettstedet ditt på dette nettstedet, vil du kanskje finne inspirasjon i følgende topptekstdesigntrender i 2017:

1. Overdimensjonert heltebilde

Takket være den modulære stilen til webdesign for å være responsive, er de fleste av designene nå delt inn i separate seksjoner og blokker. Denne designstilen klarer å smelte godt sammen med bilder i full bredde som inneholder mange nettsteder.

Se også: Hvordan lage en full bredde side på WordPress

Ta for eksempel nettstedet Cleverbird Creative. Den bruker et entydig og slående bilde overlappet med enkel tekst for å ønske besøkende velkommen. Det er ingen feil i det de ser her: forenklet i skjønnhet.

2. Bildeglidebryter

Jeg tror det var en tid, ikke så langt tidligere, da mange av oss så skyveknappen som en levedyktig del av design. Så mange designere har gjort en god jobb i bruker dem i topptekstene.

Det er skyvebilder som automatisk ruller med bilder med høy oppløsning og andre som ber besøkende om å ta kontroll over denne opplevelsen selv.

3. Bruke parallaksanimasjon

Parallaksrulling vokser fortsatt sterkt, og toppteksten har vist seg å være det perfekte stedet å vise denne typen "illusjon" på webdesign. Det du ser mer nylig, er imidlertid designeren som gir en parallakseffekt for å bla i en forbigående grense, sannsynligvis for å overraske besøkende med det uventede resultatet.

4. Video bakgrunn

Videobakgrunner er en annen så fersk trend som fungerer best når den brukes på startsiden. Den på "28" -siden gjør en god jobb med å sette stemningen for restaurantens nettside, og vise frem videoer av forsiden og baksiden av restauranten.

Se også: Legge video bakgrunner på WordPress: fordeler og ulemper

5. Skjult navigasjon

Selv om det kan hevdes at hamburger-menyen tilhører nettsteder som leses på mobile enheter (som opprinnelig planlagt), må det imidlertid sies at flere nettsteder ofte bruker den i forbindelse med minimalistisk navigering. Rehabstudio-nettstedet + er et godt eksempel på dette. Når du går inn på nytt kan navigasjonen være synlig, blir din umiddelbare oppmerksomhet rettet mot den spennende grafikken med plussymbolet ... og så innser du at det er lite innslag av animasjon rundt den.

Les også: Hvordan legge stil til navigasjonsmenyer

Det er alt for disse forskjellige inspirasjonskildene. Hva tror du ?

Oppdag også noen premium WordPress-plugins  

Du kan bruke andre WordPress plugins for å gi et moderne utseende og for å optimalisere håndteringen av bloggen eller nettsiden din.

Vi tilbyr deg her noen premium WordPress-plugins som vil hjelpe deg å gjøre det.

1. Postlayout: Nyhets Ticker

Dette premium WordPress-tillegget fra Visual Composer permettra forbedre WordPress-siden din ved å tilby ham muligheten til å komme med presserende eller viktige kunngjøringer på nettstedet ditt. Dette er en utvidelse som uten tvil vil være ideell for magasinens nettsteder.

Hovedfunksjonene inkluderer: 

3 rulletyper klassifisert, støtte for tre steder der du kan plassere annonsene dine, muligheten til å skjule eller vise det fremhevede bildet, tilpasning av annonsekilder, et fullt tilpassbart og responsivt oppsett, Flerspråklig støtte, etc ...

Last ned | dEMO | Webhotell

2. Smush It

WP Smush er en WordPress Plugin populær bildekomprimering. Den komprimerer automatisk bilder ved opplasting og kan også brukes til å komprimere og optimere allerede eksisterende bilder. 

Du vil også kunne angi en maksimal bildeoppløsning, og bildene dine vil bli redusert til rimeligere størrelser mens de komprimeres. Den gratis versjonen av dette pluginet krever ikke at du gjør det opprette en konto for å bruke forlagets kompresjonsserver. 

Ikke nøl med å konsultere 7 WordPress plugins for å optimalisere SEO av bilder på nettstedet ditt

Bulk Optimizer-funksjonen lar deg også optimalisere opptil 50 bilder om gangen, og du kan kjøre Bulk Optimizer på nytt for å komprimere flere bilder.

Last ned | dEMO | Webhotell

3. FAQPlus

FAQPlus er sikkert en av de WordPress plugins FAQ-premie som når det gjelder funksjonalitet er den beste som tilbys på denne listen. Mengden tilpasninger den stiller til din disposisjon er imponerende.

Blant funksjonene vil du finne at den støtter Visual Composer-plugin. Det er fullt responsivt og kompatibelt med flere nettlesere. Det tilbyr forskjellige typer vanlige spørsmål, spesielt: vanlige spørsmål i spørsmål og svarformat.

Last ned | dEMO | Webhotell

Anbefalte ressurser

Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.

• 10 multipurpose WordPress-temaer for å lage et nettsted
• 9 Easy Digital Downloads-plugins for å administrere digitale nedlastinger
• Slik holder du besøkende lenger på nettstedet ditt
• Hvordan å optimalisere bildene dine og forbedre SEO

konklusjonen

Her! Det er alt for denne opplæringen, jeg håper det vil tillate deg å tilpasse webdesignet ditt ved å ta inspirasjon fra disse 5 overskriftene.

Du vil imidlertid også kunne konsultere våre ressources, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting.

Føl deg fri til å del tipset med vennene dine på dine sosiale nettverk. Men i mellomtiden, fortell oss om din commentaires og forslag i den dedikerte delen.

...