Vaší značky je logo má žít celou řadou různých místech, z malé favicon na vaše webové stránky, aby obrovský billboard na rušné dálnici. Dokonce i na vašem webu existují různá místa pro vaše logo a v různých orientacích a velikostech. A pokaždé, když použijete své logo-nebo variantu if-musí být konzistentní, ostré a rozpoznatelné.

Když znáte různé rozměry a velikosti loga, které budete potřebovat od začátku, bude mnohem snazší jej přidat na svůj web-a na vaše sociální média – tiskové produkty a všechny ostatní záruky značky.

přihlaste se k odběru našeho kanálu Youtube

variace loga

loga mají většinou tři prvky: název společnosti, ikonu a slogan. Nebo si můžete myslet, že logo má dvě hlavní složky: obrázek nebo symbol a typografii nebo slovní značku. Nakonec můžete tyto prvky použít společně nebo samostatně, ale bez ohledu na to, jak jsou uspořádány, měly by odrážet Vaši značku.

jedno logo může mít několik variant, pokud jde o design, rozměry, orientaci, tvar a velikost. Kontext, ve kterém logo používáte – pro naše účely, kde se nachází na vašem webu-určuje verzi loga, kterou si vyberete. A pokaždé, když přizpůsobíte své logo jinému pozadí nebo velikosti, cílem je, aby si zachovalo svou integritu.

Zde jsou společné logo variace, které byste měli zvážit vytvoření pro použití na vašich webových stránkách a jinde:

• Horizontální, čtvercové a vertikální
• Černá, bílá, plně barevný a inverzní barva
• Pravidelné pozadí a průhledné pozadí
• Plné logo, ikona pouze omezené textu nebo jedno písmeno/monogram

Všechny různé loga, které vytvoříte, spolu s údaji o tom, kde by měly být použity, by měly být zahrnuty ve vaší značky kit taky. A pokud si sami nevytváříte své varianty loga, vězte, že agentura nebo designér, který je vytváří, by měl poslat všechny varianty spolu s původním primárním logem.

typy souborů loga

typ souboru ovlivňuje, jak logo vypadá, jak je zvětšeno a zvětšeno. Pokud vytvoříte logo pomocí škálovatelného typu souboru, bude vypadat rozmazané a pixelované, jak se zvětší. Nechcete to – chcete, aby vaše logo vypadalo podrobně a dokonale, ať už je malé nebo obrovské.

aby bylo vaše logo škálovatelné bez ztráty kvality, mělo by být ve vektorovém formátu, nejlépe jako soubor PNG. PNG je bezeztrátový komprimovaný soubor, což znamená, že Velikost souboru je poměrně malá, ale kvalita návrhu je zachována. Můžete také použít průhledné pozadí se souborem PNG, což je vynikající pro webové stránky a další digitální prostory. Při zobrazování loga online by měl být váš soubor PNG menší než 200 KB, aby byl čas načítání rychlý.

můžete být více obeznámeni se soubory JPG, ale nechcete používat JPG pro své logo. Tento typ souboru je ztrátový komprimovaný, ne bezeztrátový komprimovaný. I když to zabírá méně místa než PNG, protože velikost souboru je o něco menší, kvalita je horší, a vaše logo může vypadat pixelated, a to zejména, jak jste se snaží škálovat nahoru.

výběr velikosti loga pro váš web

vaše logo bude na vašem webu umístěno na dvou primárních místech: favicon a Navigační lišta. Pojďme si projít konkrétní rozměry pro tato místa.

velikost loga Favicon

v malém prostoru, jako je favicon, byste měli používat logo pouze pro ikony, protože oblast bude příliš malá na to, aby byl jakýkoli text čitelný. Nebo, pokud je vaše logo slovo, můžete použít buď první písmeno slova, nebo verzi monogramu, pokud existují dvě nebo více slov. V níže uvedeném příkladu, uvidíte, Amazon one-letter logo, které je používán v různých místech, včetně na některé ze svých dárkových karet:

Zdroj: Amazon

P. S. Favicon je malá ikona, která se zobrazí vedle názvu webové stránky na vyhledávacím panelu a je to také to, co se objeví v seznamu záložek nebo oblíbených položek.

Standardní favicon velikosti jsou následující:

• 16 x 16 pixelů (nejčastější)
• 32 x 32 pixelů
• 48 x 48 pixelů

Navigační Panel Logo Velikost

navigační panel nebo záhlaví vašich stránek bude domovem pro vaše logo – asi plná, standardní. Logo bude obvykle sedět na levé straně navigační lišty.

Zatímco přesné velikosti, bude záviset na vaší konkrétní webové stránky stavitel, je pravděpodobné, že možnosti velikost bude přibližně takto:

• Full banner: 468 x 60 pixelů
• Horizontální rozložení: 250 x 150 pixelů; 350 x 75 pixelů; nebo 400 x 100 pixelů
• Vertikální rozložení: 160 x 160 pixelů

Ty nejsou velikosti skutečné záhlaví – záhlaví bude větší – ale to jsou velikosti, aby zvážila při navrhování své logo, aby se vešly do těchto typů záhlaví stránky.

další místa budete používat své Logo

Pokud se chystáte vytvořit varianty svého loga pro svůj web, je také vhodný čas vytvořit verze, které budete potřebovat i pro jiná místa. Například:

• digitální reklamy a bannery budou vyžadovat logo.
• na sociálních médiích budete potřebovat své logo v pozadí, bannery, titulní fotografie, profilové obrázky, příspěvky a miniatury.
• u značek s internetovým obchodem, který prodává fyzické materiály, možná budete potřebovat své logo vytištěné na magnetech, hrncích nebo tričkách.
• Pokud jste prodat nebo poslat fyzické materiály, budete dát své logo na lodní materiál, jako jsou krabice, obálky a možná i balicí pásky.

nástroje jako Canva mají připravené šablony s ideálními velikostmi pro grafiku na různých místech, jako je vaše titulní fotka Facebook nebo Instagram Stories. Můžete vložit své logo do šablony a poté stáhnout konečný design, který chcete použít kdekoli to potřebujete.

Poslední Myšlenky O Velikost Loga pro Vaše webové Stránky

Když přijde na vaše logo, jeho varianty a kam umístit je na vaše webové stránky, nezapomeňte, že je to kreativní a design-centric – nejsou žádné hard-a-rychlá pravidla, která musíte dodržovat. A protože to není dokonalá věda, můžete použít své umělecké oko a nejlepší úsudek k rozhodnutí, co použít kde. Vaše logo hodně komunikuje o vaší společnosti a je to jeden z prvků vaší značky, který ovlivní vnímání publika. Mělo by vypadat jasně a kvalitně, bez ohledu na to, kde se používá.

je vaše logo připraveno? Zde je návod, jak přidat vlastní obrázek loga v Divi. Také by se vám mohl líbit náš článek s jednoduchými a kreativními způsoby zobrazení loga v Divi.

vybraný obrázek přes Mas Blend/. com