a márka logójának különböző helyeken kell élnie, a webhely apró faviconjától egy hatalmas hirdetőtábláig egy forgalmas autópályán. Még a honlapon belül, vannak különböző helyeken a logót, hogy menjen, és különböző irányokban és méretben. És minden egyes alkalommal, amikor használja a logót – vagy egy változata, ha – kell, hogy legyen következetes, éles, felismerhető.

Ha már a kezdetektől ismeri a logó különböző méreteit és méreteit, sokkal könnyebb lesz hozzáadni a weboldalához – valamint a közösségi médiához, a nyomtatott termékekhez és az összes többi márkabiztosítékhoz.

Feliratkozás a Youtube csatorna

Logo variációk

a legtöbb logók három eleme van: a cég neve, egy ikon és egy szlogen. Vagy úgy gondolhat egy logóra, mint amelynek két fő összetevője van: a kép vagy szimbólum, a tipográfia vagy a wordmark. Végső soron ezeket az elemeket együtt vagy külön is használhatja, de függetlenül attól, hogy hogyan vannak elrendezve, tükrözniük kell a márkáját.

egy logónak több változata is lehet a tervezés, a méretek, a tájolás, az alak és a méret tekintetében. Az a kontextus, ahol a logót használja – a mi céljainkra, ahol a webhelyére kerül – meghatározza a választott logó verzióját. Minden alkalommal, amikor a logót más háttérhez vagy mérethez igazítja, a cél az, hogy megőrizze integritását.

Itt van a közös logó eltérések, amit figyelembe kell vennie létrehozása, használata a honlapon, de másutt is:

• Vízszintes, tér függőleges
• Fekete, fehér, színes, illetve inverz színek
• Rendszeres háttér, átlátszó háttér
• Teljes logó, az ikon csak korlátozott szöveg vagy egyetlen levél/monogram

a különböző logók létre, valamint a részleteket, ahol meg kell használni, fel kell venni a márka készlet is. Ha pedig nem saját maga hozza létre a logóváltozatokat, akkor vegye figyelembe, hogy az azokat létrehozó ügynökségnek vagy tervezőnek minden variációt el kell küldenie az eredeti, elsődleges logóval együtt.

Logo fájltípusok

a Fájltípus befolyásolja, hogy néz ki a logó, ahogy fel van méretezve és nagyítva. Ha a logót nem skálázható fájltípus segítségével hozza létre, akkor az elmosódottnak és pixelezettnek tűnik, mivel nagyobb lesz. Nem akarod, hogy ez – azt szeretné, hogy a logó néz részletes, tökéletes, legyen az apró vagy hatalmas.

annak érdekében, hogy logója méretezhető legyen a minőség elvesztése nélkül, vektor formátumban kell lennie, lehetőleg PNG fájlként. A PNG veszteségmentes tömörített fájl, ami azt jelenti, hogy a fájl mérete elég kicsi, de a design minősége megmarad. Átlátszó hátteret is használhat PNG fájllal, amely kiválóan alkalmas weboldalak és más digitális terek számára. A logó online megjelenítésekor a PNG fájlnak kevesebbnek kell lennie, mint 200KB annak érdekében, hogy a betöltési idő gyors legyen.

lehet, hogy jobban ismeri a JPG fájlokat, de nem akarja használni a JPG-t a logóhoz. Ez a fajta fájl veszteséges tömörített, nem veszteségmentes tömörített. Bár kevesebb helyet foglal el, mint egy PNG, mert a fájl mérete egy kicsit kisebb, a minőség rosszabb, a logója pixeláltnak tűnhet, különösen akkor, ha megpróbálja méretezni.

Logóméret kiválasztása az Ön weboldalához

logója a weboldal két elsődleges helyén fog megjelenni: a favicon és a navigációs sáv. Nézzük át a konkrét dimenziókat ezekre a helyekre.

Favicon Logo Size

egy kis térben, mint például a favicon, csak az ikon logóját kell használnia, mivel a terület túl kicsi ahhoz, hogy bármilyen szöveg olvasható legyen. Vagy, ha a logója szó, akkor használhatja a szó első betűjét vagy a monogram verzióját, ha két vagy több szó van. Az alábbi példa, meglátod, az Amazon egy levelet, logó, hogy a használt különböző helyeken, többek között néhány ajándék kártyák:

Forrás: Amazon

ui.: A favicon az a kis ikon, amely a keresősáv webcíme mellett jelenik meg, és ez jelenik meg a könyvjelzők vagy a kedvencek listájában is.

Normál favicon méretek a következők:

• 16 x 16 pixel (leggyakoribb)
• 32 x 32 pixel
• 48 x 48 pixel

Navigációs Sáv Logó Mérete

A navigációs sáv vagy a fejléc a honlap itthon lesz, hogy a logo – valószínűleg a teljes, szabványos. Általában a logó a navigációs sáv bal oldalán ül.

bár a pontos méretezés attól függ, hogy az adott honlap készítő, valószínű, hogy a méret opciók lesz körülbelül a következőképpen:

• Teljes banner: 468 x 60 pixel
• Vízszintes elrendezés: 250 x 150 pixel; 350 x 75 pixel; vagy 400 x 100 pixel
• Függőleges elrendezés: 160 x 160 pixel

Ezek nem a méret a tényleges fejléc a fejléc lesz nagyobb – de a méretek hogy fontolja meg, amikor tervezése a logó fér bele az ilyen típusú weboldal fejlécét.

más helyeken, ahol a logóját használja

Ha logójának változatait szeretné létrehozni a webhelyéhez, akkor itt az ideje, hogy más helyekre is elkészítse a szükséges verziókat. Például:

• a digitális hirdetések és bannerek logót igényelnek.
• a közösségi média, akkor szükség van a logó háttérrel, bannerek, borító fotók, profil képek, Hozzászólások, miniatűrök.
• a fizikai anyagokat értékesítő online üzlettel rendelkező márkák esetében szükség lehet mágnesekre, bögrékre vagy pólókra nyomtatott logóra.
• ha fizikai anyagokat ad el vagy küld el, akkor logóját a szállítási anyagokra helyezi, például dobozokra, borítékokra, esetleg csomagolószalagra.

Eszközök, mint a Canva van ready-to-go sablonok az ideális méretű grafika különböző helyszíneken, mint a Facebook címlap fotó, vagy egy Történetek post Instagram. Akkor pop a logót a sablont, majd töltse le a végleges design használni, ahol szükség van rá.

Utolsó Gondolatai Arról, hogy a Logó Mérete A Weboldal

Amikor a logó, a variációk meg, hogy hol elhelyezni őket honlapon, ne feledje, hogy ez a kreatív, tervező-központú – nem nehéz-de-gyorsan szabályokat kell követni. És mivel ez nem egy tökéletes tudomány, a művészi szemével és a legjobb ítélőképességével eldöntheti, hogy hol használja. A logója sokat kommunikál a cégéről, és ez az egyik márkaeleme, amely befolyásolja a közönség érzékelését. Tisztának és jó minőségűnek kell lennie, függetlenül attól, hogy hol használják.

készen áll a logója? Itt van, hogyan kell hozzáadni egy egyedi logó képet Divi. Lehet, hogy tetszik a cikk egyszerű, kreatív módon megjeleníteni a logót Divi.

Kiemelt kép mas Blend/. com