Um badge animado salta à vista enquanto se percorre o feed

O primeiro exemplo mostra uma exportação real: um halo luminoso na margem num ciclo de seis segundos. Podem escolher explicitamente este ciclo. Na introdução única, o efeito aparece só no início e a imagem fica depois parada.

O LinkedIn reproduz os vídeos de forma automática assim que entram no campo de visão, sem som e em ciclo. Entre tantas publicações paradas, o badge animado é muitas vezes a única coisa no ecrã que se mexe, e o olho responde à mudança de forma mais fiável do que a qualquer cor, por mais forte que seja. Para isso, o movimento não precisa de contar nada. Um brilho a percorrer o badge chega para prender o polegar durante o segundo em que se leem o nome e o evento. O que os estudos sobre movimento e atenção mostram está resumido num guia próprio.

Cada pessoa acrescenta a sua fotografia e o seu nome. Com isso, o browser de cada pessoa cria um vídeo pessoal com o design do evento. Preparam o badge uma vez e partilham o link. A exportação fica a cargo dos dispositivos dos convidados.

A isto junta-se a raridade. Os badges de evento aparecem no feed quase sempre como imagem parada, por isso um badge que se mexe dá ainda mais nas vistas. E como cada um destes vídeos passa na rede da respetiva pessoa, o efeito soma-se de convidado para convidado, e quão forte é, mostra-o o artigo sobre o efeito de rede.

A animação é uma questão de tom. Um congresso de compliance aguenta um brilho discreto sobre o título, um festival de comunidade pode deixar chover confétis. O catálogo cobre toda esta amplitude, de efeitos quase impercetíveis aos números mais espalhafatosos, como os fogos de artifício e a chuva dourada.

Vocês escolhem o estilo uma vez no editor, e este vale para todos os badges do evento; a intensidade pode ser contida quando se quer algo mais discreto. Para vos orientar, aqui ficam as famílias de estilos num relance:

Os estilos de texto atuam só na tipografia, o resto do badge fica completamente parado. O estilo Folha metálica corre como metal sobre as letras, o Reflexo do texto roça-as uma a uma, o Texto gradiente faz passar um gradiente de cor pelo título. Para entradas maiores, as letras constroem-se uma a uma ou juntam-se a partir de fragmentos, e para formatos de tecnologia há o glitch, que faz a letra tremeluzir por frações de segundo.

Como só a tipografia se mexe, a foto e o nome da pessoa continuam bem legíveis. Isto torna os estilos de texto a primeira escolha para formatos com um público sério, que querem movimento no feed e ao mesmo tempo precisam de parecer um evento profissional. No exemplo em baixo, o estilo Folha metálica corre sobre um layout editorial:

Os estilos de luz trabalham com margem, contorno e feixe. O Halo de luz (borda) do primeiro exemplo manda um brilho ao longo da margem do badge, o Néon (moldura) envolve o motivo em luz de tubo, o laser varre o badge com uma linha nítida, e o holofote passa cones de luz largos por todo o design.

Estes efeitos ganham todo o seu impacto em designs escuros, o brilho destaca o badge do ambiente do feed como um letreiro à noite. Para conferências de tecnologia, formatos noturnos e tudo o que tem luz de palco, é a escolha óbvia. Em baixo, o holofote sobre um conceito néon:

Um grupo de efeitos à parte trabalha diretamente na foto, o coração emocional do badge. O estilo Pulse manda anéis na cor de destaque para fora da foto, em ritmo, como um radar que conduz todos os olhares à pessoa. Aparentados com ele estão o Halo de luz (foto), em que um arco de luz corre à volta da foto de perfil, os Raios de luz, que se abrem em leque atrás da foto e giram devagar, e a Órbita, que faz pontos rodar à volta do rosto.

Estes estilos mostram a sua força nos badges de orador, porque aí o rosto é a mensagem: a pessoa deve ser reconhecida antes de alguém ler o nome. Em baixo, o Pulse no layout clássico com um brilho azul profundo, os anéis trazem a atenção de fora para dentro, até à foto:

O estilo mais flexível do catálogo é o das Animações de emojis. Vocês escolhem qualquer emoji, se quiserem até oito misturados, e o badge fá-lo voar como partículas. Há seis padrões de movimento à escolha: cair como chuva, subir como as bolhas do espumante, rebentar a partir do centro, pairar com suavidade, rodopiar como confétis ou dar voltas à foto. Também ajustam a densidade e o tamanho, do acento isolado ao aguaceiro cerrado.

Assim, um efeito passa a ser uma peça do vosso tema: o coração para a gala solidária, o foguetão para o lançamento de produto, o barrete de finalista para a festa de fim de curso, o sol para a festa de verão. Um símbolo que pertence ao vosso evento vai junto em cada badge publicado. Em baixo, o emoji de festa com brilhos no modo Confétis:

O ticker é o caso especial do catálogo, porque aqui é texto escrito por vocês que se mexe. Uma faixa corre ao longo da margem do badge, como a barra de notícias da televisão, e leva em ciclo sem fim a frase que deve ficar na memória: um convite como «Let’s connect at OneClickBadge Summit», o pavilhão e o número do stand para a feira ou o aviso da venda de bilhetes.

O texto escrevem-no no editor, e as cores da faixa e da letra ajustam-nas ao vosso design. Em baixo, a frase de exemplo corre por baixo de uma oradora recortada sobre um gradiente de pôr do sol:

A animação quase não muda o processo, e é esse o ponto. Vocês desenham o vosso badge como de costume e abrem depois, no editor, a secção Animação em vídeo. É aí que fica a opção decisiva: «Oferecer download em vídeo». Vem desligada de origem, por isso os vossos destinatários descarregam só a imagem. Só com a opção ativada é que, na página do destinatário, aparece a opção de vídeo ao lado da imagem.

Assim que a opção fica ativada, surge por baixo a escolha de estilos com pré-visualização ao vivo. Escolhem um estilo do catálogo, ajustam, se quiserem, intensidade, ritmo e cores do efeito e reproduzem a animação para conferir mesmo no editor, sem terem de mexer em nada no próprio badge.

Escolham também entre uma introdução única e um ciclo contínuo. O ciclo está inicialmente desativado. Os convidados acrescentam fotografia e nome e descarregam imagem ou vídeo. O formato preferido é MP4, mas o browser pode gerar WebM. Se o browser não conseguir gravar vídeo, não há exportação de vídeo. A exportação decorre no dispositivo da pessoa.

Quase sempre os dois, consoante o canal. O vídeo mostra a sua força no feed, onde se impõe às imagens paradas. A imagem continua a ser a escolha certa para o perfil, para newsletters e em todo o lado onde os vídeos não arrancam sozinhos. Como as duas versões vêm do mesmo badge, a decisão não custa nada, a vossa gente descarrega simplesmente ambos os formatos.

Uma dica prática para publicar: as publicações de vídeo arrancam sem som no LinkedIn. Por isso, todos os estilos aqui foram feitos de raiz para funcionar sem áudio. Quem planeia a estratégia de anúncio à volta disto encontra o roteiro no guia para promover o vosso evento.