UpVoter logoUpVoter.io
Volver a documentación

Marca e personalización visual en UpVoter

Marca e personalización visual en UpVoter

Que é a marca en UpVoter?

A marca permítelle personalizar a aparencia da súa sesión para que reflicta a identidade visual da súa organización ou evento. Pode configurar de forma independente logos, cores e imaxes de fondo para dúas vistas diferentes:

  • Projection View: a pantalla grande (TV, proxector) que o público ve na sala.

  • Participant View: a pantalla do smartphone de cada asistente.
  • Isto significa que pode ter, por exemplo, o logo do evento na proxección e o logo da súa organización na interface móbil, ou cores de fondo diferentes para cada vista.


    Acceder ao panel de marca

    Dentro do panel de xestión da sesión, abra a sección Branding no menú da barra lateral.

    O panel ten dúas abas:

  • Projection: configura a aparencia da pantalla grande.

  • Participant: configura a aparencia do dispositivo móbil do votante.
  • Os cambios nunha aba non afectan á outra. Cada aba ten o seu propio botón Gardar e o seu propio botón Reset values.

    > As personalizacións non se aplican ata que preme Gardar. Se pecha o panel sen gardar, os cambios serán descartados.


    Aba Projection

    Logo de proxección

    A imaxe que aparece na esquina superior esquerda da pantalla de proxección, visible en todas as preguntas e diapositivas da sesión.

    Para subir o logo:

  • Faga clic en Upload logo.

  • Seleccione un ficheiro PNG ou JPG. Un PNG con fondo transparente ofrece o mellor resultado sobre calquera cor de fondo.

  • A imaxe cárgase e gárdase inmediatamente.
  • Para eliminalo, faga clic no icono da papeleira xunto á imaxe.

    Imaxe de fondo

    A imaxe usada como fondo para toda a proxección. Escálase e centrase automaticamente para cubrir toda a pantalla sen distorsión.

    Opacidade do fondo

    Un regulador de 0 a 100 que controla a intensidade da imaxe de fondo. O valor por defecto é 30, que proporciona un efecto sutil que non compite co contido. Un valor de 0 fai a imaxe invisible; un valor de 100 móstraa con intensidade total.

    Mostrar título na proxección

    Controla se o texto da pregunta aparece na pantalla grande. Se está deshabilitado, a proxección mostra só as barras de resultados e opcións, ocultando o prompt principal.

    Cores de proxección

    | Campo | Para que serve |
    |---|---|
    | Background color | Fondo sólido da pantalla (visible cando non hai imaxe de fondo ou ten baixa opacidade) |
    | Primary color | Cor das barras de resultados e o bordo das tarxetas de Q&A |
    | Font color | Cor do texto na proxección (títulos, etiquetas, porcentaxes) |
    | Correct bar color | Cor da barra da resposta correcta cando se revela (verde por defecto) |
    | Points / ranking color | Cor dos números de posición e puntos nas diapositivas de clasificación (laranxa por defecto) |


    Aba Participant

    Pantalla de bienvenida

    Cando a sesión ten o toggle [UI_REQUEST_NAME] activado (solicitando un alias ao participante), a marca da aba Participant aplícase tamén á pantalla de bienvenida onde o asistente escribe o seu nome antes de entrar. O fondo, cor primaria, cor de fonte e logo permanecen consistentes co que verán durante o resto da sesión.

    Logo do participante

    A imaxe que aparece na aplicación web móbil do participante. Este logo é completamente independente do logo de proxección. Non hai alternativa entre os dous: se non se cargou ningún logo de participante, a vista de participante non mostrará ningún logo (permanecerá baleira), incluso se se cargou un logo na aba de proxección.

    Mostrar título ao participante

    Controla se o tema da enquisa ou o prompt da pregunta aparece nas pantallas móbiles. Pode ser útil deshabilitalo se o prompt xa se proxecta na pantalla grande e quere que os participantes manteñan a vista cara adiante.

    Cores dos participantes

    | Campo | Para que serve |
    |---|---|
    | Background color | Fondo da aplicación móbil |
    | Primary color | Cor dos botóns de confirmación de voto e elementos de acción |
    | Font color | Cor do texto na interface móbil |


    Gardar e reiniciar

    Gardar: aplica os cambios da aba activa. A proxección e os teléfonos móbiles dos participantes reflectirán as novas cores e logos en cuestión de segundos, sen necesidade de actualizar.

    Reset values: reverte todos os campos dessa aba (e só dessa aba) aos seus valores por defecto: cores neutras, sen logo, sen imaxe de fondo, opacidade 30.


    Recomendacións por tipo de evento

    Evento corporativo

  • Logo en PNG con fondo transparente, mínimo 400px de ancho.

  • Cor primaria: a cor corporativa exacta das súas guías de marca.

  • Fondo: imaxe con logo desfocado (opacidade 15-25%) ou sen imaxe.

  • Cor de barra correcta: verde se hai respostas correctas; mesma cor que a primaria para enquisas de opinión.
  • Asemblea

  • Sen logo ou logo da entidade.

  • Cores neutras e profesionais. Evite cores moi saturadas na votación formal.

  • Sen imaxe de fondo para forzar claridade máxima e lexibilidade da pantalla.
  • Evento dinámico / gamificación

  • Logo do evento ou nome do xogo.

  • Cor primaria impactante (naranxa, púrpura, verdes intensos).

  • Imaxe de fondo con textura sutil, opacidade 20-40%.

  • Cor de puntos en laranxa brillante para que os números de clasificación destaquen.

  • Limitacións actuais

  • Sen vista previa en tempo real: os cambios de cor só se ven previamente cando garda e observa a proxección real ou o dispositivo móbil do participante directamente.
  • Sen verificación automática de contraste: o sistema non o avisa se a súa combinación de cor de fondo e fonte é difícil de ler. Comprébeo visualmente antes de que comece o evento.
  • Sen modelos predefinidos: o organizador configura todo desde cero en cada sesión nova, aínda que unha sesión pode duplicarse para reutilizar a súa configuración.
  • As imaxes non se comprimen automaticamente: se carga imaxes moi grandes, a carga inicial pode ser lenta. Recomendase optimizalas antes de cargar.
  • Marca e personalización visual en UpVoter — UpVoter.io