Logo & WordPress-verkkosivusto - miten luoda ja lisätä se sivustoosi?

Logo & WordPress-verkkosivusto - miten luoda ja lisätä se sivustoosi?

(Lähes) jokaisella verkkosivustolla on oma logonsa. Se vaikuttaa suuresti sivuston ulkoasuun, ensivaikutelmaan, jonka kävijät saavat avatessaan sivuston, ja se on ehdottomasti brändin luomiseen liittyvä asia. Hyvin suunniteltu logo auttaa lähettämään oikean viestin yrityksestäsi potentiaalisille asiakkaillesi ja lisää brändisi tunnettuutta. Tämä on logojen markkinointinäkökulma, mutta entä asian tekninen puoli? Miten hyvä logo pitäisi suunnitella ja mitä parametrejä sillä pitäisi olla. Tässä on kokeneen suunnittelijamme ja front-end-kehittäjämme Peterin näkemys.

Logon koko ja mitat

Kun suunnittelet logoa ensimmäistä kertaa, ajattele aina askeleen eteenpäin. Tai mieluiten ajattele useita askelia eteenpäin ja mieti, missä logosi on esillä ja millä muilla tavoin sitä käytetään. Logon koko olisi johdettava sen kaikkien mahdollisten käyttötarkoitusten mukaan. Jos suunnittelet logosi kiinteän pikselikoon mukaan, voi helposti käydä niin, että sen parametrit eivät salli sen tulostamista hyvällä laadulla, sillä painettuun muotoon tarvitaan eri dpi kuin näyttöruuduille. Toisaalta, jos luot logon vektorigrafiikkana, voit viedä sen haluamassasi resoluutiossa.

Logon mitat ovat hyvin yksilöllisiä. Varmista kuitenkin, että logo näyttää hyvältä jokaisessa koossa. Jos esimerkiksi suunnittelen logon verkkosivustoni otsikkoon, minun on kiinnitettävä huomiota siihen, miltä se näyttää koko suunnitteluprosessin ajan.

On parempi suunnitella yksinkertaisempi logo, jossa ei ole paljon yksityiskohtia, koska ne voivat kadota pienemmissä koissa. Yksinkertaisemmat logot pysyvät aina selkeinä ja luettavina. Samasta logosta ei tarvitse suunnitella useampia variaatioita, jos sitä on pienennettävä.

Vaakasuorat logot ovat helpompia käsitellä

Pystysuorassa vai vaakasuorassa? Pystysuorat logot eivät aina sovi oikeassa suhteessa muuhun verkkosivuston suunnitteluun, ja niiden kanssa on vaikeampi työskennellä. Tämä pätee kahteen kertaan, kun kyse on WordPress-teemoista. Ota huomioon verkkosivuston responsiivisuus logoa suunnitellessasi, ja huomaat, kuinka paljon paremmalta vaakasuora logo näyttää eri laitteilla.

Jos olet jo valinnut teeman, tarkista, mitkä logon mitat olisivat parhaat, jotta se sopisi hyvin. Tai päinvastoin. Jos olet suunnitellut lopullisen logon, valitse teema, joka mahdollistaa sen oikean näyttämisen. Ainakin, jos haluat välttää teeman uudelleensuunnittelun tai uuden logovariaation luomisen teemaa varten.

Logo näkyy useissa eri paikoissa verkkosivustollasi tai paremmin sanottuna WordPress-teemassa. Tämä on jälleen yksi syy välttää liian monimutkaisia logoja.

Logotyypit

Logon sisältö

Kun alun perin päätät logon suunnittelusta, voit valita useista eri logotyypeistä:

  • kuvake/kuva
  • logotyyppi tai typografia (vain nimi tietyllä fontilla tai graafisilla asetuksilla).
  • molempien yhdistelmä

Se, miltä logon pitäisi näyttää, riippuu verkkosivuston aiheesta / liiketoiminnan suuntautumisesta. Sen pitäisi heijastaa tiettyä viestiä, joka liittyy liiketoimintaan. Esim. jos yrityksellä on tietty tuote, voimme tehdä tästä tuotteesta osan logoa. Polkupyörien myynti - pyörä. Blogikirjoitusten kirjoittaminen - kynä, kirja jne. Toisaalta, Logon ei välttämättä tarvitse sisältää mitään erityistä, se voi olla abstrakti tai vain yksinkertaisia geometrisia muotoja, mutta sen pitäisi olla helposti muistettava. Voit etsiä inspiraatiota internetistä ja tutustua esimerkkilogoihin Behancessa tai Dribblessä.

Jos sinulla ei ole mitään ideaa tai mielessäsi ei ole mitään erityistä, jota voisi käyttää logon kuvaosana, voit käyttää typografista logoa. Saatavilla on paljon fontteja osoitteessa fonts.google.com jotka ovat ilmaisia kaupalliseen käyttöön. Ei ole sääntö käyttää serif-fonttia, joka näyttää vakavammalta, mutta... on hyvä valita yksinkertaisempi fontti😀 Emme aio esitellä villejä ideoitamme asiakkaille, heillä on omat ideansa... Emme halua lannistaa heitä, vaan haluamme sen sijaan nostaa konversiolukua.

Typografinen logo

Jos kuitenkin haluaisimme logoon graafisen symbolin, se voitaisiin luoda esimerkiksi nimen alkukirjaimista. Tätä käytetään usein, kun logo edustaa henkilön nimeä eli hänen nimikirjaimiaan.

Nykyään trendinä on käyttää yksinkertaisia logoja. Jopa suuret yritykset yksinkertaistavat brändiään, se ei vahingoita mitään.

logon uudelleensuunnittelu

Lähde: http://www.underconsideration.com/brandnew/archives/

Värit

Logosta olisi tehtävä useita värivaihtoehtoja. Perusvärin tulisi olla tuotemerkin värinen, ja muut variaatiot tulisi suunnitella tummalle ja vaalealle taustalle sopivalla tavalla. On hyvä käytäntö laatia myös yksivärinen versio tai vain kaksivärinen versio erityisesti painotarkoituksiin. Tällöin on myös hyvä tarkistaa, ettei kuvassa ole turhia yksityiskohtia, joita ei kuitenkaan voida tulostaa.

Logon värin tulisi olla yhdenmukainen muun verkkosivun värimaailman kanssa. Logon ei välttämättä tarvitse olla värikäs herättääkseen huomiota. Riittää, että käytät vain yhtä väriä tai sovitat yhteen kaksi väriä, jos et halua sovittaa yhteen useampia värejä. Nimi visualisoidaan yleensä tummilla, lähes mustilla väreillä tai vaihtoehtoisesti valkoisella, riippuen taustasta, ja silloin graafinen symboli on värikäs. Mutta se ei ole sääntö.

Internetissä on myös erilaisia generaattoreita, joiden avulla voit sovittaa yhteen useita värejä, esim. coolors.co/app Katso tätä väripyörä työkalu Canvasta ja valitse täydellinen yhdistelmä.

Logon määrittäminen WordPress-teemaan

WordPress-teeman demo näyttää, miten logosi näkyy verkkosivuston jokaisessa eri responsiivisessa ulkoasussa. Kuten aiemmin mainittiin, jos logosi on jo suunniteltu, valitse sopivin WP-teema, joka sopii hyvin yhteen yrityksesi logon kanssa.

Lisätäksesi logon verkkosivustollesi, mene Theme Adminiin ja valitse Theme Options.

WordPress-teeman asetukset - verkkosivuston logo

Siirry Teema-asetusten asetussivulla kohtaan Header. Lataa logosi klikkaamalla "Valitse kuva" painikkeen teksti Verkkosivuston logo -asetukseen. Napsauta Tallenna asetukset.

WordPress-teeman asetukset - Valitse logo

Käy sivustosi esikatselussa nähdäksesi, miten logosi näkyy.

Ensimmäisen logon suunnittelu on asia, joka ansaitsee paljon ajatuksia. Keskity viestiin, jonka haluat lähettää asiakkaillesi. Se edustaa brändiäsi monien vuosien ajan. Hyvin suunniteltu logo pysyy mukana pitkään eikä vaadi suuria muutoksia. Muista, että trendi on yksinkertaistaa asioita sen sijaan, että niistä tehtäisiin monimutkaisempia. Jos sinulla on siis jo logo, jossa on liikaa yksityiskohtia, värejä tai käyriä, harkitse uuden, modernin version luomista siitä. Sen lisääminen WordPress-verkkosivustoosi on 3-4 napsautuksen asia, ja se on valmis.

32 ajatuksia aiheesta "Logo & WordPress website – how to create & add it to your site"

  1. Kiitos hyvistä vinkeistä! Minulla on kuitenkin kysymys, jonka voisit mielestäni esittää.
    luultavasti vastaus. Mietin, onko freelance Web-suunnittelijoilla/kehittäjillä tapana perustaa asiakkailleen
    jaettu vai dedikoitu hosting-paketti? Haluan varmistaa, että heidän verkkosivustonsa
    on nopea. Kaikki näkemys olisi erittäin kiitollinen!

    1. Hei,
      kiitos kommentistasi. Olemme pahoillamme, että tutkimusta/tutkimusta ei tehty, mutta harkitsemme asiaa uudelleen ja teemme päätöksen miesten osalta.
      Ystävällisin terveisin!
      Zlatko

  2. olin etsimässä logon suunnittelu miten suunnitella logo tunnissa, kuin kuulin logo maker olen onnellinen käytön jälkeen logo maker. Sen jälkeen etsin keinoa lisätä tämä logo sivustooni löysin, että teidän blogikirjoitus kiitos siitä, että jaat sen.

    1. Hei,
      kiitos paljon kommentistasi ja kohteliaisuuksistasi.
      Olisitko kiinnostunut muista aiheista, kerro meille.
      Hyvää päivänjatkoa!
      Zlatko

  3. Suuri opas siitä, miten voit asettaa logon wordpress-sivustoon. Hyödyllisiä tietoja minulle .Thanks jakamisesta informatiivinen sisältö

    1. Hei,
      kiitos kohteliaisuudesta. Jos sinulla on jokin ajatus siitä, mitä pitäisi olla seuraava blogikirjoitus, ota rohkeasti yhteyttä meihin takaisin.
      Ystävällisin terveisin!
      Zlatko

      1. sinun täytyy selkeä viesti wordpress nykyinen päivitysversio. joitakin kysymyksiä ei ole ratkaistu. vain kirjoittaa wordpress päivitetty blogit

      2. kirjoittaa yksityiskohtaisia tietoja nykyisestä wordpress päivitetyt versiot. koska sivustoni oli wordpress cms mutta en voinut lähettää mitään blogi kuvia mikä on ratkaisu???

        1. Hei,
          kiitos, että otit meihin yhteyttä. Voisitko antaa meille käyttäjätunnuksesi, joka on rekisteröity järjestelmäämme, vielä parempi olisi kuvata yksityiskohtaisesti, missä teemassa kohtasit edellä mainitun ongelman?
          Toiseksi,
          paras ratkaisu auttaa sinua olisi, jos ottaisit suoraan yhteyttä tukifoorumiimme. Toimita siksi Ait-Themes-tiimillemme AIT SysInfo -raportti: https://www.ait-themes.club/wordpress-plugins/ait-sysinfo/. Teknikot ovat valmiita auttamaan sinua kaikissa teemaan liittyvissä ongelmissa: Asiakastukea tarjotaan työpäivinä klo 8-17 Keski-Euroopan aikaa. Jos et ole vielä luonut Ait Themes Club -tiliä, käytä tätä lomaketta: https://system.ait-themes.club/join/tf ja lähetä tekninen kysymyksesi suoraan tukipyyntöjärjestelmäämme. Kirjaudu sisään tilillesi https://system.ait-themes.club/support/ . Yleisesti ottaen tuki kattaa pääasiassa ratkaisujen löytämisen teeman ongelmiin ja auttaa käyttäjiä käyttämään tuotetta, jos on vika, korjaamme sen mahdollisimman pian. Valitettavasti emme pysty työskentelemään käyttäjien mukautettujen verkkosivustojen parissa.
          Teknikot voivat vastata tehokkaimmin ja jopa mahdollisimman nopeasti, jos valitset "ensisijainen kysymys" -palvelun / saat vastauksen muutaman työtunnin kuluessa/.
          Kiitos ymmärryksestä.
          Paras!
          Zlatko

  4. Hei,

    kiitos kehuista ja kommenteista. Logo on (pitäisi olla) vain yksinkertainen tunniste, joka ei selitä liiketoimintaa. Kaunis, houkutteleva ja helposti nähtävissä myös kaukaa. Kaikki muu on markkinointikysymys.

    Paras!
    Zlatko

  5. Hei,

    kiitos kommentistasi. Joo, aivan oikein. Toisin sanoen, kun joku on työskennellyt luodakseen ja kasvattaakseen ainutlaatuista brändiään, hän voi symboloida sitä ainutlaatuisella logollaan.

    Vilpittömästi!
    Zlatko

  6. Hei,
    kiitos paljon kohteliaisuudesta ja palautteesta. Täysin samaa mieltä! Logot ovat erittäin tärkeitä.
    Vilpittömästi!
    Zlatko

  7. Hei,

    kiitos kommentistasi. Arvostamme sitä suuresti.

    Hyvää päivänjatkoa!
    Zlatko

  8. Awesome vinkkejä logon suunnittelu WordPress verkkosivuilla. Rakkaus lukea viesti. Työskentelemme aloittaaksemme kiinteistöalan yrityksen Sunshine Coastissa ja olemme melkein valmiita avaamaan, ja tällä hetkellä etsimme parasta logosuunnittelutoimistoa Sunshine Coastissa. Täältä sain hienoja työkaluja kokeilla omaa logosuunnitteluamme. Kiitos jakamisesta.

    1. Hei Stephany,

      kiitos kommentista ja lämpimistä sanoista :). Toivotan sinulle onnea uuden yrityksesi kanssa.

      Vilpittömästi!
      Zlatko

  9. Informatiivinen sisältö Nautin paljon lukemalla tämän. Kuten kaikki tietävät, että kun henkilö aloittaa yrityksensä logo toimii luovan raidan että erityisesti brändin

    1. Hei,
      kiitos ystävällisistä sanoistasi ja inspiroivista kohteliaisuuksistasi.
      Terveisin!
      AIT

  10. Hei,

    kiitos, että otit aikaa kommentoida ja tutkia logon käytön merkitystä - asiakkaat näkevät todellakin ensimmäisenä logon - silmäseurantatutkimukset osoittavat, että käyttäjät vilkaisevat ensin logoa muutaman sekunnin ajan ennen kuin siirtyvät muuhun sisältöön - muotoilulla on merkitystä.

    Vilpittömästi!
    AIT-tiimi

  11. Olen samaa mieltä ajatuksistasi. Reagoiva, houkutteleva, interaktiivinen, edullinen, kävijä- ja hakukoneystävällinen verkkosivusto on olennainen osa, joka lisää loppukäyttäjien käytettävyyttä. Kaikista edullisuus on tekijä, johon käyttäjä keskittyy ensin. Se on vaikuttava prosessi, jos hyvä muotoilu voidaan saada kohtuuhintaan. Samoin organisaatiomme myös tarjota palvelujaan hyvin kohtuuhintaisia alueita.

    1. Hei Kishana,

      Kiitos kysymästä. Animoitu logo toimii oikein.
      Jos sinulla on lisäkysymyksiä, ota meihin yhteyttä.

      Vilpittömästi!
      AIT

  12. Hyvin selitetty. Kaikki asiat on selitetty asianmukaisesti ja yksityiskohtaisesti. On hyvin totta, että erinomainen luova suunnittelu houkuttelee huomiota ja luo positiivisen vaikutelman brändistä, joten sen parempi, että sen tekevät alan asiantuntijat.

Kommenttien lisääminen on estetty.