Vill du hitta de bästa rubrikerna för att inspirera din design?

Tidigare hänvisade ett "rubrik" i webbdesign i allmänhet till remsan som alltid finns högst upp på webbplatser som innehåller logotypen, navigeringsfältet och kanske lite kontaktinformation och sökfältet. Numera hänvisar en "rubrik" oftare till hela utrymmet ovanför hemsidan.

Förbättra kvaliteten på dina sidor genom att upptäcka Hur man förbättrar dåliga bloggsidor

Om inte någon hittade din webbplats via en bloggdelning på sociala medier eller en hänvisning till en annan webbplats, är det troligt att de finns där genom sidan. Och det första de definitivt kommer att se är din rubrik.

Genom att designa en webbplats för att möta besökarnas förväntningar och förbättra komforten genom att göra upplevelsen lite mer förutsägbar kan du effektivt förbättra klick- och omvandlingsfrekvensen.

Tänk nu på detta rubrikutrymme på denna hemsida.

rubriker för att inspirera din design

De flesta förlitar sig på hemsidor för att ge dem en översikt över vad ett företag eller webbplats kan göra, vilket innebär att du inte har råd att slösa bort denna möjlighet för att möta den förväntningen. Självklart, hemsidan design kan vara unikt för ditt varumärke, men de element som finns där borde inte vara. Besökare förväntar sig att rullning inte är nödvändig för att ta reda på vad en webbplats kommer att göra för dem. I huvudsak bör din rubrik vara en 10 sekunders berättelse som visar sig vara av värde för dina besökare.

Så vad ska du göra med det här utrymmet för att fånga dina besökares intresse?

Vi kommer att prata om några trender i 2017 header design, hur man använder sig av denna mycket synliga fastigheter och ta en titt på några intressanta exempel på rubriker.

5 huvudtrender

Det är inte som om dina besökare är omedvetna om deras förmåga att rulla ner på en sida eller klicka genom en navigering för att lära sig mer om din webbplats. Men varför skulle de tvingas göra detta? Det finns tillräckligt med utrymme i rubriken för att visa det korta meddelandet som berättar för dem vad de ska veta. Och om 50 ord eller mindre inte räcker är det inte nödvändigtvis resten av dokumentet som kommer att säga mer.

Först och främst kan startsidan rubrikera eller bryta första intryck av dina besökare.

Om du kämpar för att hitta ett sätt att introducera din webbplats till den här webbplatsen, kanske du kommer att hitta inspiration i följande rubrikdesigntrender 2017:

1. Överdimensionerad hjältbild

Cleverbird kreativ

Tack vare den modulära stilen för webbdesign för att kunna svara, är de flesta mönster nu indelade i separata sektioner och block. Denna designstil lyckas smälta in i bilder med full bredd som innehåller många webbplatser.

Se även: Så här skapar du en fullbreddssida på WordPress

Ta till exempel webbplatsen Cleverbird Creative. Den använder en unik och slående bild överlagrad med enkel text för att välkomna besökare. Det finns inga misstag i vad de ser här: förenklad i skönhet.

2. Bildreglage

Bildreglage

Jag tror att det fanns en tid, inte för långt tidigare, då många av oss såg skjutreglaget som en livskraftig del av designen. Så många designers har gjort ett bra jobb i använder dem i rubrikerna.

Det finns glidande bilder som automatiskt rullar med högupplösta bilder och andra som ber besökarna att ta kontroll över denna upplevelse själva.

3. Använda parallaxanimering

Med parallaxanimering

Parallax rullning växer fortfarande kraftigt och rubriken har visat sig vara det perfekta stället att visa denna typ av "illusion" visuella på webbdesign. Vad du ser mer nyligen är dock designern som ger en parallaxeffekt för att bläddra en kortvarig kant, förmodligen för att överraska besökarna med det oväntade resultatet.

4. Videobakgrund

Videobakgrund

Videobakgrunder är en annan sådan ny trend som verkligen fungerar bäst när den tillämpas på startsidan. Den från "28" -webbplatsen gör ett bra jobb med att sätta stämningen för restaurangens webbplats och visar upp videor från framsidan och baksidan av matsalen.

Se även: Lägga video bakgrunder på Wordpress: Fördelar och nackdelar

5. Dold navigering

Dold navigationsmeny

Även om det kan hävdas att hamburgermenyn tillhör webbplatser som läses på mobila enheter (som ursprungligen planerat), måste man dock säga att flera webbplatser ofta använder den i samband med minimalistisk navigering. Rehabstudios webbplats är ett bra exempel på detta. När du går in igen kan navigationen vara synlig, din omedelbara uppmärksamhet riktas mot de spännande bilderna med plussymbolen ... och sedan inser du att det finns små detaljer av animering som omger den.

Läs också: Hur man lägger stil till ditt navigeringsmenyer

Det är allt för dessa olika inspirationskällor. Vad tror du ?

Upptäck också några premium WordPress-plugins  

Du kan använda andra Wordpress plugins för att ge ett modernt utseende och för att optimera hanteringen av din blogg eller hemsida.

Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.

1. Postlayout: Nyhets Ticker

Detta premium WordPress-tillägg från Visual Composer permettra förbättra din WordPress-webbplats genom att erbjuda honom möjligheten att göra brådskande eller viktiga meddelanden på din webbplats. Detta är en utvidgning som utan tvekan kommer att vara perfekt för tidningswebbplatser. Nyhetsmarkering för inläggslayout

Dess huvudsakliga funktioner inkluderar: 

3 rullningstyper klassificeras, stöd för tre platser där du kan placera dina annonser, möjligheten att dölja eller visa den presenterade bilden, anpassning av annonskällor, en helt anpassningsbar och lyhörd layout, Flerspråkigt stödOsv ...

Ladda ner | demowebbhotell

2. Smush It

WP Smush är en Wordpress plugin populär bildkomprimering. Den komprimerar automatiskt bilder vid uppladdning och kan även användas för att komprimera och optimera redan befintliga bilder. 

Smush

Du kommer också att kunna ställa in en maximal bildupplösning och dina bilder kommer att reduceras till mer rimliga storlekar medan de komprimeras. Den gratis versionen av detta plugin kräver inte att du gör det skapa ett konto för att använda utgivarens komprimeringsserver. 

Tveka inte att kontakta 7 WordPress plugins för att optimera SEO av bilder på din webbplats

Med Bulk Optimizer-funktionen kan du också optimera upp till 50 bilder åt gången, och du kan köra Bulk Optimizer igen för att komprimera fler bilder.

Ladda ner demo | webbhotell

3. FAQPlus

FAQPlus är säkert en av de Wordpress plugins FAQ-premie som när det gäller funktionalitet är den bästa som tillhandahålls på denna lista. Mängden anpassningar den ställer till ditt förfogande är imponerande.

FAQ

Bland dess funktioner hittar du att den stöder Visual Composer-plugin. Det är fullt responsivt och kompatibelt med flera webbläsare. Det erbjuder olika typer av vanliga frågor, särskilt: vanliga frågor i fråga och svarformat.

Ladda ner | demo | webbhotell

Rekommenderade resurser

Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.

Slutsats

Här! Det är allt för denna självstudie, jag hoppas att det kommer att göra det möjligt för dig att anpassa din webbdesign genom att hämta inspiration från dessa 5 rubriker.

Du kommer dock också att kunna konsultera vår medel, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande.

Känn dig fri att dela tipset med dina vänner på dina sociala nätverk. Men under tiden berätta om din commentaires och förslag i det dedikerade avsnittet.