Návrh loga pro webové stránky se řídí zcela jinými pravidly, než je tomu v případě tisku nebo jiné komunikace. Požadavky na loga a signety vzrostly. Ukážeme vám pokyny a nástroje pro vytvoření webového loga.

Návrh loga pro tisk a web

Hranice mezi webdesignem a grafickým designem je velmi propustná. Grafický design se často zaměřuje na tisk; navrhují se obchodní tiskoviny, plakáty, reklamy a loga. Naproti tomu v rámci webdesignu se navrhují webové stránky, informační bulletiny, bannery a samozřejmě loga.

Některé z nich kombinují obě oblasti podnikání a nabízejí design pro tisk i web. Koncovému zákazníkovi není jasné, kdo co může a možná by neměl dělat. Pak grafici, kteří jsou více doma v tisku, vytvářejí návrhy pro webové stránky - a přenášejí loga z tisku na web. Naopak je spíše výjimkou než pravidlem, že weboví designéři vytvářejí celé firemní tiskoviny.

Každému člověku s "grafickým okem" nebo grafickou profesí by mělo být zřejmé, že logo na webových stránkách má jiné požadavky než logo na psacích potřebách nebo na budově společnosti.

Vzhledem k nástupu chytrých telefonů a mobilního internetu se požadavky na loga a signety (malá grafika, kterou lze použít pro loga) na webu opět změnily a konkretizovaly – ale také zintenzivnily. Nakonec to není tak složité. A přesto to vyžaduje spoustu zkušeností a suverenity, aby se vyvinulo dobré logo pro webové stránky.

3 Pokyny pro vytvoření loga

Existují tři zastřešující body, které můžete při navrhování loga zvážit:

• Formát na šířku: Logo se zobrazuje vlevo nahoře, což uživatelé očekávají. Někdy je povoleno i uprostřed webové stránky. Aby se však ušetřilo cenné místo a pozornost uživatelů se zaměřila na to podstatné, má smysl zohlednit obecné návyky lidí při prohlížení - s logem ve formátu na šířku v levém horním rohu stránky.
• Jasné struktury: Je nezbytné zvážit velikost loga na smartphonu nebo tabletu. Ale také mnoho stolních počítačů a notebooků má buď velmi vysoké rozlišení, takže spoustu místa, nebo poměrně malou úhlopříčku obrazovky. V obou případech se logo může zdát poměrně malé. Ale stále musí dobře fungovat i v malých velikostech.
• Žádné nároky: Mnozí mají někdy neodolatelnou touhu umístit pod logo reklamaci. Text na obrázku. To nedává příliš smysl. Nejenže je to otázka místa, ale navíc je to na chytrých telefonech téměř nepřečtitelné. Nemluvě o tom, že se tím vylučuje cenný text z indexace Googlem (SEO).

Uvědomuji si, že o těchto třech jednoduchých "pravidlech" pro vytvoření dobrého loga lze diskutovat. Protože samozřejmě najdete nějaké protipříklady nebo značky, které mají více či méně svá vlastní pravidla (chtějí). Ale jsou to velmi zvláštní, úspěšné značky – a výjimky potvrzují pravidlo i zde.

Ale co dělá cool loga? Nejlepší způsob, jak to udělat, je podívat se na loga a / nebo znaky úspěšných a velkých společností. Nejdůmyslnější loga, která znám, jsou loga Daimler (hvězda Mercedesu), Apple (s jablkem), VW, BBC nebo M McDonalds. Samozřejmě existuje mnoho dalších příkladů. A většina z nich pochází z doby, kdy nebyl internet. Loga se však v průběhu času vyvíjejí, stejně jako značky a podniky.

V ideálním případě existují loga, která jsou přizpůsobena různým výstupním formátům. Zářným příkladem jsou i právě zmíněná oblíbená loga. Fungují všude a jsou přizpůsobena příslušným médiím s jejich specifickými požadavky. Je logické, že hlavičkový papír potřebuje něco jiného než neonový nápis na budově a webové stránky mají jiné požadavky než vizitka.

Signet & Word Mark na internetu

Tento příspěvek není kompletní dílnou pro vytvoření dokonalého loga. To určitě zahrnuje více než čtení blogového příspěvku. Je však navržen tak, aby vám pomohl lépe porozumět logu na vašich webových stránkách a najít úspěšnější řešení.

Jen krátce: Co je logo? Wikipedie říká:

"Logo je grafický znak, který reprezentuje určitý předmět. Může to být společnost, organizace, soukromá osoba nebo produkt."

Zatím dobré. Logo může být slovní značka, například Coca Cola, Google nebo Acer. Může to být signet jako Playboy, Shell a Mercedes. Ve většině případů se však loga skládají ze slovní ochranné známky a signetu. Ve výše uvedených příkladech signetů existuje vždy varianta se slovní ochrannou známkou a bez ní.

To platí například i pro McDonalds s výrazným M, které zná každý. Logo McDonald's je dodáváno s názvem písma a tvrzením (miluji to), ale M je vždy tam. Na webových stránkách McDonald's to bylo z výše uvedených důvodů vyřešeno tak, že toto M najdete pouze v levém horním rohu navigace – a navigace se při posouvání zatahuje. Pouze M je tam v určitém okamžiku. Považuji to za chytré a prostorově úsporné, protože to nejdůležitější je vždy viditelné: pečeť, "M".

Podívejme se na logo na webových stránkách WWF, abychom si vzali příklad z politicky korektnější oblasti. Slavný medvěd panda, který by mohl také stát sám, je umístěn nad písmenem WWF, zkratkou Světového fondu na ochranu přírody. Web mi připadá docela úspěšný (mimochodem TYPO3), ale vy to uděláte bez přibití hlavní navigace. To je chytře vyřešeno. I když potřebuje nějaký prostor, obsahuje všechny náležitosti.

Díky technologii Mega Menu můžete zobrazit vše, co lze vidět na webových stránkách na druhé úrovni v navigaci. Pokud vyvoláte mega menu myší, zůstane viditelná pouze panda. Přestože se jedná o vzpřímené logo, jeho implementace je bezchybná. Toto logo také pochází z doby, kdy neexistovaly žádné webové stránky. Jsem si jistý, že WWF by dnes vytvořil jiné logo - jedno v režimu na šířku.

Příklady webových stránek s WordPress

Další fascinující webovou stránkou, která nám slouží jako příklad, je VOGUE America. Implementaci považuji za konzistentní a vhodnou pro značku. Ale spíše slabé v pevné navigaci po rolování. Protože velký logotyp uprostřed zmizí a objeví se v levém horním rohu v Kleinu, kde ho očekáváme. Jedná se o obecný problém pro slovní ochranné známky, které je třeba na internetových stránkách zmenšit. Okraje se "třepí" a rozostřují.

Stejný jev lze pozorovat i u SPIEGEL Online (SPON ). Omluvou pro oba případy je, že loga byla vytvořena před nástupem internetového věku. U amerického časopisu TIME, který běží na WordPressu, vidíme totéž co u VOGUE.

Situace v otevřené NASA je poněkud odlišná, a to i od WordPress a také s logotypem. Nicméně, obklopen jemným grafickým prvkem. Toto logo, tentokrát v rámci pevné navigace, je dostatečně velké, aby reprezentoval prvek oběžné dráhy. Myslím, že to bylo úspěšné, i když i zde můžete vidět roztřepení dopisů. Proto nejsem přítelem čistých slovních značek, dávám přednost signetům se zkratkami.

BBC AMERICA je také Webová stránka WordPress. Brilantně vyřešila design i logo. Ano, jsem fanouškem BBC. Ale také považuji logo za geniální a nezapomenutelné - jako úspěšný příklad designu loga v krajinářském formátu. Mimochodem, tento web také obejde pevnou navigaci po rolování - zde je obsah v popředí.

Vytvoření (ponechat) dobré logo pro web

Takže nyní můžete velmi jasně vidět, že loga nejsou čarodějnictví a někdy velmi jednoduchá. Svou vynalézavost odvozují od jednoduchosti a konzistence odrazu nezávislé značky. Dobré logo je proto velmi snadné vytvořit, ale není snadné si ho představit nebo najít.

Grafický design nebo ne: dobré logo můžete vytvořit pomocí svého graficky vyškoleného oka a několika jednoduchých pravidel. Nejjednodušší by samozřejmě bylo najmout si někoho z oboru grafického designu. Je to nejbezpečnější a zaručeně nejkvalitnější způsob - výjimky potvrzují pravidlo. Je to však také nejdražší možnost.

Na internetu, máme podezření, existují portály, které tyto služby outsourcují do zámoří. Takže si můžete koupit dobrý grafický design v zemích s nižší hodinovou mzdou s vysokou kvalitou. Například z Ukrajiny, Indie, Indonésie, Jižní Ameriky, ale také z USA atd. Nevýhodou je právní situace v případě sporů, komunikace a tedy někdy i koordinace.

Vzhledem k tomu, že sám mám grafické oko a chci udělat co nejvíce sám, vydal jsem se jinou cestou se svým logem na PUBLISH ON THE NET . Hledal jsem a našel signet v Envato. Myslel jsem, že pro něj budu schopen vytvořit logotyp. Protože signet, který se mi líbil, měl špatný obsah. Logo musí nutně odpovídat předmětu a charakteru vaší společnosti.

Tak jsem našel znak @, který jsem chtěl použít, ale s "P" v kruhu @. Nejprve jsem to zkoušel sám – ale s vektory v Illustratoru mám příliš málo zkušeností. Zeptal jsem se tedy vývojáře signetu přes Envato, jestli by to pro mě mohl udělat – a za jakou cenu. Bylo to možné a cena naprosto rozumná. Nyní mám toto "P" se slovní značkou ve formátu na šířku:

Návrh loga: nástroje pro výzkum

Přesně takhle postupuju u svých zákazníků. Pokud chtějí návrh loga, doporučuji jim, aby si nejprve vybrali logo, které odpovídá jejich podnikatelskému záměru a názvu. Nepoužívám pouze Envato nebo Envato Elements. Loga hledám také na Googlu nebo na Iconfinderu, iStockPhoto a dalších poskytovatelích drobné grafiky. Ty pak představím, společně vybereme jedno nebo dvě a já vytvořím logo ve formátu na šířku.

Věnujte pozornost autorským právům, vaše logo se nesmí příliš přiblížit žádnému existujícímu. I když si koupíte signety, musíte zkontrolovat licenci: Platí bez omezení pro vaše profesionální účely, pokud jde o čas a prostor? A také pro použití jako logo?

Dobrá loga jsou jednoduchá a vyjadřují podnikatelský nápad co nejvíce. Pracují na webových stránkách, protože jsou v režimu na šířku. Mohou být zobrazeny černobíle. A mohou být zobrazeny na papírnictví nebo vizitce - mírně změněné a upravené, možná s nárokem pod ním.

Shrnutí: Návrh loga pro webové stránky

Vytvořit dobré logo je poměrně snadné. Potřebujete jasný koncept a skvělý nápad. Inspirovat se můžete u jiných úspěšných značek a webových stránek. K jednoduchému a skvělému nápadu vám může pomoci i rozhovor s ostatními. Ale buďme upřímní: nemusí být geniální, může stačit přiměřený, dobrý by byl více než dostatečný. Loga nebo signály můžete hledat na grafických platformách.

Samozřejmě, více či méně abstraktní znaky by měly mít něco společného s profesí, kterou zastávají. Přičemž zde mohou být i vtipné kombinace. Nebo konzistentní odvození, například když přemýšlíme o slavném jablku Apple. Koho by napadlo vzít si jablko s chybějícím kousnutím. Ale tento malý vtipný "rušič" dělá toto logo tak důmyslným.

Doufám, že nyní máte nějaké stopy k vytvoření skvělého dalšího loga pro World Wide Web. Přeji vám hodně štěstí a hodně zábavy.