Doriți să găsiți cele mai bune anteturi pentru a vă inspira designul?

În trecut, un „antet” în designul web se referea, în general, la banda prezentă întotdeauna în partea de sus a site-urilor web care conține sigla, bara de navigare și poate unele informații de contact și bara de căutare. În zilele noastre, un „antet” se referă mai des la întregul spațiu de deasupra paginii de pornire.

Îmbunătățiți calitatea paginilor dvs. descoperind Cum să îmbunătățiți paginile de blog slabe

Cu excepția cazului în care cineva ți-a găsit site-ul web printr-un blog de partajare pe rețelele de socializare sau printr-o trimitere către un alt site web, este posibil să fie acolo prin intermediul paginii. Și primul lucru pe care îl vor vedea cu siguranță este antetul tău.

Proiectând un site web pentru a satisface așteptările vizitatorilor și pentru a îmbunătăți confortul, făcând experiența un pic mai previzibilă, puteți efectiv îmbunătățiți ratele de clic și de conversie.

Acum, gândiți-vă la acest spațiu antet din această pagină de pornire.

Majoritatea oamenilor se bazează pe paginile de pornire pentru a le oferi o imagine de ansamblu a ceea ce poate face o afacere sau un site web, ceea ce înseamnă că nu vă puteți permite să pierdeți această oportunitate pentru a satisface această așteptare. Desigur, proiectarea antetului paginii de pornire pot fi unice pentru marca dvs., dar elementele găsite acolo nu ar trebui să existe. Vizitatorii se așteaptă ca derularea să nu fie necesară pentru a afla ce va face un site web pentru ei. În esență, antetul dvs. ar trebui să fie o poveste de 10 secunde care să se dovedească a fi de valoare pentru vizitatorii dvs.

Deci, ce vei face cu acest spațiu pentru a capta interesul vizitatorilor tăi?

Vom vorbi despre unele tendințe în proiectarea antetului 2017, cum să utilizezi acest imobil imobiliar vizibil și să aruncăm o privire la câteva exemple interesante de anteturi.

5 tendințe antet

Nu este ca și cum vizitatorii dvs. nu ar fi conștienți de capacitatea lor de a derula o pagină sau de a face clic printr-o navigare pentru a afla mai multe despre site-ul dvs. web. Dar de ce ar trebui să fie obligați să facă acest lucru? Există suficient spațiu în antet pentru a afișa mesajul scurt care le spune ce să știe. Și dacă 50 de cuvinte sau mai puțin nu sunt suficiente, nu neapărat restul documentului va spune mai multe.

În primul rând și în primul rând, antetul paginii de pornire poate crea sau rupe primele impresii ale vizitatorilor.

Dacă te străduiești să găsești o modalitate de a-ți introduce site-ul web în această locație, poate te vei inspira în următoarele tendințe de proiectare a anteturilor din 2017:

1. Imagine de erou supradimensionată

Datorită stilului modular de design web pentru a fi receptivi, majoritatea desenelor sunt acum împărțite în secțiuni și blocuri separate. Acest stil de design reușește să se îmbine bine cu imaginile cu lățime completă care populează multe site-uri web.

Vezi și: Cum de a crea o pagină cu lățime întreagă pe WordPress

Luați, de exemplu, site-ul web Cleverbird Creative. Folosește o imagine singulară și izbitoare suprapusă cu un text simplu pentru a întâmpina vizitatorii. Nu există greșeli în ceea ce văd aici: simplificat în frumusețe.

2. Glisor de imagine

Cred că a existat o perioadă, nu prea îndepărtată în trecut, când mulți dintre noi vedeam glisorul ca pe o parte viabilă a designului. Atât de mulți designeri au făcut o treabă excelentă în folosindu-le în anteturi.

Există imagini glisante care derulează automat cu imagini de înaltă rezoluție și altele care solicită vizitatorilor să preia singuri controlul acestei experiențe.

3. Utilizarea animației de paralaxă

Defilarea Parallax este încă în creștere puternică, iar antetul s-a dovedit a fi locul perfect pentru a afișa acest tip de „iluzie” vizuală pe web design. Totuși, ceea ce veți vedea mai recent este proiectantul un efect de paralax pentru a derula o graniță tranzitorie, probabil pentru a surprinde vizitatorii cu rezultatul neașteptat.

4. Fundal video

Fundalurile video sunt o altă tendință recentă care funcționează cel mai bine atunci când este aplicată la antetul paginii de pornire. Cel de pe site-ul „28” face o treabă excelentă de a crea starea de spirit a site-ului restaurantului, prezentând videoclipuri din fața și din spatele localului de luat masa.

Vezi și: Adăugați fundaluri video la WordPress: argumente pro și contra

5. Navigare ascunsă

Deși se poate susține că meniul hamburger aparține site-urilor web citite pe dispozitive mobile (așa cum a fost planificat inițial), totuși trebuie spus că, în contextul navigației minimaliste, mai multe site-uri web îl folosesc adesea. Site-ul rehabstudio este un bun exemplu în acest sens. Pe măsură ce reintră în navigare, poate fi vizibil, atenția ta imediată este atrasă de imaginile incitante cu simbolul plus ... și apoi îți dai seama că există mici atingeri de animație care îl înconjoară.

Citiți și: Cum să dați stil meniurilor de navigare

Atât pentru aceste surse diferite de inspirație. Tu ce crezi ?

Descoperiți și câteva plugin-uri premium WordPress  

Puteți folosi altele WordPress plugin-uri pentru a oferi un aspect modern și pentru a optimiza gestionarea blogului sau site-ului dvs.

Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.

1. Post Layout: News Ticker

Acest supliment WordPress premium de la Compozitor Visual permettra îmbunătățiți-vă site-ul WordPress oferindu-i posibilitatea de a face anunțuri urgente sau importante pe site-ul dvs. web. Aceasta este o extensie care va fi fără îndoială ideală pentru site-urile de reviste.

Principalele sale caracteristici includ: 

Tipuri de defilare 3 clasificate, asistență pentru 3 locații în care vă puteți plasa anunțurile, posibilitatea de a ascunde sau afișa imaginea prezentată, personalizarea surselor publicitare, un aspect complet personalizabil și receptiv, Asistență multilingvăEtc ...

Descarca | Demo | web hosting

2. Smush-o

WP Smush este un WordPress plug-in compresia populară a imaginii. Comprimă automat imaginile la încărcare și poate fi folosit și pentru a comprima și optimiza imaginile deja existente. 

De asemenea, veți putea seta o rezoluție maximă a imaginii, iar imaginile dvs. vor fi reduse la dimensiuni mai rezonabile în timp ce sunt comprimate. Versiunea gratuită a acestui plugin nu necesită acest lucru creați un cont pentru a utiliza serverul de compresie al editorului. 

Nu ezitați să consultați Pluginurile 7 WordPress pentru a optimiza SEO-ul imaginilor de pe site-ul dvs.

Funcția Bulk Optimizer vă va permite, de asemenea, să optimizați până la 50 de imagini la un moment dat și puteți rula din nou Bulk Optimizer pentru a comprima mai multe imagini.

Descarca | Demo | web hosting

3. FAQPlus

FAQPlus este cu siguranță unul dintre WordPress plugin-uri Întrebări frecvente premium care din punct de vedere al funcționalității este cel mai bine oferit din această listă. Cantitatea de personalizări pe care o pune la dispoziție este impresionantă.

Printre caracteristicile sale veți găsi că acceptă pluginul Visual Composer. Este complet receptiv și compatibil cu mai multe browsere. Oferă diferite tipuri de întrebări frecvente, în special: întrebări frecvente în format întrebare și răspuns.

Descarca | Demo | web hosting

Resurse recomandate

Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.

• 10 teme WordPress multifuncționale pentru a crea orice site web
• Plugin-uri 9 Easy Digital Descarcări pentru gestionarea descărcărilor digitale
• Cum să vă păstrați vizitatorii mai mult timp pe site-ul dvs. web
• Cum de a optimiza imaginile și de a îmbunătăți SEO

Concluzie

Aici ! Totul este pentru acest tutorial, sper că vă va permite să vă personalizați design-ul web, inspirându-vă de aceste 5 anteturi.

Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress.

simte-te liber sa împărtășiți sfatul prietenilor dvs. de pe rețelele de socializare. Dar, între timp, spuneți-ne despre dvs. comentarii și sugestii în secțiunea dedicată.

...