Vil du finde de bedste overskrifter til at inspirere dit design?

Tidligere henviste et "header" i webdesign generelt til stripen, der altid er til stede øverst på websteder, der indeholder logoet, navigationslinjen og måske nogle kontaktoplysninger og søgefeltet. I dag henviser en "header" oftere til hele rummet over hjemmesiden.

Forbedre kvaliteten af ​​dine sider ved at opdage Sådan forbedres dårlige blogsider

Medmindre nogen fandt dit websted via en blogdeling på sociale medier eller en henvisning til et andet websted, er chancerne for, at de er der gennem siden. Og den første ting, de helt sikkert vil se, er din header.

Ved at designe et websted, der imødekommer besøgende forventninger og forbedre komforten ved at gøre oplevelsen lidt mere forudsigelig, kan du effektivt forbedre klikfrekvens og konverteringsfrekvens.

Tænk nu på dette header-plads på denne hjemmeside.

De fleste mennesker stoler på hjemmesider for at give dem et overblik over, hvad en virksomhed eller et websted kan gøre, hvilket betyder, at du ikke har råd til at spilde denne mulighed for at imødekomme denne forventning. Selvfølgelig, startsidehoveddesign kan være unikt for dit brand, men de elementer, der findes der, burde ikke rigtig være. Besøgende forventer, at det ikke er nødvendigt at rulle for at finde ud af, hvad et websted vil gøre for dem. I bund og grund skal din header være en 10 sekunders historie, der viser sig at være af værdi for dine besøgende.

Så hvad vil du gøre med dette rum for at fange dine besøgendes interesse?

Vi vil tale om nogle tendenser i 2017 header design, hvordan man bruger denne meget synlige ejendom og kigger på nogle interessante eksempler på overskrifter.

5 overskriftstendenser

Det er ikke som om dine besøgende er uvidende om deres evne til at rulle ned på en side eller klikke gennem en navigation for at finde ud af mere om dit websted. Men hvorfor skulle de blive tvunget til at gøre dette? Der er plads nok i overskriften til at vise den korte besked, der fortæller dem, hvad de skal vide. Og hvis 50 ord eller mindre ikke er nok, er det ikke nødvendigvis resten af ​​dokumentet, der vil sige mere.

Først og fremmest kan startsidehovedet gøre eller bryde første indtryk af dine besøgende.

Hvis du kæmper for at finde en måde at introducere dit websted til denne placering, vil du måske finde inspiration i de følgende header design tendenser i 2017:

1. Meget stort heltebillede

Takket være den modulære stil af webdesign for at være lydhør, er de fleste af designerne nu opdelt i separate sektioner og blokke. Denne designstil formår at blande sig godt med billeder i fuld bredde, der indeholder mange websteder.

Se også: Sådan oprettes en hel side bredde på WordPress

Tag for eksempel webstedet Cleverbird Creative. Det bruger et entydigt og slående billede overlejret med simpel tekst for at byde besøgende velkommen. Der er ingen fejl i det, de ser her: forenklet i skønhed.

2. Billedskyder

Jeg tror, ​​der var en tid, ikke alt for langt i fortiden, hvor mange af os så skyderen som en levedygtig del af designet. Så mange designere har gjort et godt stykke arbejde i bruger dem i overskrifterne.

Der er glidende billeder, der automatisk ruller med billeder i høj opløsning, og andre, der beder besøgende om at tage kontrol over denne oplevelse selv.

3. Brug af parallax-animation

Parallaksrulning vokser stadig stærkt, og headeren har vist sig at være det perfekte sted at vise denne slags "illusion" visuelle på webdesign. Hvad du for nylig vil se, er imidlertid designeren, der giver en parallakseffekt for at rulle en kortvarig kant, sandsynligvis for at overraske besøgende med det uventede resultat.

4. Video baggrund

Videobaggrund er en anden sådan nyere tendens, der virkelig fungerer bedst, når den anvendes på startsiden. Den på "28" -webstedet gør et godt stykke arbejde med at sætte stemningen for restaurantens websted og vise videoer af restaurantens for- og bagside.

Se også: Tilføjelse video baggrunde på WordPress: fordele og ulemper

5. Skjult navigation

Selvom det kan argumenteres for, at hamburger-menuen tilhører websteder, der læses på mobile enheder (som oprindeligt planlagt), skal det dog siges, at adskillige websteder ofte bruger den i forbindelse med minimalistisk navigation. Rehabstudio-webstedet er et godt eksempel på dette. Når du kommer ind i navigationen igen, kan din øjeblikkelige opmærksomhed henledes på de spændende billeder med plus-symbolet ... og så indser du, at der er små strejf af animation omkring det.

Læs også: Sådan giver du stil til dine navigationsmenuer

Det er alt sammen for disse forskellige inspirationskilder. Hvad synes du ?

Oplev også nogle premium WordPress-plugins  

Du kan bruge andet WordPress plugins for at give et moderne udtryk og for at optimere håndteringen af ​​din blog eller hjemmeside.

Vi tilbyder dig her nogle premium WordPress-plugins, der hjælper dig med det.

1. Postlayout: Nyheder Ticker

Denne premium WordPress-tilføjelse fra Visual Composer permettra forbedre dit WordPress-websted ved at give ham muligheden for at fremsætte presserende eller vigtige meddelelser på dit websted. Dette er en udvidelse, der uden tvivl vil være ideel til magasinwebsteder.

Dets vigtigste funktioner inkluderer: 

3 rulletyper Classified, support til 3 placeringer, hvor du kan placere dine annoncer, muligheden for at skjule eller vise det fremhævede billede, personalisering af annoncekilder, et fuldt tilpasset og responsivt layout, Flersproget supportosv.

Downloade | demo | Web-hosting

2. Smush It

WP Smush er en WordPress plugin populær billedkomprimering. Den komprimerer automatisk billeder ved upload og kan også bruges til at komprimere og optimere allerede eksisterende billeder. 

Du vil også være i stand til at indstille en maksimal billedopløsning, og dine billeder reduceres til mere rimelige størrelser, mens de komprimeres. Den gratis version af dette plugin kræver ikke, at du gør det oprette en konto at bruge forlagets komprimeringsserver. 

Tøv ikke med at konsultere 7 WordPress plugins til optimering af SEO af billeder på din hjemmeside

Funktionen Bulk Optimizer giver dig også mulighed for at optimere op til 50 billeder ad gangen, og du kan køre Bulk Optimizer igen for at komprimere flere billeder.

Downloade | demo | Web-hosting

3. FAQPlus

FAQPlus er helt sikkert en af ​​de WordPress plugins FAQ-præmie, som med hensyn til funktionalitet er den bedste på denne liste. Mængden af ​​tilpasninger, den stiller til din rådighed, er imponerende.

Blandt dens funktioner finder du, at det understøtter Visual Composer-plugin. Det er fuldt responsivt og kompatibelt med flere browsere. Det tilbyder forskellige typer ofte stillede spørgsmål, især: ofte stillede spørgsmål i spørgsmål og svarformat.

Downloade | demo | Web-hosting

Anbefalede ressourcer

Find ud af om andre anbefalede ressourcer, der hjælper dig med at opbygge og administrere dit websted.

• 10 multifunktionelle WordPress-temaer for at oprette en hjemmeside
• 9 Easy Digital Downloads-plugins til styring af digitale downloads
• Sådan holder du dine besøgende længere på dit websted
• Sådan optimerer dine billeder og forbedre din SEO

Konklusion

Her ! Det er alt sammen til denne tutorial, jeg håber, det vil give dig mulighed for at tilpasse dit webdesign ved at hente inspiration fra disse 5 overskrifter.

Du vil dog også kunne konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse.

du er velkommen til del tipet med dine venner på dine sociale netværk. Men i mellemtiden, fortæl os om din kommentarer og forslag i det dedikerede afsnit.

...