Padronização da Rock University BR

  1. Padronização de design
  2. Padronização audiovisual: gravação
  3. Padronização audiovisual: edição
  4. Padronização de design audiovisual: guidelines

1. Padronização de design

Logo

O logotipo da Rock University segue as mesmas guidelines do logotipo da Rock Content em relação ao ícone, escala e aplicações aceitáveis e inaceitáveis.

Em relação às cores, é permitido usar:

Obtenha as versões da logo aqui. 

Além disso, o logo da Rock University deve estar presente em todos os materiais de apoio:

Cores

A cor principal da Rock University é o azul/400, Bleu de France (#3576ED), assim como para a marca-mãe, Rock Content.

A cor cinza/700, Dark Grey (#2D3648), é usada no logo, cores de fundo e copy; o branco Pure White (#FFFFFF) é usado em fundos para um design minimalista, e também na cor do texto em fundos escuros.

Para que possamos explorar melhor as cores secundárias da paleta da Rock Content, cada conteúdo tem uma cor associada a ele:

Veja em mais detalhes nesta imagem.

Seguindo esta lógica, recomenda-se o uso do rosa/400 em materiais de apoio de treinamentos ao vivo. Você pode usá-la em conjunto com o azul/400 (Blue de France) ou de forma monocromática.

Da mesma forma, recomenda-se o uso das cores de cada conteúdo para materiais complementares para trilhas ou certificações.

Essa não é uma regra obrigatória, como no caso de temas específicos e pontuais que exijam a aplicação de outras cores. Por exemplo:

Dentre outras possibilidades.

Imagens

Quando falamos sobre o uso de imagens, devemos considerar:

Sobre o uso de imagens humanizadas e fotografias, considere:

Você pode ver mais informações sobre o uso de imagens neste documento.

Sobre o uso de imagens vetoriais e ilustrações, considere:

Você pode ver mais informações sobre o uso de vetores neste documento.

Sobre o uso de imagens em materiais de apoio, considere:

O uso de imagens na plataforma envolve:

Sobre imagens gerais do site:

Exemplos de imagens gerais do site:

Sobre thumbnails externas de conteúdos, é importante lembrar que nenhum estilo fotográfico seria capaz de capturar a variedade de assuntos e temas que ensinamos.

Com isso, é muito limitante representar a maior parte de nossos temas, como Marketing de Conteúdo ou Rock Stage, de forma objetiva.

Assim, as regras para seleção de thumbnails externas são:

Sobre thumbnails internas de vídeos:

Boas práticas no Instagram
[LIVE]

1. Boas práticas no Instagram
[TRILHA] Instagram para empresas

[BADGE] Módulo 1.
[BADGE] 1. Boas práticas no Instagram

Exemplos de thumbnails internas:

Você pode acessar os projetos neste link.

Sobre thumbnails de treinamentos ao vivo do mês:

Exemplos de thumbnails de treinamentos ao vivo do mês:

Você pode acessar o projeto neste link.

Além disso, é importante que você siga também estas recomendações gerais no uso de imagens para a Rock University:

Tipografia

Os estilos de textos da Rock University segue o mesmo padrão da Rock Content, que envolve o uso de três fontes:

Você pode saber mais sobre os estilos de textos da Rock Content neste documento.

Configurações de texto

Conforme o padrão para conteúdos digitais, materiais da Rock University não usam hifenização.

Com isso, pode haver a necessidade de ajustes de kerning (espaçamento entre caracteres) pontuais, seguindo sempre estas boas práticas e cuidados:

Por isso, confira sempre se o seu ajuste de kerning respeita essas regras e garante que todas as pessoas conseguirão ler e entender o texto.

Em relação ao alinhamento, seguimos boas práticas digitais e ocidentais. Isso significa que o alinhamento de textos longos deve ser preferencialmente à esquerda, sem justificação.

Damos essa preferência ao alinhamento à esquerda porque:

A capacidade de leitores de captar informações rapidamente também é afetada pela coluna, espaçamento das linhas, uso de letras maiúsculas e destaques.

Por isso:

Design de materiais específicos

Ao falar sobre padronização do design, devemos considerar também a criação de materiais específicos:

Regras gerais para criação de ebooks:

Demais considerações na criação de ebooks:

Você pode visualizar projetos de ebook da Rock University neste link.

Regras gerais para criação de infográficos:

Em relação a padrões de espaçamento, alinhamento, cores, hierarquia e áreas de respiro, considere as mesmas regras apresentadas para ebooks.

Você pode visualizar projetos de infográficos da Rock University neste link.

Regras gerais para criação de certificados:

Você pode visualizar o template de certificado da Rock University neste link.

Regras gerais para criação de conteúdos interativos:

Aqui, os conteúdos devem ser criados seguindo este padrão de nome:
[SIGLA OU TIPO DE CONTEÚDO] Nome do conteúdo

Aqui, os conteúdos devem ser criados seguindo este padrão de nome:
[SIGLA DO TIPO DE MATERIAL] Nome do material

[LP] Trilhas de aprendizado [LIVE] Treinamentos ao vivo [CERT] Certificações
Exemplo de conteúdo em Ion: [CERT] Boas práticas no Instagram

[LP] Landing page [SF] Solution finder [AS] Assessment [QZ] Quiz [INF] Infográfico
[CAL] Calculadora [EB] Ebook [WP] White paper [PT] Product tour [TL] Ferramenta
Exemplo de conteúdo em Ion: [QZ] Quanto você sabe sobre conteúdo interativo?

Você pode visualizar uma lista de conteúdos interativos da Rock University neste link.

Design acessível

Um design acessível é aquele que leva em consideração a forma como as informações são apresentadas e compreendidas.

Para garantir um design acessível, é preciso considerar:

Em relação à rede, considere:

Em relação à hierarquia, considere:

Em relação à cor, considere:

Para entender melhor quais combinações de cores evitar, você pode utilizar esta ferramenta. Caso queira mais detalhes sobre a acessibilidade das cores, também há esta ferramenta — considere apenas que não é tão amigável quanto a primeira.

Tenha em mente que a taxa de contraste recomendada é de pelo menos 4.5 para textos pequenos/médios, e 3 para textos grandes.

Além disso, é importante evitar estas combinações de cores para prejudicar pessoas com algum tipo de daltonismo:

Para identificar se as cores usadas prejudicam a visibilidade de pessoas com algum tipo de daltonismo, use esta ferramenta.

Em relação aos ícones, considere:

Em relação ao texto:

2. Padronização audiovisual: gravação

Tamanho da tela

Os vídeos da Rock University devem sempre ser gravados respeitando a proporção 16:9, podendo ser em HD (1920x1080) ou superior.

Formato de vídeo

Os formatos de vídeo mais comuns, aceitos para gravação de vídeo da Rock University, são:

Sobre cada um deles:

Atenção: na Rock University não fazemos uso do formato MKV.

O formato MKV é considerado uma tendência na área de produção de vídeos, pois consegue integrar áudio, vídeo, legendas, filtros e outros elementos em um só arquivo, e ainda entregar uma ótima qualidade.

Alguns programas de captação, como o OBS, fazem uso do MKV. Entretanto, ele não é aceito por programas de edição da Adobe, por isso os vídeos da Rock University não devem ser gravados neste formato.

Para saber mais sobre como configurar seu OBS, acesse nosso Guidelines:

[RockU-BR] Guideline para criação de conteúdo

Enquadramento

Enquadramento — posição dos elementos na imagem gravada — é uma dos fatores mais importantes em uma gravação de vídeo.

Nos conteúdos da Rock University, deve ser usado sempre o primeiro plano: do peito para cima, com foco no rosto.

Para garantir um bom enquadramento:

Atenção: é sempre melhor enquadrar de forma mais aberta que fechada.

Caso o ambiente de gravação não permita um enquadramento ideal, dê preferência para um enquadramento aberto, já que ele deixa espaço para que a edição faça os ajustes necessários.

Posição do instrutor

O instrutor deve gravar sempre sentado.

Isso ajuda a evitar fadiga ao longo da gravação e a garantir uma boa postura do início ao fim: coluna ereta, ombros para trás e peito aberto.

Cenário

Para gravar o seu vídeo de forma profissional, é importante pensar na locação.

Essa escolha deve ser feita previamente, e as possibilidades de enquadramento, ângulos e fundo das cenas devem ser bem estudadas.

Se estiver com dúvidas, faça testes, pequenas gravações ou tire fotos suas no local da gravação, da mesma forma que você estaria no vídeo.

Se for usar uma locação externa, aproveite para confirmar a possibilidade de gravação e se atente à iluminação e ao áudio para não ter problemas quando for produzir seus vídeos.

Quando falamos sobre cenários de vídeos da Rock University, você pode optar por um cenário básico ou avançado, tanto para gravações remotas quanto presenciais em um estúdio:

Fundo neutro em estúdio com elementos                          

compondo a cena (notebook e mesa)

Fundo básico em gravação remota

Para o uso do cenário avançado, são indicadas algumas boas práticas:

Além disso, é importante que você evite estas más práticas:

No caso de gravações remotas, o cenário deve ser previamente aprovado por uma das pessoas responsáveis pelo Design Audiovisual na equipe de Educação da Rock University.

Iluminação

A iluminação também é um fator importante nas gravações.

Um cenário bem iluminado é fundamental para obter maior nitidez nas imagens, além de proporcionar o brilho necessário independente do lugar usado para gravação.

Já uma cena mal iluminada passa a impressão de falta de conhecimento e cuidado técnico com a gravação, e pode impactar negativamente a experiência de visualização de usuários e sua estratégia de comunicação.

O primeiro passo para uma boa iluminação é entender as diferenças entre luz externa e luz interna:

O segundo passo é entender a diferença entre luz dura e luz difusa:

Antes de gravar qualquer cena, esquematize o posicionamento das luzes e analise como elas irão iluminar os objetos na cena — ou seja, monte um mapa de luz.

Um dos esquemas mais comuns na gravação de vídeos é o da iluminação de três pontos.

Entendê-lo ajuda a compreender o funcionamento de uma iluminação profissional, mesmo que a limitação de equipamentos em gravações remotas faça com que ele nem sempre possa ser aplicado.

Para montar uma iluminação de três pontos, você precisa de uma luz principal, uma luz de preenchimento e uma luz de fundo.

O propósito de cada uma é:

Em relação a equipamentos geralmente usados para iluminação de vídeos, são eles:

Caso você já possua algum destes materiais, você pode usá-los em sua gravação. Se estiver na dúvida de como fazer isso, entre em contato com uma pessoa responsável pelo audiovisual na equipe de Educação.

Lembre-se também que a maior parte desses equipamentos pode ser improvisada, se desejar:

Procure por tutoriais no Youtube ensinando a criá-los com estes materiais e objetos que você já tem em casa.

Em relação à luz natural, é sempre possível aproveitá-la, especialmente em gravações remotas. Tenha em mente que a iluminação natural não é ruim, só menos previsível.

Caso você vá fazer uso de iluminação natural em seus vídeos, e também como boas práticas para gravações remotas:

Se seu ambiente possui apenas uma janela,
se posicione de frente para essa janela.

Se seu ambiente possui duas janelas,
se posicione entre elas.

Caso sua janela esteja na lateral de onde você irá gravar,
compense com um rebatedor ou outra fonte de luz

Áudio e sons

O áudio também é um fator que possui impacto direto na qualidade final do conteúdo e deve ser considerado.

Para garantir um bom áudio em suas gravações, siga estas boas práticas:

Em seguida, devemos considerar microfones e captação de áudio.

Os tipos mais comuns de captação de microfone são:

Uma das preocupações que você deve ter quando estiver gravando é a distância entre o transmissor e o receptor. Se a distância recomendada for excedida, a qualidade do áudio pode ser prejudicada.

Por essa razão, gravações da Rock University só podem ser feitas com dois tipos de microfone:

Em relação ao uso de lapelas, considere:

Em relação ao uso de condensadores, considere:

Confira especificações técnicas mais detalhadas sobre microfones neste link.

Roupas e adereços

Em relação às roupas usadas para gravação:

Em relação a adereços e acessórios permitidos:

Exemplo de instrutor gravando com acessório (boina).

Se estiver com dúvidas em relação à roupas e acessórios, consulte uma das pessoas responsáveis pelo Design Audiovisual na equipe de Educação.

Coerência visual

Para assegurarmos a coerência visual dos conteúdos:

3. Padronização audiovisual: edição

Sequências

As configurações do seu projeto vão depender da qualidade do material captado.

As duas resoluções usadas na Rock University, são:

Além disso, recomenda-se a edição em 30 fps e taxa de pixel de 1:1 (square pixels ratio), uma vez que os elementos do After Effects foram feitos dessa forma.

Elementos

Para garantir a padronização de todos os conteúdos em vídeo da plataforma e otimizar tempo, foram criados elementos de edição de uso recorrente.

Nesta pasta do Drive, você irá encontrar:

Sobre os projetos do After Effects:

Arquivos dos projetos que não precisam de edição:

Você encontra estes projetos já renderizados e exportados dentro das pastas !Apha e !Logo Reveal.

Arquivos dos projetos que precisam ser editados:

Montagem dos elementos

A montagem dos elementos depende do tipo de conteúdo:

Processo de edição

A flexibilidade no tratamento de imagem e som depende muito da qualidade do material captado. A utilização correta de técnicas fotográficas e cinematográficas irá garantir a obtenção do melhor resultado final no tratamento.

No tratamento de imagem:

A correção ou tratamento de cor tem o propósito de corrigir problemas técnicos da imagem. O Color Grading tem um propósito mais narrativo, de criar a intenção artística desejada na imagem.

Em relação ao tratamento de som, como a maior parte dos softwares de vídeo possuem boas funcionalidades de áudio, torna-se dispensável o uso de um editor dedicado.

Entretanto, é importante se atentar a estes pontos:

Além disso, considere também:

Exportação

O CODEC usado para exportação é o H.264, que resulta no vídeo em MP4.

O MP4 é um dos formatos mais populares para uso online, pois ele comprime vídeos com alta qualidade em um tamanho relativamente pequeno.

Como a plataforma onde os hospedamos (Thinkific) possui um limite de 2GB por arquivo, utilizamos vídeos em MP4 na Rock University.

Para exportar seu vídeo, siga este passo a passo:

4. Padronização de design audiovisual: guidelines

Certificados na Thinkific

Para garantir a padronização dos certificados da Rock University, é necessário pensar também em como eles devem ser configurados na plataforma.

Para configurar corretamente um certificado:

As configurações para as plataformas em inglês e espanhol são as mesmas, mas o texto do certificado muda de acordo com o idioma.

Organizando os arquivos para edição

O primeiro passo é criar uma pasta com o nome da certificação ou trilha que será editada.

Dentro dessa pasta, a organização das subpastas e arquivos vai de acordo com o que o editor sente mais confortável em fazer.

O que importa aqui é organizar e nomear todos os elementos para caso outro editor precise mexer em um de seus projetos.

Exemplos de organização de pastas:

Em trilhas de aprendizado:

Em certificações gratuitas, pagas ou de produtos:

Lembre-se que organizar os arquivos é fundamental para a edição, uma vez que o Premiere funciona através de links.

Upload de arquivos no Google Drive

Após a edição, é preciso que você faça upload dos vídeos para assegurar que nenhum arquivo será perdido.

A seguir, vamos explicar como organizar os arquivos de trilhas de aprendizado no google drive.

Os arquivos de trilhas de aprendizado ficam todos nesta pasta.

Aqui, você verá uma divisão de três pastas:

Cada uma corresponde às trilhas gravadas naquela língua — inglês, espanhol e português, respectivamente.

Caso você tenha realizado a gravação do conteúdo:

Em caso de gravação remota:

A seguir, vamos explicar como organizar os arquivos de certificações no Google Drive.

Os arquivos de certificações ficam todos nesta pasta.

Aqui, você verá uma divisão de três pastas:

Cada uma corresponde às certificações gravadas naquela língua — inglês, espanhol e português, respectivamente.

Caso você tenha realizado a gravação do conteúdo:

Em caso de gravação remota:

Documentando os vídeos na planilha

É fundamental documentar a produção de conteúdo para facilitar a gestão interna do time da Rock University.

O conteúdo devidamente documentado garante menos erros na hora de produzir thumbnails ou animações do título do vídeo. Além disso, também fica mais fácil localizar e identificar os vídeos dentro da plataforma.

Para isso:

Upload de vídeos na Thinkific

A etapa final para um editor de vídeo é fazer upload do conteúdo na plataforma.

Para isso: