Prajete si nájsť najlepšie hlavičky, ktoré by inšpirovali váš dizajn?
V minulosti sa „hlavičkou“ vo webovom dizajne všeobecne označoval prúžok, ktorý sa vždy nachádzal v hornej časti webových stránok a obsahoval logo, navigačný panel a možno nejaké kontaktné informácie a vyhľadávací panel. V súčasnosti sa „hlavičkou“ častejšie označuje celý priestor nad domovskou stránkou.
Vylepšite kvalitu svojich stránok objavovaním Ako zlepšiť zlé stránky blogu
Pokiaľ niekto nenájde váš web prostredníctvom zdieľania blogu na sociálnych sieťach alebo sprostredkovaním iného webu, je pravdepodobné, že sa tam nachádza. A prvá vec, ktorú určite uvidia, je vaša hlavička.
Navrhnutím webovej stránky tak, aby ste splnili očakávania návštevníkov a zlepšili pohodlie tým, že zážitok bude trochu predvídateľnejší, môžete efektívne zlepšiť mieru prekliknutia a konverzie.
Teraz premýšľajte o tomto priestore hlavičky na tejto domovskej stránke.
Väčšina ľudí sa spolieha na domovské stránky, aby im poskytla prehľad o tom, čo môžu firmy alebo webové stránky urobiť, čo znamená, že si nemôžete dovoliť premárniť túto príležitosť na splnenie tohto očakávania. Samozrejme, dizajn hlavičky domovskej stránky môžu byť pre vašu značku jedinečné, ale prvky, ktoré sa tam nachádzajú, by nemali byť. Návštevníci očakávajú, že posúvanie nie je potrebné, aby sa dalo zistiť, čo pre nich webová stránka urobí. V zásade by mala byť vaša hlavička 10-sekundový príbeh, ktorý by mal pre vašich návštevníkov hodnotu.
Čo teda budete robiť s týmto priestorom, aby ste zaujali záujem svojich návštevníkov?
Budeme hovoriť o niektorých trendoch v dizajne hlavičiek 2017, o tom, ako využiť túto vysoko viditeľnú nehnuteľnosť, a pozrieť sa na niektoré zaujímavé príklady hlavičiek.
5 trendov hlavičiek
Nie je to tak, akoby si vaši návštevníci neuvedomovali svoju schopnosť posúvať stránku nadol alebo preklikávať navigáciou, aby sa dozvedeli viac informácií o vašom webe. Prečo by však mali byť k tomu nútení? V hlavičke je dostatok miesta na zobrazenie krátkej správy, ktorá im hovorí, čo majú vedieť. A ak 50 slov alebo menej nestačí, nemusí to byť nutne zvyšok dokumentu, ktorý povie viac.
Hlavička domovskej stránky môže v prvom rade urobiť alebo prerušiť prvé dojmy vašich návštevníkov.
Ak sa snažíte nájsť spôsob, ako predstaviť svoj web na tomto webe, možno nájdete inšpiráciu v nasledujúcich trendoch návrhu hlavičiek z roku 2017:
1. Nadmerný obraz hrdinu
Vďaka modulárnemu štýlu webdizajnu, aby bol responzívny, je väčšina návrhov rozdelená do samostatných sekcií a blokov. Tento štýl dizajnu sa výborne hodí k obrázkom v plnej šírke, ktoré zapĺňajú mnoho webových stránok.
Pozri tiež: Ako vytvoriť celej šírke stránky na WordPress
Vezmite si napríklad webovú stránku Cleverbird Creative. Na privítanie návštevníkov používa jedinečný a výrazný obrázok s jednoduchým textom. V tom, čo tu vidia, nie sú žiadne chyby: zjednodušené v kráse.
2. Posúvač obrázkov
Myslím, že bola doba, nie príliš ďaleko v minulosti, keď mnohí z nás videli posuvník ako životaschopnú súčasť dizajnu. Toľko návrhárov odviedlo v ich použitie v záhlaví.
Existujú posuvné obrázky, ktoré sa automaticky posúvajú s obrázkami vo vysokom rozlíšení, a ďalšie, ktoré od návštevníkov požadujú, aby tento zážitok prevzali sami.
3. Používanie paralaxovej animácie
Posun paralaxy stále silno rastie a hlavička sa ukázala ako ideálne miesto na zobrazenie tohto druhu „ilúzneho“ vizuálu vo webovom dizajne. To, čo uvidíte v poslednej dobe, je však návrhár paralaxy efekt posúvania prechodného okraja, pravdepodobne prekvapí návštevníkov nečakaným výsledkom.
4. Pozadie videa
Pozadia videa sú ďalším takým posledným trendom, ktorý skutočne funguje najlepšie, keď sa použije v hlavičke domovskej stránky. Ten z webovej stránky „28“ odvádza skvelú prácu pri nastavovaní nálady pre webovú stránku reštaurácie a predvádza videá spredu a zozadu stravovacieho zariadenia.
Pozri tiež: Pridanie videa pozadia na WordPress: klady a zápory
5. Skrytá navigácia
Aj keď možno tvrdiť, že hamburgerové menu patrí webovým stránkam čítaným na mobilných zariadeniach (ako sa pôvodne plánovalo), treba povedať, že v kontexte minimalistickej navigácie ich často používa niekoľko webových stránok. Dobrým príkladom je web rehabstudio +. Keď znova vstúpite do navigácie, bude viditeľné, vaša okamžitá pozornosť je priťahovaná vzrušujúcimi vizuálmi so symbolom plus ... a potom si uvedomíte, že sú okolo nej malé dotyky animácie.
Prečítajte si tiež: Ako pridať štýl do menu navigácie
To je všetko pre tieto rôzne zdroje inšpirácie. Co si myslis ?
Objavte aj niektoré prémiové doplnky WordPress
Môžete použiť iné WordPress pluginy poskytnúť moderný vzhľad a optimalizovať prácu s vaším blogom alebo webovou stránkou.
Ponúkame vám tu niekoľko prémiových doplnkov WordPress, ktoré vám to pomôžu.
1. Post Layout: News Ticker
Tento prémiový doplnok WordPress od Visual Composer vôľa vylepšite svoj web WordPress ponúknutím možnosti okamžitého alebo dôležitého oznámenia na vašom webe. Toto je rozšírenie, ktoré bude nepochybne ideálne pre webové stránky časopisov.
Medzi jeho hlavné vlastnosti patrí:
Typy posúvania 3 klasifikovaný, podpora 3 umiestnení, kam môžete umiestniť svoje reklamy, možnosť skryť alebo zobraziť odporúčaný obrázok, prispôsobenie zdrojov reklamy, plne prispôsobiteľné a pohotové rozloženie, Viacjazyčná podporaAtď ...
Stiahnuť | demo | web hosting
2. Smush It
WP Smush je a WordPress Plugin populárna kompresia obrázkov. Automaticky komprimuje obrázky pri nahrávaní a dá sa použiť aj na kompresiu a optimalizáciu už existujúcich obrázkov.
Budete tiež schopní nastaviť maximálne rozlíšenie obrázka a vaše obrázky sa pri kompresii zmenšia na rozumnejšiu veľkosť. Bezplatná verzia tohto doplnku to nevyžaduje vytvorenie účtu používať kompresný server vydavateľa.
Neváhajte sa poradiť s Zásuvné moduly 7 WordPress na optimalizáciu SEO obrázkov na vašich webových stránkach
Funkcia Bulk Optimizer vám tiež umožní optimalizovať až 50 obrázkov súčasne a môžete znova spustiť nástroj Bulk Optimizer a komprimovať tak viac obrázkov.
Stiahnuť | demo | web hosting
3. FAQPlus
FAQPlus je určite jedným z nich WordPress pluginy FAQ premium, ktorý je z hľadiska funkčnosti najlepšie dostupný v tomto zozname. Množstvo prispôsobení, ktoré máte k dispozícii, je pôsobivé.
Medzi jeho vlastnosti nájdete, že podporuje doplnok Visual Composer. Je plne responzívny a kompatibilný s niekoľkými prehľadávačmi. Ponúka rôzne typy často kladených otázok, najmä: príslušné otázky a formát odpovedí.
Stiahnuť | demo | web hosting
Odporúčané zdroje
Zistite ďalšie odporúčané zdroje, ktoré vám pomôžu pri vytváraní a správe vašich webových stránok.
- 10 viacúčelové WordPress témy na vytvorenie akejkoľvek webovej stránky
- Doplnky 9 Easy Digital Downloads na správu digitálneho sťahovania
- Ako udržať svojich návštevníkov dlhšie na svojich webových stránkach
- Ako optimalizovať svoje obrázky a zlepšiť vaše SEO
záver
Tu ! To je všetko pre tento tutoriál, dúfam, že vám umožní prispôsobiť si webový dizajn inšpirovaním sa z týchto 5 hlavičiek.
Môžete sa však poradiť aj s našimi zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress.
kľudne zdieľajte tip so svojimi priateľmi na svojich sociálnych sieťach. Medzitým nám ale povedz niečo o svojom Komentáre a návrhy vo vyhradenej sekcii.
...