UpVoter logoUpVoter.io
Volver a documentación

Branding ja visuaalinen mukauttaminen UpVoterissa

Branding ja visuaalinen mukauttaminen UpVoterissa

Mitä on branding UpVoterissa?

Branding-toiminnon avulla voit mukauttaa istuntosi ulkoasua organisaatiosi tai tapahtumasi visuaalisen identiteetin mukaisesti. Voit itsenäisesti määrittää logot, värit ja taustakuvat kahdelle eri näkymälle:

  • Projection View: iso näyttö (televisio, projektori), jota yleisö näkee salissa.

  • Participant View: kunkin osallistujan älypuhelin.
  • Tämä tarkoittaa sitä, että voit esimerkiksi näyttää tapahtuman logoa projektiossa ja organisaatiosi logoa mobiilirajapinnassa, tai käyttää eri taustaa värejä kummassakin näkymässä.


    Pääse branding-paneeliin

    Istunnon hallintapaneelista avaa sivupalkissa olevan Branding-osion.

    Paneelissa on kaksi välilehteä:

  • Projection: määrittää iso näytön ulkoasun.

  • Participant: määrittää äänestäjän mobiililaitteen ulkoasun.
  • Muutokset yhdessä välilehdessä eivät vaikuta toiseen. Jokaisessa välilehdessä on oma Tallenna-painike ja oma Reset values -painike.

    > Mukautukset eivät toteudu ennen kuin painat Tallenna-painiketta. Jos suljet paneelin tallentamatta, muutokset hylätään.


    Projection-välilehti

    Projection-logo

    Kuva, joka näkyy projektion näytön vasemmassa yläkulmassa ja on näkyvissä kaikissa istunnon kysymyksissä ja diissa.

    Logon lataaminen:

  • Napsauta Upload logo.

  • Valitse PNG- tai JPG-tiedosto. PNG-kuva, jolla on läpinäkyvä tausta, antaa parhaan tuloksen millä tahansa taustavärin päällä.

  • Kuva ladataan ja tallennetaan välittömästi.
  • Poistaaksesi sen, napsauta kuvan vieressä olevaa roskakorin kuvaketta.

    Taustakuva

    Kuva, jota käytetään koko projektion taustana. Se skaalautuu ja keskittyy automaattisesti kattamaan koko näytön ilman vääristymiä.

    Taustan läpinäkyvyys

    Liudin, jonka arvo on 0–100, joka ohjaa taustakuvan intensiteettiä. Oletusarvo on 30, mikä tarjoaa hienovaraisen efektin, joka ei kilpaile sisällön kanssa. Arvo 0 tekee kuvasta näkymättömän; arvo 100 näyttää sen täydellä intensiteetillä.

    Näytä otsikko projektiossa

    Määrittää, näkyykö kysymyksen teksti isolla näytöllä. Jos poistettu käytöstä, projektio näyttää vain tulospalkit ja vaihtoehdot, ja se piilottaa pääasiallisen kehotteen.

    Projection-värit

    | Kenttä | Mihin sitä käytetään |
    |---|---|
    | Background color | Näytön kiinteä tausta (näkyvissä, kun taustakuvaa ei ole tai sillä on matala läpinäkyvyys) |
    | Primary color | Tulospalkkien väri ja Q&A-korttien reunan väri |
    | Font color | Projektion tekstin väri (otsikot, tunnisteet, prosenttiosuudet) |
    | Correct bar color | Oikean vastauksen palkin väri paljastaessaan (oletuksena vihreä) |
    | Points / ranking color | Sijainnin numerot ja pisteet leaderboard-diissa (oletuksena oranssi) |


    Participant-välilehti

    Tervetulemisruutu

    Kun istunnolla on [UI_REQUEST_NAME]-kytkin aktivoituna (pyydetään osallistujalta alias), Participant-välilehden branding-asetukset koskevat myös tervetulemisruutua, jossa osallistuja kirjoittaa nimensä ennen sisäänpääsyä. Tausta, perusväri, fonttiväri ja logo pysyvät yhdenmukaisina sen kanssa, mitä he näkevät istunnon loppuosassa.

    Participant-logo

    Kuva, joka näkyy osallistujan mobiili-verkkosovelluksessa. Tämä logo on täysin itsenäinen projektion logosta. Näiden välillä ei ole fallback-vaihtoehtoa: jos osallistuja-logoa ei ladattu, osallistuja-näkymä ei näytä mitään logoa (se jää tyhjäksi), vaikka logo ladattaisiin projektion välilehdessä.

    Näytä otsikko osallistujalle

    Määrittää, näkyykö kyselyaihe tai kysymyksen kehote mobiiliruuduilla. Se voi olla hyödyllistä poistaa käytöstä, jos kehote on jo heijastettu isolla näytöllä ja haluat osallistujien pitävän silmänsä eteenpäin.

    Participant-värit

    | Kenttä | Mihin sitä käytetään |
    |---|---|
    | Background color | Mobiilisovelluksen tausta |
    | Primary color | Äänestyskytkimen väri ja toimintaelementit |
    | Font color | Mobiilirajapinnan tekstin väri |


    Tallentaminen ja nollaaminen

    Tallenna: käyttää aktiivisen välilehden muutoksia. Projektio ja osallistujien mobiilipuhelimet heijastivat uusia värejä ja logoja muutamassa sekunnissa ilman uudelleenlatausta.

    Reset values: palauttaa kaikki tämän välilehden (ja vain tämän välilehden) kentät oletusarvoihinsa: neutraalit värit, ei logoa, ei taustakuvaa, läpinäkyvyys 30.


    Suositukset tapahtumatyypeittäin

    Yritystilaisuus

  • PNG-logo, jossa on läpinäkyvä tausta, vähintään 400 px leveä.

  • Perusväri: tarkka väri brändiohjeistuksestasi.

  • Tausta: kuva sumennettua logoa (läpinäkyvyys 15–25 %) tai ei kuvaa.

  • Oikea palkin väri: vihreä, jos on oikeita vastauksia; sama kuin perusväri mielipidekyselyille.
  • Kokoontulo

  • Ei logoa tai yksikön logo.

  • Neutraalit ja ammattimaiset värit. Vältä korkeasti kyllästettyjä värejä muodollisissa äänestyksissä.

  • Ei taustakuvaa maksimaalisen selkeyden ja näytön luettavuuden pakottamiseksi.
  • Dynaaminen tapahtuma / gamification

  • Tapahtuman logo tai pelin nimi.

  • Silmiinpistävä perusväri (oranssit, violetit, intensiiviset vihreät).

  • Taustakuva, jossa on hienovarainen tekstuuri, läpinäkyvyys 20–40 %.

  • Pisteet väri kirkkaassa oranssissa sijainnin numerot erottuvat.

  • Nykyiset rajoitukset

  • Ei reaaliaikaista esikatselua: värimuutokset esikatsellaan vain, kun tallennat ja katsot todellisen projektion tai osallistujan mobiililaitteen suoraan.
  • Ei automaattista kontrastintarkistusta: järjestelmä ei varoita sinua, jos valitsemasi taustan ja fontin värien yhdistelmä on vaikea lukea. Tarkista se visuaalisesti ennen tapahtuman alkua.
  • Ei ennalta määritettyjä malleja: järjestäjä määrittää kaiken alusta alkaen jokaisessa uudessa istunnossa, vaikka istunnon voi kopioida sen konfiguraation uudelleenkäyttämiseksi.
  • Kuvia ei pakata automaattisesti: jos lataat erittäin suuria kuvia, alkuun latautuminen voi olla hidasta. On erittäin suositeltavaa optimoida ne ennen lataamista.
  • Branding ja visuaalinen mukauttaminen UpVoterissa — UpVoter.io