Co potřebujete vědět při navrhování webových stránek

Mark Max Henckel Aktualizováno 21.
9 min.
Logo Webdesign
Naposledy aktualizováno 21.

Loga pro webové stránky se řídí zcela odlišnými pravidly než pro tisk nebo jinou komunikaci. Požadavky na loga a signets vzrostly. Ukážeme vám pokyny a nástroje pro vytvoření vašeho webového loga.

Tam je velmi propustná hranice mezi web design a grafický design. Grafici se často zaměřují na tisk, navrhování obchodního vybavení, plakáty, reklamy a loga. Web designéři, na druhé straně, design webové stránky, bulletiny, bannery a samozřejmě loga. Někteří mix dvě obchodní oblasti, které nabízejí design pro tisk a web. Není jasné, aby koncový zákazník, který může a možná by neměl dělat to, co. Pak grafici, kteří jsou více doma v tisku design pro webové stránky - a přinést tiskové loga na netu. Naopak, to je spíše výjimkou, že web návrháři rozvíjet celé obchodní vybavení.

To by mělo skutečně dát jasně najevo, aby někdo s "grafické oko" nebo grafické profese, že logo na internetových stránkách má jiné požadavky než jeden na papírnictví nebo na firemní budově. Vzhledem k nástupu smartphonů a mobilního internetu se požadavky na loga a signets (tj. malé grafiky, které mohou být použity pro loga) změnily a staly se konkrétnějšími na webu - ale také se zintenzivnily. Nakonec to není tak složité. A přesto to trvá hodně zkušeností a suverenity vyvinout dobré logo pro webové stránky.

Tři pokyny pro vytvoření webového loga

Existují tři nadřazené body, které můžete vzít v úvahu při navrhování loga:

  1. Formát na šířku: Logo se zobrazí v levém horním rohu, takže ho uživatelé očekávají. Někdy je také povoleno uprostřed místa. Ale s cílem ušetřit cenný prostor a upozornit uživatele na základy, má smysl vzít v úvahu obecné divácké návyky lidí - s logem krajiny v horní části vlevo.
  2. Průznané struktury: Je velmi důležité vzít v úvahu velikost loga na smartphonu nebo tabletu. Ale také mnoho stolních počítačů a notebooků má buď velmi vysoké rozlišení, takže hodně místa, nebo poměrně malá úhlopříčka. V obou případech se logo může jevit poměrně malé. Nicméně, to ještě musí fungovat dobře i v malých velikostech.
  3. Žádné nároky: Mnoho zákazníků, ale i návrháři, cítí někdy neodolatelnou tendenci umístit tvrzení pod logo. Text v obrázku. To nedává moc smysl. Není to jen otázka prostoru, ale také sotva číst schopni číst na smartphonech. Nehledě na skutečnost, že to znamená, že cenný text je Google Indexování (SEO) vyloučena.

Chápu, že tyto tři jednoduché "pravidla" pro vytvoření loga mohou být projednány. Protože samozřejmě najdete některé counter-příklady nebo značky, které více či méně mají svá vlastní pravidla. Ale to jsou velmi zvláštní, úspěšné značky - a výjimky potvrzují pravidlo i zde.

Ale co dělá úspěšná loga? Nejlepší způsob, jak to udělat, je podívat se na loga a / nebo signets úspěšných a velkých společností. Nejvíce geniální loga vím, jsou ty Daimler (hvězda Mercedes), Apple (s jablkem), VW, BBC nebo M z 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 společnosti.

webloga

V ideálním případě existují loga, která jsou přizpůsobena pro různé výstupní formáty. Výše uvedená oblíbená loga jsou také zářným příkladem. Pracují všude a jsou přizpůsobeny příslušným médiím s jejich specifickými požadavky. Logické: Hlavičkový papír potřebuje něco jiného než osvětlenou reklamu na domě a webová stránka má jiné podmínky než vizitka.

Signet & Slovní značka na internetu

Tento příspěvek není kompletní workshop pro vytvoření dokonalé logo. To jistě zahrnuje více než čtení blogu. Ale je 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é znamení, které představuje konkrétní předmět. Může se jedná o společnost, organizaci, soukromou osobu 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. Většinou se však loga skládají ze slovní značky a signet. Ve výše uvedených příkladech pro signets je vždy varianta se slovní značkou a bez ní.

To platí například pro McDonald's s výrazným M, které každý zná. Tá Logo McDonald's tam je s nápisem jméno a s nárokem (i'm lovein'it), ale M je vždy tam. Na Webové stránky Společnosti McDonald's z výše uvedených důvodů byla vyřešena tak, že toto M najdete pouze v levém horním rohu navigace – a navigace se při posouvání zadá. Jen M je stále tam v určitém okamžiku. Připadá mi to chytrý a prostorově úsporný, protože nejdůležitější věc je vždy vidět: signet, "M".

Podívejme se na logo na Webové stránky des WWF příkladem z politicky korektnější oblasti. Slavný panda medvěd, který by mohl také stát sám, je umístěn nad písmenem WWF, zkratka Světového fondu na ochranu přírody. Najdu webové stránky docela úspěšný (mimochodem TYPO3), ale člověk nechce hřebík hlavní navigaci. To je chytře vyřešeno. Potřebuje trochu prostoru, ale obsahuje vše podstatné.

Díky technologii mega-menu můžete zobrazit vše na stránce na druhé úrovni v navigaci. Pokud zavoláte mega-menu mouseover, pouze panda zůstává viditelná. Jedná se o vysoce sehrané logo, ale jeho implementace je velmi dobrá. Toto logo také pochází z doby, kdy nebyly žádné webové stránky. Jsem si jist, že WWF bude mít jiné logo vytvořené dnes - jeden ve formátu krajiny.

Příklady s logem v režimu na šířku na webu

RAIDBOXES je samozřejmě příkladem. Slovní značka, samozřejmě ve formátu na šířku - jinak nemůžete číst. Nazývám toto logo úspěchem. Protože má vysokou hodnotu uznání, což je podstata dobrého loga. Funguje také v malých na mobilních zařízeních. To platí pro mnoho stránek moderního internetu, jako je Google, Facebook, Amazon, Microsoft, YouTube a mnoho dalších.

RAIDBOXES Logo
Logo RAIDBOXES

Totéž můžeme udělat prostřednictvím wordpress.org Říct. Existují Zobrazitelné specifikace pro prezentaci WordPress -Loga: průvodce styl. Logo má W jako signet a slovní ochrannou známku ve formátu na šířku, ale také ve vzpřímené poloze. Na webových stránkách, hochkant logo je samozřejmě upustil. Z dobrých důvodů je logo s Signet nejen příčné, ale také poměrně velké nad navigací. Opět platí, že nabídka není pevná, což Použitelnost nezruší webové stránky.

Příklady stránek s WordPress

Další fascinující webové stránky, které slouží jako příklad pro nás je VOGUE Amerika. Myslím, že implementace je konzistentní a vhodná pro značku. Ale spíše slabý v pevné navigaci po rolování. Vzhledem k tomu, velký logotyp ve středu zmizí a objeví se v levém horním rohu v Klein, kde očekáváme, že. Jedná se o obecnou výzvu pro slovní značky, které je třeba snížit na webových stránkách. Hrany "okrajové" a rozmazané. Na SPIEGEL Online (SPON) stejný jev lze pozorovat. Pro oba, omluva může být, že loga byly vytvořeny před věkem internetu. Vidíme totéž jako na VOGUE v americké Časopis TIME, který je WordPress Spustí.

Situace je poněkud odlišná otevřít NASA od, také z WordPress a také s logem. Nicméně, obklopen jemným grafickým prvkem. Toto logo, tentokrát v rámci pevné navigace, je dostatečně velké, aby představovalo 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řítel čistých slovních značek, dávám přednost signets se zkratkami.

BBC AMERIKA je také WordPress Stránka. Ona má brilantně vyřešil design, stejně jako logo. Ano, jsem fanoušek BBC. Ale také jsem najít logo geniální a zapamatovatelné - jako úspěšný příklad loga ve formátu krajiny. Mimochodem, tato webová stránka také obejde s pevnou navigaci po rolování - zde je obsah v popředí.

Vytvořit (opustit) dobré logo pro web

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

Grafický design tam a zpět: Můžete vytvořit dobré logo pro vás a vaše zákazníky s graficky vyškoleným okem a několika jednoduchými pravidly. Samozřejmě, že nejjednodušší způsob, jak by bylo najmout grafického designéra. I když je to nejbezpečnější a zaručeně nejvyšší kvalita způsobem, výjimky potvrzují pravidlo. Ale je to také nejdražší varianta. Na internetu, máme podezření, že existují portály, které zadávají tyto služby v zahraničí. To vám umožní nakupovat za dobrý grafický design v zemích s nižší hodinovou mzdou ve vysoké kvalitě. Například z Ukrajiny, Indie, Indonésie, Jižní Ameriky, ale také z USA atd. Nevýhodou je právní situace ve sporech, komunikaci, a tedy někdy i koordinace.

Vzhledem k tomu, mám grafické oko sám a chci udělat co nejvíce sám, mám PUBLIKOVÁNÍ NA INTERNETU jinou cestou. Hledal jsem a našel signet na Envato. Myslel jsem, že bych mohl postavit logotyp pro něj. Protože signet, který se mi líbil, měl špatný obsah. Logo se musí shodovat s položkou a charakterem vaší společnosti. Tak jsem našel znamení, že jsem chtěl použít, ale s "P" v . Zpočátku jsem se snažil sám na to - ale nemám dostatek zkušeností s vektory v Illustrator. Tak jsem se zeptal developersignet o Envato, jestli by to mohl udělat pro mě - a za jakou cenu. Bylo to možné a cena byla naprosto rozumná. Teď mám tento "P" se slovní značkou v režimu na šířku:

Příklad online loga
The logo of PUBLIZIEREN IN NETZ

Nástroje pro výzkum

To je přesně to, co dělám pro své zákazníky. Je-li logo design je žádoucí, navrhuji nejprve vybrat signet, aby odpovídaly obchodní nápad a název. Nevyužívám jen Envato nebo Envato prvky. Také jsem hledat loga na Google, nebo Iconfinder, Istockphoto a dalších poskytovatelů malé grafiky. Pak jsem se ukázat jim zákazníkovi, vybrat jeden nebo dva spolu s ním a vybudovat logo ve formátu krajiny.

Důležité: Věnujte pozornost autorským právům, vaše logo se nesmí příliš přiblížit žádnému existujícímu. Dokonce i když nakupujete signets, musíte zkontrolovat (opustit) licenci: Vztahuje se na váš profesionální účel bez času a prostoru? A také pro použití jako logo?

Dobrá loga jsou jednoduchá a vyjadřují obchodní myšlenku co nejvíce. Pracují na webových stránkách, protože jsou krajiny nepoužívané. Mohou být zobrazeny černobíle. A mohou být zobrazeny na papírnictví nebo vizitky - něco změnilo a přizpůsobené, snad s nárokem pod.

Shrnutí

Vytvoření dobrého loga je poměrně snadné. Potřebujete jasný koncept a velmi dobrý nápad. Inspiraci poskytují další úspěšné značky a webové stránky. Dokonce i rozhovory s kolegy a přáteli vám mohou pomoci přijít s jedním jednoduchým, brilantním nápadem. Ale přiznejme si to: nemusí to být brilantní, vhodné může být dost, dobré by bylo víc než dost. Loga nebo signets můžete vyhledávat 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 zastupují. Tam může být také vtipné kombinace zde. Nebo konzistentní devace, například když si myslíme, že apple slavné jablko. Kdo by si přišel vzít jablko s chybějícím kousnutím. Ale tento malý legrační "potížista" dělá toto logo tak úžasné.

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

Foto: Jeff Sheldon, Rohan Vijay

Máte dotazy týkající se designu loga pro webové stránky? Použijte funkci komentáře. Chcete být informováni o nových příspěvcích k web designu a online marketingu? Tak nás následujte Twitter, Facebook nebo přes náš Bulletin.

Mark Max Henckel – Web designer z Hamburku. Vyškolený mediální designér (tisk), který pracuje jako webový designér od roku 2000. Zpočátku na mobile.de, od roku 2003 sám. Od roku 2005 bloggerů na různá témata na různých vlastních blogů. V letech 2007 a 2008 na spiegelu ONLINE se podílel na zahájení einestages.de v oddělení programování/editace švů. Později na SPIEGEL marketingu Kvality Channel (Spiegel QC / Spiegel Media). Pracuje jako freelancer pro libri.de a různé grafické a IT agentury. Od roku 2008 se specializuje na WordPress .

Podobné články

Komentáře k tomuto článku

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinná pole jsou označena * .