vím, že ne každý se rodí s designovými dovednostmi, takže jsem tu, abych vám dal nějakou naději a řekl vám, že stále můžete vytvořit pěkně vypadající záhlaví blogu, i když nejste designér!!
nejdříve budete potřebovat nějaké místo, abyste skutečně vytvořili záhlaví. Pokud máte Photoshop, jste na správné cestě. Pokud jste ještě nepoužívali Photoshop, můžete použít něco jako Gimp (je to jako bezplatný Photoshop) nebo Canva.
Krok 1: Nastavte rozměry
jakmile si vyberete zbraň editoru, je čas nastavit rozměry záhlaví. S největší pravděpodobností budete chtít, aby vaše záhlaví natáhlo šířku vašeho blogu. Pokud nevíte, jaká je celá šířka vašeho blogu, můžete se podívat do editoru/Přizpůsobovače šablon a vyhledat šířku oblasti záhlaví, která by měla být zobrazena v pixelech.
když vytvoříte nový obrázek nebo projekt v kterémkoli z těchto programů (soubor > nový), měl by vás požádat o rozměry. Nastavte vlastní rozměry na pixely a zadejte šířku svého blogu, následovanou výškou, kterou má být váš banner. Neexistuje žádné pravidlo pro výšku, ale pravděpodobně bych ji udržel pod 350px jen pro estetické účely.
pokud existuje rozlišení nebo nastavení DPI, mělo by být nastaveno na 72. Vše pro web by mělo mít vždy rozlišení 72 DPI. Udělejte pozadí bílé, abyste věci usnadnili.
skvělé! Nyní máte prázdný dokument v přesné velikosti, jakou bude vaše záhlaví. Pojďme k designu …
Krok 2: navrhování záhlaví blogu
pokud jste jedním z těch lidí, kteří nemají žádné umělecké schopnosti, nejlepší rada, kterou vám mohu dát, je něco, co jsem se naučil ve 3. třídě … k. I. S. S. — Nech to jednoduché, hloupé!
pěkně vypadající záhlaví nemusí být plné grafiky a všech vašich oblíbených věcí. Může to být jednoduché a elegantní bez jakékoli grafiky. Písma jsou vaši noví nejlepší přátelé.
některé věci, které je třeba pamatovat, když je to jednoduché:
- omezte používání písma, zkuste maximálně dvě písma.
- Tituly by měly být snadno čitelné. Použijte čitelné písmo.
- pokud používáte efektní písmo pro jeden prvek, zkuste jednoduché písmo pro druhý.
- ujistěte se, že je vše správně zarovnáno
- zkuste ponechat stejné množství polstrování kolem všech okrajů
zde je několik příkladů jednoduchých záhlaví:
tato první hlavička je nejjednodušší z jednoduchých. Používá stejné písmo v celém textu a slogan je seřazen s koncem “ T “ v řádku nad ním, dělat věci pěkné a odůvodněné. Polstrování (bílá mezera) nahoře a dole je stejné a totéž platí pro levou a pravou stranu.
Toto je zlepšení oproti první hlavičce. Podívejte se, jaký je rozdíl, pokud jste schopni dokonale zarovnat slogan se slovem nad ním? Když jsou věci v souladu, design prostě vypadá mnohem jednotněji. Vyplnil jsem prázdné bílé místo vedle sloganu jednoduchou přímkou 1px, abych věci trochu lépe spojil.
záhlaví výše používá různá písma. Pro název blogu jsem použil fantastické písmo, což znamená, že slogan pod ním by měl být něco mnohem jednoduššího. Myslím, že se tato dvě písma dobře doplňují, protože jsou obě Patková písma a mírně vysoká. Najděte písma, která se navzájem doplňují, pokud budete používat více. Tento název písma se nazývá Rosewood, pokud máte zájem o to vyzkoušet.
přidejte trochu barvy! Jakmile máte nastavená písma, můžete experimentovat s trochou barvy. Opět se ujistěte, že barvy, které vyberete, se navzájem doplňují a také se ujistěte, že text vyčnívá z pozadí. Tak například, nedělejte to:
název je příliš lehký a namáhá oči. Na bílém pozadí nevyčnívá tak, jak by měl. Slogan je prostě příliš neonový a při pohledu na něj také napíná oči. Prosím lidi, přestaňte používat neonově zelenou. Místo toho, pokud chcete použít tyto barvy zkuste tónování odstíny dolů trochu takhle:
to je pro oči mnohem jednodušší,že? Přepínám se zpět na některé základní písma, protože si myslím, že výše uvedené je pro mě příliš zaneprázdněné a ve skutečnosti nedává správnou atmosféru mého blogu. To je také něco, co byste měli mít na paměti … celkový dojem z vašeho blogu. Zkusme to srazit z parku přidáním trochu grafické práce:
použil jsem stejnou základní strukturu jako záhlaví #2, Jen jsem hodil trochu grafických detailů a ujistil jsem se, že to nezasahuje do textu.
můžete chytit nějaké kliparty z webů, jako je Etsy nebo Creative Market, nebo můžete hledat online nějakou malou grafiku. Ujistěte se, že máte práva používat grafiku… a tím myslím, že ne jen jít popadat věci z Vyhledávání obrázků Google.
u grafiky je třeba mít na paměti, že text nechcete přemoci. Smyslem záhlaví je, aby se lidé mohli seznámit s názvem vašeho blogu. Je to jako vaše vlastní logo.
pokud byste navrhovali logo pro sebe, neházeli byste do něj spoustu náhodných fotografií sebe a svých dobrodružství,že? Takže zatímco záhlaví může nastavit tón pro váš blog, nemusíte všem zobrazovat všechny hlavní body z vašeho blogu najednou. To je to, co vaše příspěvky jsou pro ;).
pokud trváte na zobrazení několika fotografií v záhlaví, ujistěte se, že neodvádějí pozornost od názvu a jsou uspořádány tak, aby stránka dobře fungovala.
zde jsou některé příklady toho, co nedělat:
zdůvodnění je všude a polstrování je vypnuto.
ne. Prostě ne. Dvě zcela odlišné fantazie písma strčil dohromady vypadá takto. Slogan je těžko čitelný. To by mohlo být roztomilé, kdyby slogan byl menší, není velká písmena a v základním bezpatkovém písmu.
existuje spousta písem, ze kterých si můžete vybrat, a pokud je chytíte z webu, jako je DaFont, můžete dokonce zadat název blogu do textového pole „Sem napište text“ na stránkách kategorií, abyste přesně viděli, jak by váš titul vypadal.
Krok 3: Uložení záhlaví
když jste nastaveni, budete muset tento obrázek uložit jako PNG, pokud jste se rozhodli pro průhledné pozadí. Uložte jej jako JPG jinak. JPG i PNG fungují dobře pro webové obrázky.
doufám, že vám to trochu pomohlo! Nezapomeňte důvěřovat svým očím a ujistěte se, že je vše správně rozmístěno. Byli byste překvapeni, jak jednoduše zarovnání věcí a výběr správných písem může skutečně způsobit nebo zlomit záhlaví!
aktualizováno 6. Dubna 2021