Siirry sisältöön
Hankkeen osallistujien ja rahoittajien logot.
HOT Hybridi -hankkeen logo.

#HOThybridi

Hybridiopetuksen ja -työskentelyn taidot ja tavat

  • Etusivu
  • Blogi
  • Julkaisut
  • Tietoja hankkeesta
  • Tapahtumat
  • Yhteystiedot
    • Ohjausryhmän jäsenet

Avainsana: brändivärit

Posted on 19.5.2022

HOT-hankkeen väripaletin metsästys ja logon luonnostelu

Kuten muillekin hankkeille, myös Hybridiopetuksen ja -työskentelyn taidot ja tavat -hankkeelle piti valita brändivärit, joiden avulla hanke erotetaan muista projekteista. Värivalinnoilla on iso merkitys visuaalisessa ilmeessä, ja tekeehän yhtenäinen värimaailma hankkeen viestintämateriaaleista tunnistettavan ensisilmäyksellä.

Turkoosi, ruskea, keltainen, harmahtava valkoinen ja pinkki väriraita rinnakkain.
Valittu väripaletti. Väripaletti ja kuva tehty Coolors.co-sivustolla.

Värien valinta ei ollut mikään helppo nakki. Värien piti miellyttää silmää, minkä lisäksi niiden täytyi olla myös saavutettavia. Eli väreillä tuli olla riittävät kontrastit toisiinsa nähden, jotta niitä pystyisi yhdistelemään. WCAG-ohjeissa eli verkkosisältöjen saavutettavuusohjeissa väreille on annettu alin sallittu kontrastisuhde, joka on 4,5:1. Suhdeluku tarkoittaa siis, kuinka moninkertaisesti valoisampi kahden vertailtavan värin vaaleampi osapuoli on suhteessa tummempaan väriin.

Värien kontrasti tarkistettiin Webaim-sivulla. Värit testattiin vielä myös erilaisten värisokeuksien kannalta siten, että valitut väriyhdistelmät erottuvat myös värisokeille henkilöille.

Hankkeen logon värit.
Punavihersokeille henkilöille värit voivat näkyä oikealla olevan esimerkin tavoin. Lähde: Coolors.co
Tumman sininen, musta, kirkas keltainen, harmahtava valkoinen ja harmaan vihreä väriraita rinnakkain.

Logon valinta

Kun väripalettiehdotus oli valikoitunut, värit siirrettiin logoehdotukseen, jotta nähtiin, millainen lopputulos olisi. Saavutettavuuden värikontrastivaatimukset eivät koske logoja, koska logoille laitetaan aina verkkopalveluissa vaihtoehtoinen teksti. Logojen suunnittelussa voi siis käyttää enemmän taiteellisia vapauksia.

Logosta löytyy HOThybridi-sanat, jotka ovat käytössä myös hankkeen #HOThybridi-tunnisteessakin. Tekstin taustalla näkyy tumma, yksittäisistä kuusikulmaisista muodostuva verkosto. Tässä Hybridiopetuksen ja työskentelyn tavat ja taidot -hankkeessa verkostolla on tärkeä osa hankkeen toteutumiseksi. Logon keltainen nuoli kuvastaa hankkeen tulevaisuuteen katsomista ja kehityksen eteenpäin menoa.

Turkoosi tausta, jossa on tummemman turkooseja kuusikulmaisia. Kuusikulmaisten päällä on teksti HOT, keltainen nuoli oikealle ja teksti Hybridi.
Hankkeen logo

Värien yhdistely

Hankkeeseen valikoidussa väripaletissa joitain värejä voi käyttää yhdessä ja osa on tarkoitettu käytettäväksi erillään toisistaan. Selkeyden kannalta on ehkä järkevämpää olla käyttämättä tekstissä liian montaa väriä kerralla.

Hankkeen värien mukaisia värejä neliöissä. Neliöt on pareittain ja neliöiden värien kontrastit on laskettu viereen numeroiksi.
Väriyhdistelmät, joissa on tarpeeksi suuri kontrasti tekstien erottumiseen.

Väripaletista ja logosta järjestettiin äänestys hankkeen toimijoiden kesken. Äänestyksen jälkeen logo ja paletti lyötiin lukkoon ja lopputulos näkyykin tällä sivustolla.

  • #HOThybridi
  • Aineistopankki
  • Blogi
  • Julkaisut
  • Saavutettavuusseloste
  • Tapahtumat
  • Tietoja hankkeesta
  • Tietosuojaseloste
  • Yhteystiedot
    • Ohjausryhmän jäsenet
  • Etusivu
Creative Commons -lisenssi
Tämä teos on lisensoitu Creative Commons Nimeä-JaaSamoin 4.0 Kansainvälinen -lisenssillä.
Voimanlähteenä WordPress.com.
  • Seuraa Seurataan
    • #HOThybridi
    • Already have a WordPress.com account? Log in now.
    • #HOThybridi
    • Mukauta
    • Seuraa Seurataan
    • Kirjaudu
    • Kirjaudu sisään
    • Ilmoita sisällöstä
    • Näytä sivu lukijassa
    • Hallitse tilauksia
    • Pienennä tämä palkki
 

Ladataan kommentteja...