existují tři druhy záhlaví, které obvykle vidím používané na ol ‚ interwebs-navigační záhlaví, úplné záhlaví fotografií a záhlaví uvítací rohože. Pokud vás zajímá, jak vytvořit záhlaví blogu, budete muset znát výhody a nevýhody pro každý typ, než se dostaneme k natvrdlý kostrbatý stvoření.

navigační hlavičky

navigační hlavičky nejsou založeny na fotografiích. Například, na samém vrcholu mého webu, mám své logo, plus odkazy na důležité stránky nebo registrační formuláře. Podívat.

Navigační záhlaví, jako jsou tyto, jsou ideální, pokud jste fanouškem minimalismu a chcete přimět lidi, aby se skutečně soustředili na vaše psaní, aniž by vás rozptylovali obrázky.

je to také skvělá cesta, pokud jste noví,nezjistili jste svou značku nebo potřebujete jen spustit online.

rozvržení není nastaveno v kameni — navigační záhlaví lze rozložit různými způsoby. Pravděpodobně jste viděli některé, kde je logo ve středu nad textovými odkazy, nebo to může mít jen logo bez odkazů (nebo naopak).

tato hlavička často žije v souladu s dalšími hlavičkami blogů (můj web má pod sebou také další záhlaví), jako jsou úplné záhlaví fotografií a uvítací rohože.

záhlaví fotografií

styl záhlaví fotografií je velmi poutavý a opravdu vás vtáhne. Pokud chcete na svém blogu záhlaví fotografie, přemýšlejte o tom, jaký bude předmět. Bude to fotka člověka? Jako vy, nebo vy a vaše rodina, nebo nějaká reprezentace vašeho ideálního zákazníka? Nebo to bude fotka s nějakou krajinou, vzorem, karikaturou/ikonami nebo dokonce videem?

podívejte se na tento příklad z AlexTooby.com. Alex používá fotografii sebe a trochu uvítacího nápadu se silnou výzvou k akci, aby se přihlásila k jejímu kurzu.

fotografie funguje jak pro nováčky, tak pro vracející se návštěvníky. Proč? Protože používá několik jemných vizuálních prvků (více o nich později), které slouží k posílení síly této hlavičky. Drží telefon, s rozhraním Instagram zesměšňovaným na něm, a dívá se na text, který chce, abyste si přečetli. Vaše oko je přirozeně přitahováno k její tváři, pak ke slovům, pak dolů na jasně růžové tlačítko pro kliknutí. To by bylo méně efektivní, kdyby se dívala na levou stranu obrazovky.

Pro-Tip: Mít někoho, kdo čelí“ in “ směrem ke kopii nebo tlačítku, je ninja designový trik, který můžete použít, také.

záhlaví fotografií může nastavit náladu a pomoci vašim čtenářům jednat. Vzhledem k tomu, že záhlaví fotografií jsou velké, blokují další rozptýlení na stránce a pomáhají soustředit čtenáře na přesně to, co chcete, aby dělali (například Alexovo tlačítko „Start Free Course“).

záhlaví uvítací rohože

typická „uvítací podložka“, kterou můžete vidět na internetu, je převzetí na celou obrazovku a existují nástroje, které vám to pomohou.

nebo, pokud nechcete převzít celou stránku, můžete také nastavit část tak, aby fungovala jako uvítací rohož nebo registrační formulář pro nějakou speciální freebie, kterou nabízíte. Nejste si jisti, jak by to vypadalo? Podívejte se na obrázek níže z mých webových stránek. Nabízím bezplatný e-kurz, který chci, aby všichni návštěvníci viděli jako první, abych mohl vytvořit svůj e-mailový seznam se správným publikem pro budoucí e-maily a propagační akce. Pod tímto se zobrazují položky mého blogu, takže návštěvníci mohou jednoduše posunout dolů a zobrazit mé nejnovější příspěvky.

Nyní, když jste viděli tři různé styly, je čas mluvit o vytvoření záhlaví blogu pro váš web.

jak vytvořit záhlaví blogu, které vypadá značkově

vím, že termín „značkový“ zní oficiálně a zastrašující, ale nikdy se nebojte! Je to vlastně docela snadné, pokud se soustředíte jen na pár klíčových věcí. Konkrétně barvy (často nalezené ve vašem logu) a písma.

Pro tip: Sestavte si průvodce značkou pro sebe do složky, abyste mohli tyto informace sledovat (spolu s logem) pro snadný přístup kdykoli.

dokonce i když nechcete, aby nějaký efektní tištěný průvodce, můžete zapisovat tyto informace na sticky note a udržet ji na monitoru. To vám ušetří spoustu času v dlouhodobém horizontu! Nyní pojďme rozebrat některé konstrukční prvky.

Vyberte si barvy

možná máte několik barev, které jste se rozhodli použít pro svou značku, ale dobrým místem pro začátek je vaše logo. Barvy vašeho loga jsou skvělé pro použití na vašem webu, značce a záhlaví blogu. Konzistence je klíčová – pokud máte horkou růžovou barvu, pak možná vaše fotografie mají jeden prvek růžové nebo celkové růžové obsazení, nebo možná použijete černou a bílou a vytáhnete barvu jinými způsoby.

Aby YouBabyMeMummy.com dělá to krásně vložením nádherné, plnobarevná verze přes její logo jako překrytí na černobílé fotografii sebe sama se svou dcerou. Tato záhlaví fotografie vás opravdu vtáhne do jejího příběhu odvážným a poutavým způsobem. Pokud chcete vidět více příkladů ohromující, klikněte na její web, obrázky na celou obrazovku.

a pokud se stále snažíte zjistit, jaké barvy použít ve vaší značce, tento článek o psychologii barev je velmi odhalující!

vyberte písmo

začlenění stylového nebo značkového písma přímo do záhlaví může být opravdu relevantní a rychlý způsob, jak dostat vaši zprávu. Jako v tomto velmi jedinečném a poutavém obrazu od Luci ByLucinda.co.uk.

tato přímořská krajina zapadá přímo do její značky, která obsahuje spoustu přírodních prvků a předvádí její elegantní, ale drzou atmosféru. Žádný Times New Roman pro tuto dámu! Má také chytrý způsob, jak ukázat své odkazy na sociální média na pravé straně ve světle zeleném obdélníkovém proužku. Spojuje horní navigaci s velkou tučnou fotografií a pomáhá úmyslně vytáhnout oko dolů po stránce.

můžete najít nějaké opravdu zábavné, bezplatné fonty online z míst, jako je Font Squirrel a Dafont. Mnoho z těchto bezplatných písem je zabudováno přímo do programů jako Canva a PicMonkey. Protože jsou však zdarma, existuje větší šance, že někdo jiný (dokonce i konkurent) může používat ten, který chcete.

Chcete-li používat fonty fancier v těle nebo nadpisy vašeho webu (tj. A pro návod, která písma použít pro web design, Podívejte se na tato tři přikázání.

začleňte vizuální prvky

při vytváření záhlaví značkového blogu byste měli přemýšlet o tom, jaké vizuální prvky chcete zahrnout. Zkontrolovali jsme příklady pomocí loga, fotografie a velkého tlačítka clear.

Jen z ToastMeetsJam.com dělá jen to. Nepadla jen do tabulky, jako byste měli v nudné tabulce — použila umělecké ohraničení a skvělá písma spolu se svými formulářovými poli a kruhovým tlačítkem“ GO“.

podívejte se, jak hladce začleňuje registraci e-mailu do návrhu? Nejen, že vás zaujme fotografií, na které vypadá animovaně a přátelsky, ale také využívá čisté, šedé pozadí, aby vás soustředilo na text a formu. Žádné rušivé vzory nebo snímky, které by vás odlákaly od klíčového úkolu vyplnění tohoto formuláře a pohybu vpřed. Nemůže být jasnější, co musíte udělat, abyste ji dostali zdarma, pětidenní kurz.

připravte se na design

viděli jste několik příkladů skvělých záhlaví blogů, ale co uděláte dál? Chcete-li jít na vlastní záhlaví blogu, budete muset shromáždit některé návrhové nástroje a informace o velikosti obrázku.

návrhové nástroje

základní návrhové nástroje pro vytváření vlastního záhlaví blogu nemusí být těžké nebo drahé. Zkuste pár ven a uvidíte, co jste spokojeni s, pak jít na to! Nebojte se, pokud se zpočátku cítí trapně-čím více je budete používat, tím lépe. Zde je několik, které můžete začít zkoumat, v pořadí od nejjednodušších po nejobtížnější.

Canva. To je pravděpodobně nejjednodušší na trhu, a je to zdarma! K dispozici je placená verze s názvem Canva pro práci, pokud se chcete ponořit hlouběji, ale bezplatná verze je opravdu zábavná a snadno se učí. Je to webový designový nástroj, takže se stačí přihlásit na web a použít jej přímo ve svém prohlížeči.

PicMonkey. Pokud jste opravdu do úpravy fotografií a hraní s filtry, pak PicMonkey stojí za vyzkoušení. Existuje mnoho zábavných efektů zabudovaných. Stejně jako Canva je PicMonkey webový a má bezplatnou verzi plus placenou verzi s dalšími funkcemi.

Photoshop. Nemůžete zmínit designový software a nevyvolávat Photoshop! Je to powerhouse programu a může udělat mnohem víc, než jen vytvořit záhlaví blogu,ale je to určitě skvělé. Je to aplikace, kterou si stáhnete, a budete platit měsíční předplatné (bezplatná zkušební verze je také k dispozici).

jako profesionální designér používám Photoshop celou svou kariéru a miluji ho. Většina mých čtenářů si myslí, že Photoshop je zpočátku zastrašující, ale je to úplně proveditelné, jakmile se naučíte několik základů. Musím však říci, že od objevení Canvy často používám kombinaci Photoshopu a Canvy, abych vytvořil svou grafiku. Canva je prostě tak zábavná!

Pro tip: Pokud si vyberete fotografický plán od společnosti Adobe, můžete získat Photoshop + Lightroom za poměrně nízké měsíční náklady. Ne příliš ošuntělý.

WordSwag. Pokud máte rádi grafiku v telefonu, je to pro vás. Tato mobilní aplikace není zdarma, ale je jen pár dolarů a má verzi pro iOS a Android. Plus, je připojen k bezplatnému webu creative commons stock photo, takže nikdy nejste v rozpacích při výběru obrázků v záhlaví blogu. Má všechny druhy barev, textur a písem z čeho vybírat. Vše, co musíte udělat, je uložit finální grafiku do „cloudu“ nebo ji připojit k počítači, abyste ji mohli nahrát na svůj web.

velikosti obrázků

při vytváření záhlaví blogu je třeba zvážit velikost obrázku ve vztahu k platformě vašeho webu. Velikost vašeho tématu WordPress se může lišit od stránky Squarespace další osoby nebo nástroje GoDaddy GoCentral Website Builder. Zde je několik věcí, které je třeba mít na paměti:

rozměry pixelů. Velikosti jsou obvykle uvedeny jako nějaké číslo široký nějakým číslem vysoký a v rozměrech Pixelů. Například: 1000×400 (nebo 1000px x 400px) znamená, že váš obrázek je 1000 pixelů široký a 400 pixelů vysoký.

rozlišení. Pro internet je vaše rozlišení snadné-je to vždy 72! Vyšší rozlišení, jako je 300, 600 nebo více, jsou pro tisk. Rozlišení obrazovky pro monitory je vždy jen 72. Takže pomocí našich příkladných rozměrů shora by váš konečný obrázek byl 1000px široký a 400px vysoký, 72 dpi (nebo ppi).

typ souboru. Soubory PNG nikdy neztrácejí kvalitu bez ohledu na to, kolikrát je uložíte, ale jsou větší ve velikosti MB (megabajt). JPG (jpeg) soubory mohou být uloženy na různých úrovních kvality, takže si můžete udržet Velikost souboru (MB) malý, ale pokaždé, když je uložit, ztrácejí trochu kvality. A.jpg soubor, který je uložen dvakrát, vypadá dobře, ale po uložení pětkrát nebo 10krát začne vypadat pixelově a zrnitě.

optimalizace znamená jejich uložení, aby byly kompaktnější při menší velikosti souboru, ale opatrně, abyste neztratili kvalitu. Můžete to udělat snadno pomocí bezplatné webové stránky s názvem TinyPNG. Podívejte se na roztomilé panda komprimovat své obrázky takovým způsobem, který udržuje je vypadat báječně, ale ušetří megabajtů!

jak vytvořit záhlaví blogu v Canvě

1. Zaregistrujte si účet.

2. Použijte vlastní rozměry.

3. Vyberte fotografii zdarma.

4. přidat vlastní text.

5. Přizpůsobte si svůj design.

6. přidejte logo.

7. Stáhněte si záhlaví blogu.

nyní pro zábavnou část! Pojďme se ponořit do vytváření vlastní záhlaví blogu od nuly pomocí Canva. Používám zdroje, které jsou k dispozici zdarma, takže to můžete udělat úplně sami spolu se mnou. Stačí se zaregistrovat na účet zdarma a jste připraveni jít.

zde je záhlaví blogu, které budeme dělat:

1. Zaregistrujte si účet.

jakmile se zaregistrujete k účtu na Canva, dostanete se na stránku vytvořit design, kde budete chtít kliknout na Použít vlastní rozměry v pravém horním rohu.

Použijte vlastní rozměry.

do zobrazených polí vyplňte požadovanou šířku a výšku a pro pixely vyberte „px“. Poté klikněte na Design! tlačítko.

objeví se nový projekt s prázdnou obrazovkou a záložkou rozvržení vybranou vlevo. Všimněte si, že název projektu nebyl zadán, takže se jmenuje „1000px x 400px – Untitled Design“ v horní části vedle tlačítka Sdílet.

Vyberte fotografii zdarma.

klikněte na prvky a vyberte fotografii zdarma z poskytnutých. Všichni svobodní říkají „zdarma“ ve spodním rohu. Můžete také nahrát vlastní fotografii, ale pro náš tutoriál budeme pracovat s jednou z těchto fotografií zdarma.

jakmile kliknete na fotografii, okamžitě se objeví v oblasti návrhu vašeho projektu. Pojďme do toho a přejmenovat tento projekt, když jsme u toho. Klikněte na dočasný název vedle tlačítka Sdílet a zadejte nový. Říkám tomu „cestovní deníky“ pro svůj předstíraný cestovní blog.

poté, co váš obrázek sedí v oblasti návrhu, můžete jej zvětšit přetažením kruhů v rozích. Pokračujte a změňte velikost tohoto obrázku tak, aby odpovídala dokumentu.

přidat vlastní text.

skvělé! Teď potřebujeme nějakou zprávu. Klikněte na záložku Text v levém sloupci a uvidíte několik možností, ze kterých si můžete vybrat. Můžete kliknout na předem navržená uspořádání textu ve spodní části tohoto okna nebo na jednotlivé řádky textu nahoře. Pokračujte a klikněte na Přidat Nadpis. Tento text se objeví na obrázku, výchozí na černou.

nyní pro nějakou zábavu! Pojďme si vybrat jiné písmo. Projděte si volby písma a vyberte vše, co vás zaujme. Vybral jsem si štětec ve stylu jednoho. Je těžké vidět v černé barvě na vrcholu tohoto obrázku, tak to změníme na bílou. Kliknutím na barevné pole v horní části vyvoláte výběr barev a vyberte bílý čtverec. Také jsem upravil velikost na 104.

dále pokračujte a přetáhněte tento směr na místo na obrázku, aby byl více vystředěn.

Přizpůsobte svůj design.

je trochu těžké číst a soustředit se na text na tomto rušném pozadí, takže přidáme efekt rozostření. Stačí kliknout na fotografii na pozadí a vybrat ji, poté vybrat filtr a kliknout na Pokročilé možnosti.

okno filtru se rozbalí a ukáže vám některé další věci, které můžete udělat. Můžete hrát s sytostí, barevným tónováním, přidat vinětu a další.

klikněte na černou tečku v části rozostření a přetáhněte ji doprava. Vybral jsem si + 22 na stupnici rozmazání.

přidat logo.

nyní kliknutím z tohoto okna zobrazíte svůj návrh. Vypadáš dobře! Nyní to označíme přidáním loga. Logo můžete nahrát kliknutím na kartu obrázky vlevo a poté na velké zelené tlačítko Nahrát vlastní obrázky.

vyberte transparentní .png verze vašeho loga, takže není zploštělá na plnou barvu (pokud váš styl loga není uvnitř bílého obdélníku nebo něco takového).

po načtení se zobrazí v oblasti pod zeleným tlačítkem. Zůstane tam pro vás použít na budoucí projekty. Šikovné! Už jsem měl své falešné logo nahrané, tak jsem se jen posunul dolů a našel ho.

klikněte na logo a poté se objeví ve vašem návrhu.

nyní můžete změnit velikost, přesunout ji kolem, a dokonce si fantazie a hrát si s průhledností, pokud chcete.

Stáhněte si záhlaví blogu.

Hurá! Nyní je váš návrh připraven, takže vše, co zbývá, je stáhnout. Klikněte na tlačítko Stáhnout v horní části obrazovky a vyberte typ souboru. Obvykle jdu s doporučeným typem PNG.

jakmile je váš návrh stažen do počítače, můžete jej otevřít a obdivovat a poté jej načíst do svého blogu.

a to je vše, co je k tomu! Doufejme, že máte dobrý přehled o tom, jak vytvořit záhlaví blogu a důležitost hvězdného obrazu. Nyní můžete přidat jeden do svého blogu. Šťastný branding!