brändisi logon on elettävä lukemattomissa eri paikoissa, pikkuruisesta faviconista nettisivuillasi valtavaan mainostauluun vilkkaalla moottoritiellä. Jopa sivustossasi, on olemassa eri paikoissa logosi mennä, ja vaihteleva suuntaukset ja koot. Ja joka ikinen kerta, kun käytät logoasi – tai Ifin muunnelmaa – sen on oltava johdonmukainen, terävä ja tunnistettava.

kun tiedät logon eri mitat ja koot, joita tarvitset alusta alkaen, on paljon helpompaa lisätä se verkkosivustoosi – ja sosiaaliseen mediaan, painotuotteisiin ja kaikkiin muihin brändin vakuuksiin.

Tilaa Youtube-kanavamme

Logomuunnelmat

suurimmaksi osaksi logoissa on kolme elementtiä: yrityksen nimi, kuvake ja iskulause. Tai voit ajatella, että logossa on kaksi pääosaa: kuva tai symboli ja typografia tai sanamerkki. Viime kädessä voit käyttää näitä elementtejä yhdessä tai erikseen, mutta riippumatta siitä, miten ne on järjestetty, niiden pitäisi heijastaa brändiäsi.

yhdellä logolla voi olla useita variaatioita, kun on kyse suunnittelusta, mitoista, suunnasta, muodosta ja koosta. Asiayhteys, jossa käytät logoa – meidän tarkoituksiimme, mihin se menee verkkosivustollasi – määrittää logon version, jonka valitset. Ja aina kun mukautat logosi eri taustaan tai kokoon, tavoitteena on, että se säilyttää eheytensä.

tässä on yleisiä logomuunnoksia, joita kannattaa harkita luotavaksi verkkosivustolle ja muualle:

• vaaka -, neliö-ja pystysuunnassa
• Musta, valkoinen, täysvärinen ja käänteisväri
• säännöllinen tausta ja läpinäkyvä tausta
• Koko logo, vain kuvake ja rajoitettu teksti tai yksittäinen kirjain/monogram

kaikki luomasi logot sekä yksityiskohdat siitä, missä niitä tulisi käyttää, tulisi sisällyttää tuotemerkkipakkaukseen-niin. Ja jos et ole luomassa logomuunnelmiasi itse, tiedä, että niitä luovan viraston tai suunnittelijan pitäisi lähettää kaikki muunnelmat alkuperäisen, ensisijaisen logon mukana.

Logotiedostotyypit

tiedostotyyppi vaikuttaa siihen, miltä logo näyttää sitä suurennettaessa ja suurennettaessa. Jos luot logon ei-skaalautuvalla tiedostotyypillä, se näyttää sumealta ja pikselöidyltä, kun se kasvaa. Et halua tätä – haluat logosi näyttävän yksityiskohtaiselta ja täydelliseltä, oli se sitten pieni tai valtava.

jotta logosi olisi skaalattavissa laatua menettämättä, sen tulisi olla vektorimuodossa, mieluiten PNG-tiedostona. PNG on häviötön pakattu tiedosto, mikä tarkoittaa, että Tiedoston koko on melko pieni, mutta suunnittelun laatu säilyy. Voit myös käyttää läpinäkyvää taustaa PNG-tiedostolla, joka sopii erinomaisesti verkkosivustoille ja muihin digitaalisiin tiloihin. Kun logoa näytetään verkossa, PNG-tiedoston pitäisi olla alle 200KB, jotta latausaika olisi nopea.

saatat tuntea JPG-tiedostot paremmin, mutta et halua käyttää JPG: tä logollesi. Tämän tyyppinen tiedosto on häviöllinen pakattu,ei häviötön pakattu. Vaikka se vie vähemmän tilaa kuin PNG, koska tiedostokoko on hieman pienempi, laatu on huonompi,ja logo voi näyttää pikselöidyltä, varsinkin kun yrität skaalata sitä.

valitsemalla logon koon verkkosivustollesi

logosi menee kahteen ensisijaiseen paikkaan verkkosivustollasi: faviconiin ja navigointipalkkiin. Käydään läpi tarkat mitat noille paikoille.

faviconin logon koko

pienessä tilassa, kuten faviconissa, kannattaa käyttää vain kuvakemerkkiä, koska alue on liian pieni minkään tekstin luettavaksi. Tai jos logo on sana, voit käyttää joko sanan ensimmäistä kirjainta tai monogrammiversiota, jos sanoja on kaksi tai useampia. Alla olevassa esimerkissä näkyy Amazonin yksikirjaiminen logo, jota käytetään eri paikoissa, myös joissakin heidän lahjakorteissaan:

lähde: Amazon

P. S. Favicon on pieni kuvake, joka näkyy verkkosivun otsikon vieressä hakupalkin, ja se on myös mitä näkyy kirjanmerkit tai suosikit-luettelossa.

faviconin standardikoot ovat seuraavat:

• 16 x 16 pikseliä (yleisin)
• 32 x 32 pikseliä
• 48 x 48 pikseliä

navigointipalkin logon koko

verkkosivusi navigointipalkki tai otsikko on kotiin logo – luultavasti koko, standard yksi. Tyypillisesti logo istuu navigointipalkin vasemmalla puolella.

vaikka tarkka koko riippuu verkkosivuston rakentajasta, on todennäköistä, että kokovalinnat ovat suunnilleen seuraavat:

• Kokobanneri: 468 x 60 pikseliä
• vaakasuora asettelu: 250 x 150 pikseliä; 350 x 75 pikseliä; tai 400 x 100 pikseliä
• pystysuuntainen asettelu: 160 x 160 pikseliä

nämä eivät ole varsinaisen otsakkeen kokoja – otsakkeet ovat suurempia – mutta ne ovat kokoja, jotka on otettava huomioon suunniteltaessa logoa sopimaan kyseisen tyyppisiin verkkosivustojen otsakkeisiin.

muissa paikoissa käytät logoasi

Jos aiot luoda variaatioita logostasi verkkosivustollesi, on myös hyvä aika tehdä tarvittavat versiot myös muihin paikkoihin. Esimerkiksi:

• digitaaliset mainokset ja bannerit vaativat logon.
• sosiaalisessa mediassa tarvitset logosi taustoihin, bannereihin, kansikuviin, profiilikuviin, postauksiin ja näytekuviin.
• brändeille, joilla on fyysisiä materiaaleja myyvä verkkokauppa, logon voi tarvita magneetteihin, mukeihin tai T-paitoihin painettuna.
• Jos myyt tai lähetät fyysisiä materiaaleja, laitat logosi lähetysmateriaaliin, kuten laatikoihin, kirjekuoriin ja ehkä jopa pakkausteippiin.

työkaluilla, kuten Canvalla, on valmiita malleja, joiden koot sopivat grafiikoille eri paikoissa, kuten Facebook-kansikuvassa tai Instagram-tarinoiden postauksessa. Voit pop logo malliin ja lataa lopullinen muotoilu käyttää missä sitä tarvitaan.

lopulliset ajatukset verkkosivujesi logon koosta

kun on kyse logostasi, sen muunnelmista ja siitä, mihin sijoitat ne verkkosivustollasi, muista, että tämä on luovaa ja designkeskeistä-ei ole olemassa kovia ja nopeita sääntöjä, joita sinun on noudatettava. Ja koska se ei ole täydellinen tiede, voit käyttää taiteellista silmää ja parhaan harkintakyvyn päättää, mitä käyttää missäkin. Logosi viestii paljon yrityksestäsi, ja se on yksi brändäyksistäsi, joka vaikuttaa yleisön näkemykseen. Sen pitäisi näyttää selkeältä ja laadukkaalta riippumatta siitä, missä sitä käytetään.

Onko logosi valmis? Näin voit lisätä mukautetun logon kuvan Divi. Saatat myös pitää artikkelistamme yksinkertaisilla ja luovilla tavoilla, joilla voit näyttää logosi Divi: ssä.

Featured Image via Mas Blend /. com