Drobný šedý text na rušivém pozadí. Oči se namáhají už před koncem první věty. Právě proto jsou obrázky na pozadí webu pro vaši značku důležité. Když rozvržení a barvy bojují proti sdělení, lidé odejdou, aniž by vám řekli proč.
Obrázky na pozadí webu by měly mít za textem nízký kontrast nebo být silně překryté. Tato kapitola jednoduše vysvětluje, co to znamená, proč to ovlivňuje váš web i marketing a jak to uplatnit bez zbytečného žargonu. Uvidíte také, jak do stejného obrazu zapadá hero obrázek. Projděme si to krok za krokem.
Plánování kolem obrázků na pozadí webu
Obrázky na pozadí webu by měly mít za textem nízký kontrast nebo být silně překryté.
Rušivé pozadí dělá z běžného textu na telefonech nečitelnou změť.
Hero obrázky se často řeší jinak než opakující se textury na pozadí.
Jak chytře plánovat rozpočet a priority
Přidejte tmavý nebo světlý překryv, aby text prošel kontrolou kontrastu.
Sepište si stránky, které web musí mít, dřív než volitelné vlastní funkce. Díky tomu budou nabídky od designérů nebo agentur srovnatelné.
Když je rozsah jasný, vraťte se k tématu stock fotky pro weby a sladěte vizuální cíle s rozpočtem.
Praktický seznam, který můžete použít hned dnes
Přidejte tmavý nebo světlý překryv, aby text prošel kontrolou kontrastu.
Když kontrolujete jakoukoli stránku, ptejte se, zda jsou obrázky na pozadí webu vidět už při prvním posunu na mobilu. Pokud ne, přeskládejte sekce dřív, než začnete ladit detaily.
Ukládejte si snímky obrazovky před změnou a po ní, abyste poznali, co u obrázků na pozadí webu na vašem webu skutečně zabralo.
Sdílejte tento seznam s každým, kdo váš web upravuje, aby hero obrázek zůstal jednotný i na nových stránkách.
Vyberte si na tento měsíc jedno číslo ke sledování, třeba čas na stránce nebo počet zahájených formulářů, aby změny designu souvisely s výsledky podnikání, a ne jen s vkusem.
Jak toto téma souvisí s celou vaší značkou
Vizuální rozhodnutí málokdy žijí jen na jedné stránce. Hero obrázky se často řeší jinak než opakující se textury na pozadí.
Vaše příspěvky na sociálních sítích, e-maily i tištěné materiály by měly opakovat stejnou hierarchii, barvy a pravidla písma jako váš web.
Když se vizuály značky rozcházejí, zákazníci cítí nepatrný nesoulad, i když ho neumějí vysvětlit.
Podívejte se na alt text u obrázků a porovnejte si poznatky se související kapitolou tohoto modulu.
Rušivé pozadí dělá z běžného textu na telefonech nečitelnou změť.
Časté otázky, které lidé přehlížejí
Související pojmy jako hero obrázek a obrázky na web vám pomohou najít další příklady a porovnat vaši práci s běžnými standardy.
Hero obrázky se často řeší jinak než opakující se textury na pozadí.
Zapište si jednu změnu, kterou tento týden otestujete na ostré stránce, včetně stavu před a po. Malé změřené úpravy porazí vágní plány.
Společná slovní zásoba týmu kolem obrázků na pozadí webu zkracuje kola úprav s designéry a agenturami.
Nástroje, které usnadní vizuální úpravy
Na zlepšení rozvržení a stylu často nepotřebujete vlastní kód. Vizuální editor vám umožní upravit mezery, barvy a písmo a zároveň si prohlédnout náhled na mobilu i na počítači.
WEMASY obsahuje tvůrce webů s vizuálními úpravami, takže změny můžete publikovat, aniž byste kvůli každé drobnosti čekali na vývojáře. Otevřete tvůrce webů, až budete chtít použít, co jste se naučili.
Když zveřejníte úpravy, znovu zkontrolujte stock fotky pro weby a velikosti obrázků pro sociální sítě, aby si modul v hlavě držel pohromadě.
Teď už máte pro obrázky na pozadí webu funkční pohled. Použijte ho při kontrole webu, schvalování marketingových materiálů nebo zadání pro designéra. Pokračujte kapitolami velikosti obrázků pro sociální sítě a alt text u obrázků a udržte v tomto modulu tempo.
Učit se pracovat s obrázky na pozadí webu je postupná dovednost. Vraťte se k této kapitole poté, co nasadíte první zlepšení, aby se myšlenky z čtení proměnily ve zvyk. Malé opakované kontroly porazí nacpání všech pravidel najednou. Poznamenávejte si, co u vašeho publika fungovalo, aby šla další úprava rychleji.
Často kladené otázky
Jak dlouho trvá zlepšit obrázky na pozadí webu?
Většina malých firem má přehlednější stránky už po několika soustředěných sezeních, když použije základy z této kapitoly. Začněte úvodní stránkou a stejná pravidla pak přeneste na stránky služeb a kontaktu.
Potřebujete designéra na obrázky na pozadí webu?
Designér pomůže u složitého rebrandingu, ale řadu oprav kolem obrázků na pozadí webu zvládnete sami, jakmile víte, na co se dívat. Souvisejícím tématem jsou stock fotky pro weby.
Může WEMASY pomoci s obrázky na pozadí vašeho webu?
WEMASY má v tvůrci webů vizuální editor, takže rozvržení, barvy a písmo upravíte bez kódu. Otevřete tvůrce webů, upravte šablony a prohlédněte si náhled na mobilu.
Jaká je nejčastější chyba u obrázků na pozadí webu?
Lidé se snaží opravit všechno najednou místo jedné stránky po druhé. Vyberte jednu prioritu, třeba čitelnost nebo kontrast, a pak se podívejte na velikosti obrázků pro sociální sítě, co zlepšit dál.
Jak souvisí obrázky na pozadí webu se SEO?
Jasná vizuální hierarchie a čitelné písmo udrží návštěvníky na stránce déle, což podporuje signály zapojení, které vyhledávače sledují. Opravy designu spojte s promyšlenou strukturou obsahu a výsledek bude nejlepší.
Co se učit dál po obrázcích na pozadí webu?
Pokračujte v této knize kapitolami stock fotky pro weby a velikosti obrázků pro sociální sítě a vybudujte kompletní vizuální systém své značky online.