Obsah
Na (téměř) každé webové stránce je logo. Obrovskou měrou se podílí na vzhledu webu, na prvním dojmu, který návštěvníci získají, když web otevřou, a určitě je to i záležitost značky. Dobře navržené logo vám pomůže vyslat potenciálním zákazníkům správnou zprávu o vaší společnosti a zvýší rozpoznatelnost vaší značky. To je marketingový pohled na loga, ale co technická stránka věci? Jak by mělo být dobré logo navrženo a jaké by mělo mít parametry. Zde je pohled našeho zkušeného designéra a front-end vývojáře Petra.
Velikost a rozměry loga
Když navrhujete logo poprvé, myslete vždy o krok dopředu. Nebo v ideálním případě myslete několik kroků dopředu a zvažte, kde bude vaše logo zobrazeno a jakými dalšími způsoby bude použito. Velikost loga by měla být odvozena v závislosti na všech jeho možných způsobech použití. Pokud navrhnete logo v pevně dané velikosti pixelů, snadno se může stát, že jeho parametry neumožní tisk v dobré kvalitě, protože tištěný formát vyžaduje jiné dpi než obrazovky displejů. Na druhou stranu, pokud vytvoříte logo jako vektorovou grafiku, budete ho moci exportovat v libovolném rozlišení.
Rozměry grafiky loga jsou velmi individuální. Dbejte však na to, aby logo vypadalo dobře v každé velikosti. Např. pokud navrhuji logo pro hlavičku svého webu, měl bych věnovat pozornost tomu, jak vypadá po celou dobu navrhování.
Je lepší navrhnout logo jednodušší, bez velkého množství detailů, protože v menších velikostech mohou zaniknout. Jednodušší loga zůstanou vždy jasná a čitelná. Vyhnete se tak nutnosti navrhovat více variant stejného loga v případě, že je třeba jej zmenšit.
S horizontálními logy se lépe pracuje
Vertikální nebo horizontální? Vertikální loga ne vždy proporčně odpovídají zbytku designu webových stránek a hůře se s nimi pracuje. U témat WordPress to platí dvojnásob. Při návrhu loga zvažte responzivitu webu a uvidíte, o kolik lépe bude horizontální logo vypadat na různých zařízeních.
Pokud jste si již téma vybrali, zkontrolujte, jaké rozměry loga by byly nejlepší, aby se do něj dobře vešlo. Nebo naopak. Pokud máte navržené konečné logo, zvolte téma, které umožní jeho správné zobrazení. Alespoň pokud se chcete vyhnout redesignu tématu nebo vytváření nové varianty loga pro téma.
Logo se bude zobrazovat na několika různých místech vašich webových stránek nebo lépe řečeno v tématu WordPressu. To je jen další důvod, proč se vyhnout příliš složitým logům.
Obsah loga
Při prvotním rozhodování o návrhu loga máte na výběr z několika typů log:
- ikona/obrázek
- logotyp nebo typografické (pouze název v určitém fontu nebo grafickém nastavení).
- kombinace obou
Jak by mělo logo vypadat, závisí na tématu webu / zaměření firmy. Mělo by odrážet určité sdělení, které se vztahuje k danému podnikání. Např. pokud máme firmu s určitým produktem, může být součástí loga tento produkt. Prodej jízdních kol - kolo. Psaní příspěvků na blog - pero, kniha atd. Na druhou stranu, Logo nemusí nutně obsahovat nic konkrétního, může to být abstraktní věc, jen jednoduché geometrické tvary, ale mělo by být snadno zapamatovatelné. Inspiraci můžete najít na internetu a podívat se na vzorová loga na Behance nebo Dribble.
Pokud nemáte žádný nápad nebo nemáte na mysli nic konkrétního, co by se dalo použít jako obrazová část loga, můžete jednoduše použít typografické logo. Na webu je k dispozici spousta písem fonts.google.com které jsou zdarma pro komerční použití. Není pravidlem používat serifové písmo, které vypadá seriózněji, ale je dobré zvolit spíše jednodušší písmo, ne jako comic sans apod 😀 Nebudeme zákazníkům prezentovat naše divoké nápady, mají své vlastní... Nechceme je odradit, chceme naopak zvýšit konverzní poměr.
Pokud bychom přesto chtěli mít v logu grafický symbol, mohl by být vytvořen např. z iniciál názvu. Toho se často využívá, když logo představuje jméno osoby, tj. její iniciály.
V současné době je trendem používat jednoduchá loga. Dokonce i velké společnosti své značky zjednodušují, ničemu to neuškodí.
Zdroj: http://www.underconsideration.com/brandnew/archives/
Barvy
Logo by mělo být vyrobeno v několika barevných variantách. Základní by měl být v barvě značky a ostatní varianty by měly být navrženy tak, aby byly vhodné pro tmavé i světlé pozadí. Je dobré mít také jednobarevnou verzi nebo jen dvoubarevnou verzi, zejména pro účely tisku. V tomto případě je také dobré zkontrolovat, zda v ní nejsou zbytečné detaily, které stejně nelze vytisknout.
Barva loga by měla být sladěna se zbytkem barevného schématu webu. Logo nemusí být nutně barevné, aby zaujalo. Stačí použít pouze jednu barvu nebo sladit dvě barvy, pokud se necítíte na sladění více barev. Název se obvykle vizualizuje v tmavých barvách, blízkých černé, případně bílé, v závislosti na pozadí, a grafický symbol je pak barevný. Není to však pravidlem.
Na internetu jsou také různé generátory, které vám pomohou sladit více barev, např. coolors.co/app Podívejte se na toto nástroj pro barevné kolečko z Canvy a vyberte si ideální kombinaci.
Nastavení loga v tématu WordPress
Demo šablony WordPressu vám ukáže, jak se bude vaše logo zobrazovat na jednotlivých responzivních rozvrženích webu. Jak již bylo zmíněno, pokud již máte navržené logo, vyberte si nejvhodnější téma WP, které by se k logu vaší společnosti hezky hodilo.
Pro přidání loga na vaše webové stránky, přejděte do Správce tématu a vyberte Možnosti tématu.
Na stránce nastavení možností motivu přejděte na záhlaví. Nahrajte své logo kliknutím na "Vybrat obrázek" text tlačítka do nastavení Logo webové stránky. Klikněte na tlačítko Uložit možnosti.
Navštivte náhled webu a podívejte se, jak se vaše logo zobrazuje.
Navrhnout své první logo je věc, která si zaslouží hodně přemýšlení. Zaměřte se na sdělení, které chcete svým zákazníkům předat. Bude reprezentovat vaši značku po mnoho dalších let. Dobře navržené logo s vámi zůstane dlouho a nebude vyžadovat velké změny. Pamatujte, že trendem je věci spíše zjednodušovat než komplikovat. Pokud tedy již máte logo, které má příliš mnoho detailů, barev nebo křivek, zvažte vytvoření jeho svěží moderní verze. Její přidání na webové stránky WordPress je otázkou 3-4 kliknutí a je hotovo.
Velmi pěkný článek a díky za sdílení.
Děkujeme za zpětnou vazbu, budeme pokračovat ve zveřejňování zajímavých věcí 🙂
Díky za skvělé tipy! Mám však otázku, o které si myslím, že byste mohli
pravděpodobně odpověď. Chtěl jsem se zeptat, zda weboví designéři/vývojáři na volné noze mají tendenci nastavit své klienty s
sdílený nebo dedikovaný hosting? Chci se ujistit, že jejich webové stránky
je rychlý. Jakýkoli náhled by byl velmi ceněn!
Dobrý den,
děkujeme za váš komentář. Omlouváme se, ale žádná studie/průzkum nebyl proveden, každopádně to znovu zvážíme a mužské rozhodnutí.
S pozdravem!
Zlatko
Přetvořit svou firmu ve značku není snadný úkol, ale firma Branding.
Dobrý den,
děkuji za kompliment.
Laskavý!
Zlatko
Hledal jsem logo design, jak navrhnout logo za hodinu, než jsem slyšel o logo maker jsem pocit, šťastný po použití logo maker. Po něm jsem hledal způsob, jak přidat toto logo na své stránky jsem našel, že na svém blogu příspěvek díky za sdílení.
Dobrý den,
moc děkuji za váš komentář a pochvalu.
Zajímala by vás další témata, dejte nám vědět.
Přeji hezký den!
Zlatko
Skvělý průvodce o tom, jak lze nastavit logo na webu Wordpress. Užitečné informace pro mě .Díky za sdílení informativní obsah
Dobrý den,
děkujeme za kompliment. Pokud máte nějaký nápad, co by mělo být příští příspěvek na blogu, neváhejte nás kontaktovat zpět.
S pozdravem!
Zlatko
musíte vymazat příspěvek o aktuální verzi aktualizace wordpressu. některé problémy nejsou vyřešeny . stačí napsat o aktualizovaných blozích wordpressu
napsat podrobné informace o aktuálních aktualizovaných verzích wordpressu. protože můj web byl wordpress cms, ale nemohl jsem zveřejnit žádné obrázky blogu, jaké je řešení??
Dobrý den,
děkujeme, že jste nás kontaktovali zpět. Mohl byste nám prosím poskytnout vaše uživatelské jméno registrované v našem systému, ještě lépe by bylo podrobně popsat, ve kterém tématu jste se s výše uvedeným problémem setkal?
Za druhé,
nejlepším řešením, jak vám pomoci, by bylo kontaktovat přímo naše fórum podpory. Proto prosím poskytněte našemu týmu Ait-Themes zprávu AIT SysInfo: https://www.ait-themes.club/wordpress-plugins/ait-sysinfo/. Naši technici jsou připraveni vám pomoci s jakýmkoli problémem týkajícím se témat: Zákaznická podpora je poskytována v pracovní dny od 8 do 17 hodin středoevropského času. Pokud jste si ještě nevytvořili účet Ait Themes Club, použijte tento formulář: https://system.ait-themes.club/join/tf a napište svůj technický dotaz přímo do našeho systému ticketů podpory. Přihlaste se prosím ke svému účtu https://system.ait-themes.club/support/ . Obecně podpora zahrnuje především hledání řešení problémů v tématu a pomoc uživatelům s používáním produktu, pokud se vyskytne chyba, opravíme ji co nejdříve. Bohužel nejsme schopni pracovat na vlastních webových stránkách uživatelů.
Naši technici vám mohou odpovědět co nejefektivněji a nejrychleji, pokud se rozhodnete pro službu "prioritní otázka" /odpověď dostanete do několika pracovních hodin/.
Děkujeme za pochopení.
To nejlepší!
Zlatko
Dobrý den,
děkujeme za pochvalu a za komentáře. Logo je (mělo by být) jen jednoduchým identifikátorem, který nevysvětluje činnost. Krásné, atraktivní a snadno viditelné i z dálky. Vše ostatní je záležitostí marketingu.
To nejlepší!
Zlatko
Dobrý den,
děkujeme za váš komentář. Ano, to je pravda. Jinými slovy, když někdo pracuje na vytvoření a rozvoji své jedinečné značky, bude ji pak moci symbolizovat svým jedinečným logem.
S pozdravem!
Zlatko
Dobrý den,
mnohokrát děkujeme za váš komentář a zpětnou vazbu.
To nejlepší!
Zlatko
Dobrý den,
děkujeme za váš komentář.
To nejlepší!
Zlatko
Ahoj,
moc děkuji za kompliment a za zpětnou vazbu. Naprosto souhlasím! Loga jsou velmi důležitá.
S pozdravem!
Zlatko
Dobrý den,
děkujeme za váš komentář. Velmi si toho vážíme.
Hezký den!
Zlatko
Úžasné tipy pro návrh loga s webovými stránkami WordPress. Rádi si přečtete příspěvek. Pracujeme na založení realitní kanceláře v Sunshine Coast a jsme téměř připraveni k otevření a v současné době hledáme nejlepší agenturu pro návrh loga v Sunshine Coast. Zde jsem získal několik skvělých nástrojů, abychom si vyzkoušeli vlastní návrh loga. Děkujeme za sdílení.
Ahoj Stephany,
děkuji za komentář a vřelá slova :). Přeji vám hodně štěstí s vaším novým podnikáním.
S pozdravem!
Zlatko
Informativní obsah Líbilo se mi to hodně čtení. Jak každý ví, že když člověk začne podnikat, logo funguje jako kreativní stopa pro danou značku.
Dobrý den,
děkujeme za milá slova a inspirativní komplimenty.
S pozdravem!
AIT
Ahoj,
děkuji za čas, který jste věnovali komentáři a prozkoumání významu používání loga - skutečně, první prvek, který klienti vidí, je logo - studie eyetrackingu ukazují, že uživatelé stráví několik sekund tím, že se nejprve podívají na logo, než přejdou na další obsah - na designu záleží.
S pozdravem!
Tým AIT
Souhlasím s vašimi myšlenkami. Webové stránky, které jsou responzivní, atraktivní, interaktivní, cenově dostupné, přívětivé pro návštěvníky a vyhledávače, jsou základními prvky, které vytvářejí větší použitelnost pro koncové uživatele. Mezi všemi je cenová dostupnost faktorem, na který se uživatelé zaměřují v první řadě. Je to efektivní proces, pokud lze dobrý design získat v cenově dostupných relacích. Podobně i naše organizace poskytuje své služby ve velmi dostupných rozmezích.
Děkuji za váš příspěvek. můžeme vytvořit animované logo pro naše stránky
Dobrý den, Kishano,
děkujeme za dotaz. Animované logo funguje správně.
V případě dalších dotazů nás prosím kontaktujte zpět.
S pozdravem!
AIT
Dobře vysvětleno. Všechny věci byly řádně a podrobně vysvětleny. Je pravda, že vynikající kreativní návrhy přitahují pozornost a vytvářejí pozitivní dojem o značce, takže je lepší, když je provedou odborníci v oboru.
udržet více sdílení, díky za pomoc.
děkujeme za pomoc
Výborně! Osobně se mi líbí váš blog a čeká na další články, jako je tento
Děkujeme.