Obsah
Logo je na (takmer) každej webovej stránke. Obrovskou mierou prispieva k vzhľadu webovej lokality, k prvému dojmu, ktorý návštevníci získajú po otvorení stránky, a určite je to vec značky. Dobre navrhnuté logo vám pomôže vyslať správny odkaz o vašej spoločnosti potenciálnym zákazníkom a zvýši rozpoznateľnosť vašej značky. Toto je marketingový pohľad na logá, ale čo technická stránka veci? Ako by malo byť dobré logo navrhnuté a aké parametre by malo mať. Tu je pohľad nášho skúseného dizajnéra a front-end developera Petra.
Veľkosť a rozmery loga
Keď navrhujete logo prvýkrát, myslite vždy o krok dopredu. Alebo v ideálnom prípade myslite niekoľko krokov dopredu a zvážte, kde sa bude vaše logo zobrazovať a akými ďalšími spôsobmi sa bude používať. Veľkosť loga by mala byť odvodená v závislosti od všetkých jeho možných použití. Ak logo navrhnete v pevnej veľkosti pixelov, ľahko sa môže stať, že jeho parametre neumožnia jeho tlač v dobrej kvalite, pretože tlačený formát vyžaduje iné dpi ako obrazovky displejov. Na druhej strane, ak logo vytvoríte ako vektorovú grafiku, budete ho môcť exportovať v ľubovoľnom rozlíšení.
Rozmery grafiky vášho loga sú veľmi individuálne. Uistite sa však, že logo vyzerá dobre v každej veľkosti. Napr. ak navrhujem logo pre hlavičku svojej webovej stránky, mal by som počas celého procesu navrhovania dbať na to, ako vyzerá.
Je lepšie navrhnúť jednoduchšie logo bez veľkého množstva detailov, pretože v menších veľkostiach môžu zaniknúť. Jednoduchšie logá zostanú vždy jasné a čitateľné. Vyhnete sa tak nutnosti navrhovať viac variantov toho istého loga v prípade, že ho bude potrebné zmenšiť.
S horizontálnymi logami sa pracuje ľahšie
Vertikálne alebo horizontálne? Vertikálne logá nie vždy proporčne zapadajú do zvyšku dizajnu webovej stránky a je ťažšie s nimi pracovať. V prípade tém WordPress to platí dvojnásobne. Pri návrhu loga zvážte responzívnosť webovej lokality a uvidíte, že horizontálne logo bude na rôznych zariadeniach vyzerať oveľa lepšie.
Ak ste si už vybrali tému, skontrolujte, aké rozmery loga by boli najlepšie, aby sa do nej pekne zmestilo. Alebo naopak. Ak máte navrhnuté konečné logo, vyberte si tému, ktorá umožní jeho správne zobrazenie. Aspoň ak sa chcete vyhnúť redizajnu témy alebo vytváraniu novej variácie vášho loga pre tému.
Logo sa bude zobrazovať na viacerých rôznych miestach vašej webovej stránky alebo lepšie povedané v téme WordPress. To je len ďalší dôvod, prečo sa vyhnúť príliš komplikovaným logám.
Obsah loga
Pri prvotnom rozhodovaní o návrhu loga máte na výber z niekoľkých typov log:
- ikona/obrázok
- logotyp alebo typografické (len názov v určitom fonte alebo grafickom nastavení)
- kombinácia oboch
To, ako by malo logo vyzerať, závisí od témy webovej stránky/obchodného zamerania. Malo by odrážať určité posolstvo, ktoré súvisí s podnikaním. Napr. ak máme firmu s určitým produktom, môžeme tento produkt urobiť súčasťou loga. Predaj bicyklov - koleso. Písanie príspevkov na blog - pero, kniha atď. Na druhej strane, Logo nemusí nutne obsahovať nič konkrétne, môže byť abstraktné, len jednoduché geometrické tvary, ale malo by byť ľahko zapamätateľné. Inšpiráciu môžete nájsť na internete a pozrieť si ukážky loga na Behance alebo Dribble.
Ak nemáte nápad alebo nemáte na mysli nič konkrétne, čo by sa dalo použiť ako obrazová časť loga, môžete jednoducho použiť typografické logo. Na stránke je k dispozícii množstvo písiem fonts.google.com ktoré sú bezplatné na komerčné použitie. Nie je pravidlom používať serifové písmo, ktoré vyzerá serióznejšie, ale je dobré zvoliť skôr jednoduchšie písmo, nie ako comic sans a podobne 😀 Nebudeme zákazníkom prezentovať naše divoké nápady, oni majú svoje vlastné... Nechceme ich odradiť, chceme skôr zvýšiť mieru konverzie.
Ak by sme napriek tomu chceli mať v logu grafický symbol, mohol by byť vytvorený napr. z iniciálok názvu. To sa často používa, keď logo predstavuje meno osoby, t. j. jej iniciály.
V súčasnosti je trendom používať jednoduché logá. Dokonca aj veľké spoločnosti zjednodušujú svoju značku, ničomu to neuškodí.
Zdroj: http://www.underconsideration.com/brandnew/archives/
Farby
Logo by malo byť vyhotovené v niekoľkých farebných variantoch. Základný by mal byť vo farbe značky a ostatné varianty by mali byť navrhnuté tak, aby boli vhodné pre tmavé a svetlé pozadie. Je dobré mať aj jednofarebnú verziu alebo len dvojfarebnú verziu, najmä na účely tlače. V tomto prípade je tiež dobré skontrolovať, či sa v nej nenachádzajú zbytočné detaily, ktoré sa aj tak nedajú vytlačiť.
Farba loga by mala byť zladená so zvyškom farebnej schémy webu. Logo nemusí byť nevyhnutne farebné, aby upútalo pozornosť. Stačí použiť len jednu farbu alebo zladiť 2 farby, ak sa necítite na zladenie viacerých farieb. Názov sa zvyčajne vizualizuje v tmavých farbách, blízkych čiernej, prípadne bielej, v závislosti od pozadia, a potom je grafický symbol farebný. Nie je to však pravidlom.
Na internete nájdete aj rôzne generátory, ktoré vám pomôžu zladiť viacero farieb, napr. coolors.co/app Pozrite sa na toto Nástroj na farebné koleso z Canva a vyberte si ideálnu kombináciu.
Nastavenie loga v téme WordPress
Ukážka témy WordPress vám ukáže, ako sa vaše logo zobrazí v každom rozlíšení responzívneho rozloženia webovej stránky. Ako už bolo spomenuté, ak už máte navrhnuté logo, vyberte si najvhodnejšiu tému WP, ktorá by pekne ladila s logom vašej spoločnosti.
Na pridanie loga na vaše webové stránky, prejdite do Správcu témy a vyberte položku Možnosti témy.
Na stránke s nastavením možností motívu prejdite na položku Hlavička. Nahrajte svoje logo kliknutím na "Vybrať obrázok" text tlačidla na nastavenie loga webovej stránky. Kliknite na tlačidlo Uložiť možnosti.
Navštívte náhľad svojej stránky a pozrite si, ako sa zobrazuje vaše logo.
Navrhnúť svoje prvé logo je vec, ktorá si zaslúži veľa premýšľania. Zamerajte sa na posolstvo, ktoré chcete vyslať svojim zákazníkom. Bude reprezentovať vašu značku po mnoho nasledujúcich rokov. Dobre navrhnuté logo s vami zostane dlho a nebude vyžadovať veľké zmeny. Nezabúdajte, že trendom je veci skôr zjednodušovať, než ich komplikovať. Preto ak už máte logo, ktoré má príliš veľa detailov, farieb alebo kriviek, zvážte vytvorenie jeho čerstvej modernej verzie. Jej pridanie na vašu webovú stránku WordPress je otázkou 3-4 kliknutí a je to hotové.
Veľmi pekný článok a vďaka za zdieľanie.
Ďakujeme za spätnú väzbu, budeme pokračovať v uverejňovaní zaujímavých vecí 🙂
Vďaka za skvelé tipy! Mám však otázku, o ktorej si myslím, že by ste mohli
pravdepodobne odpoveď. Zaujímalo by ma, či webdizajnéri/vývojári na voľnej nohe majú tendenciu nastaviť svojim klientom
zdieľané alebo dedikované hostingové plány? Chcem sa uistiť, že ich webové stránky
je rýchly. Akékoľvek poznatky by sme veľmi ocenili!
Dobrý deň,
ďakujem za váš komentár. Je nám ľúto, že nebola vykonaná žiadna štúdia/prieskum, každopádne to ešte raz zvážime a urobíme mužské rozhodnutie.
S láskavým pozdravom!
Zlatko
Premeniť svoju firmu na značku nie je jednoduchá úloha, ale firma Branding
Dobrý deň,
ďakujem za váš kompliment.
Láskavé!
Zlatko
hľadal som logo dizajn, ako navrhnúť logo za hodinu, než som počul o logo maker som pocit šťastia po použití logo maker. Po ňom som hľadal spôsob, ako pridať toto logo na moje stránky som našiel, že na vašom blogu príspevok vďaka za zdieľanie.
Dobrý deň,
ďakujem za váš komentár a komplimenty.
Ak by vás zaujímali aj iné témy, pokojne nám dajte vedieť.
Prajem vám pekný deň!
Zlatko
Skvelý sprievodca o tom, ako môžete nastaviť logo na stránke Wordpress. Užitočné informácie pre mňa .Thanks za zdieľanie informatívneho obsahu
Dobrý deň,
ďakujeme za kompliment. Ak máte nejaký nápad, čo by malo byť ďalším príspevkom na blogu, neváhajte nás kontaktovať.
S láskavým pozdravom!
Zlatko
musíte vyčistiť príspevok o aktuálnej verzii aktualizácie Wordpress. niektoré problémy nie sú vyriešené . len písať o aktualizovaných blogoch Wordpress
napísať podrobné informácie o aktuálnych aktualizovaných verziách wordpress. pretože moja stránka bola wordpress cms, ale nemohol som zverejniť žiadne obrázky blogu, aké je riešenie??
Dobrý deň,
ďakujeme, že ste nás kontaktovali späť. Mohli by ste nám prosím poskytnúť vaše používateľské meno zaregistrované v našom systéme, ešte lepšie by bolo podrobne opísať, v ktorej téme ste sa stretli s vyššie uvedeným problémom?
Po druhé,
najlepším riešením, ako vám pomôcť, by bolo, keby ste sa obrátili priamo na naše fórum podpory. Preto poskytnite nášmu tímu Ait-Themes správu AIT SysInfo: https://www.ait-themes.club/wordpress-plugins/ait-sysinfo/. Naši technici sú pripravení pomôcť vám s akýmkoľvek problémom týkajúcim sa témy: Zákaznícku podporu poskytujeme počas pracovných dní od 8:00 do 17:00 stredoeurópskeho času. Ak ešte nemáte vytvorené konto Ait Themes Club, použite tento formulár: https://system.ait-themes.club/join/tf a svoju technickú otázku vložte priamo do nášho systému ticketov podpory. Prihláste sa do svojho účtu https://system.ait-themes.club/support/ . Všeobecne podpora zahŕňa najmä hľadanie riešení problémov v téme a pomoc používateľom pri používaní produktu, ak sa vyskytne chyba, čo najskôr ju opravíme. Bohužiaľ nie sme schopní pracovať na vlastných webových stránkach používateľov.
Naši technici vám môžu odpovedať čo najefektívnejšie a najrýchlejšie, ak sa rozhodnete pre službu "prioritná otázka" /odpoveď dostanete do niekoľkých pracovných hodín/.
Ďakujeme za pochopenie.
Najlepšie!
Zlatko
Dobrý deň,
ďakujem za vaše pochvaly a komentáre. Logo je (malo by byť) len jednoduchým identifikátorom, ktorý nevysvetľuje podnikanie. Krásne, atraktívne a ľahko viditeľné aj z diaľky. Všetko ostatné je vecou marketingu.
Najlepšie!
Zlatko
Dobrý deň,
ďakujem za váš komentár. Áno, to je pravda. Inými slovami, keď niekto pracuje na vytvorení a rozvoji svojej jedinečnej značky, bude ju potom môcť symbolizovať svojím jedinečným logom.
S úctou!
Zlatko
Dobrý deň,
ďakujeme za váš komentár a spätnú väzbu.
Najlepšie!
Zlatko
Dobrý deň,
ďakujem za váš komentár.
Najlepšie!
Zlatko
Ahoj,
ďakujem za váš kompliment a za spätnú väzbu. Absolútne súhlasím! Logá sú veľmi dôležité.
S úctou!
Zlatko
Dobrý deň,
ďakujem za váš komentár. Veľmi si ho vážime.
Prajem pekný deň!
Zlatko
Úžasné tipy pre dizajn loga s webovou stránkou WordPress. Rád si prečítam príspevok. Pracujeme na založení realitnej kancelárie v Sunshine Coast a sme takmer pripravení na otvorenie a v súčasnosti hľadáme najlepšiu agentúru na návrh loga v Sunshine Coast. Tu som dostal niekoľko skvelých nástrojov na vyskúšanie nášho vlastného návrhu loga. Vďaka za zdieľanie.
Ahoj Stephany,
ďakujem za komentár a teplé slová :). Prajem vám veľa šťastia pri vašom novom podnikaní.
S úctou!
Zlatko
Informatívny obsah som si užil veľa čítanie tohto. Ako každý vie, že keď človek začína svoje podnikanie, logo pôsobí ako kreatívna stopa pre danú značku.
Dobrý deň,
ďakujem za milé slová a inšpiratívne pochvaly.
S pozdravom!
AIT
Ahoj,
ďakujem za čas, ktorý ste venovali komentáru a zmyslu používania loga - skutočne, prvým prvkom, ktorý klienti vidia, je logo - štúdie eyetrackingu ukazujú, že používatelia strávia niekoľko sekúnd tým, že sa najprv pozrú na logo, a až potom prejdú na ďalší obsah - na dizajne záleží.
S úctou!
Tím AIT
Súhlasím s vašimi myšlienkami. Webové stránky, ktoré sú citlivé, atraktívne, interaktívne, cenovo dostupné, priateľské k návštevníkom a vyhľadávačom, sú základnými komponentmi, ktoré vytvárajú väčšiu použiteľnosť pre koncových používateľov. Spomedzi všetkých je cenová dostupnosť faktorom, na ktorý sa používateľ zameriava ako prvý. Je to efektívny proces, ak sa dá dobrý dizajn získať v cenovo prijateľnom rozsahu. Podobne aj naša organizácia poskytuje svoje služby vo veľmi dostupných rozsahoch.
Vďaka za váš príspevok. môžeme vytvoriť animované logo pre naše stránky
Dobrý deň, Kishana,
ďakujem za otázku. Animované logo funguje správne.
V prípade ďalších otázok nás prosím kontaktujte späť.
S úctou!
AIT
Dobre vysvetlené. Všetky veci boli riadne a podrobne vysvetlené. Je veľmi pravda, že vynikajúce kreatívne návrhy priťahujú pozornosť a vytvárajú pozitívny dojem o značke, takže je lepšie, keď to robia odborníci v tejto oblasti.
udržať viac zdieľanie, vďaka za pomoc.
Vďaka za pomoc
Vynikajúce ! Osobne sa mi páči váš blog a čaká na ďalšie články, ako je tento
Ďakujeme.