Escolar Documentos
Profissional Documentos
Cultura Documentos
DE CONCEPÇÃO DE
MATERIAIS GRÁFICOS
E DIGITAIS
INSTITUTO
FEDERAL
Triângulo Mineiro
APRESENTAÇÃO
Inspiração: é a primeira coisa que se costuma pensar quando o assunto
é uma ilustração chamativa, uma combinação de cores estimulante, um
vídeo envolvente. Transpiração: é a principal responsável por uma
criação bem-sucedida.
Como toda ciência, a criação evolui e precisa responder a novos desafios. Por
isso, este manual não esgota o tema, mas pavimenta caminhos, tornando
mais eficiente a jornada em direção a resultados mais efetivos.
SUMÁRIO
Clique no item desejado para ver as informações correspondentes
1 • PROCESSO DE CONCEPÇÃO ................................................................................ 04 2.8 • Direitos de uso de imagem e som de voz ............................................................... 16
1.1 • Levantamento de necessidades ..................................................................................... 04 2.9 • Fontes de uso livre e proprietário .................................................................................. 17
1.2 • Solicitação formal ...................................................................................................................... 04 2.10 • Imagens, áudios e vídeos de uso livre e proprietário .................................. 18
1.3 • Planejamento ................................................................................................................................ 04
1.4 • Execução .......................................................................................................................................... 05 3 • ESPECIFICAÇÕES TÉCNICAS DE MATERIAIS GRÁFICOS .......................... 19
1.5 • Aprovação ........................................................................................................................................ 05 3.1 • Formatos de artes impressas ............................................................................................. 19
1.6 • Revisão ............................................................................................................................................... 05 3.2 • Resolução ........................................................................................................................................ 22
1.7 • Fechamento de arquivo ........................................................................................................ 06 3.3 • Modo de cor ................................................................................................................................... 22
1.7.1 • Gerenciamento de cores ........................................................................................ 06 3.4 • Formatos de artes impressas mais utilizados no IFTM ................................. 23
1.7.2 • Margem de segurança, sangria e marcas de corte ........................... 07
1.7.3 • Prova física e prova digital ..................................................................................... 08 4 • ESPECIFICAÇÕES TÉCNICAS DE MATERIAIS DIGITAIS ............................. 24
1.7.4 • Checklist ao fechar um arquivo ........................................................................ 09 4.1 • Recursos para imagens ......................................................................................................... 24
1.8 • Produção ........................................................................................................................................... 10 4.2 • Recursos para vídeos .............................................................................................................. 25
1.9 • Conferência ..................................................................................................................................... 10 4.3 • Recursos para mídias sociais ............................................................................................ 26
1.9.1 • Acompanhamento dos trabalhos junto ao fornecedor ................... 10 4.3.1 • Facebook ............................................................................................................................ 27
1.9.2 • Etapas para conferência dos materiais entregues .............................. 11 4.3.2 • Instagram .......................................................................................................................... 30
1.10 • Distribuição e/ou divulgação ........................................................................................... 11 4.3.3 • Twitter .................................................................................................................................. 32
1.11 • Análise e/ou monitoramento ............................................................................................ 11 4.3.4 • YouTube .............................................................................................................................. 34
1.12 • Arquivamento ............................................................................................................................... 12 4.4 • Recursos para portal institucional ................................................................................. 35
4.5 • Recursos para e-mail .............................................................................................................. 36
2 • CONVENÇÕES E OBRIGAÇÕES LEGAIS ........................................................... 12 4.6 • Formatos de artes digitais mais utilizados no IFTM ........................................ 37
2.1 • Recursos audiovisuais .............................................................................................................. 12
2.2 • Uso de marcas .............................................................................................................................. 13 5 • INCLUSÃO E ACESSIBILIDADE ............................................................................. 39
2.3 • Instrução normativa de uso da marca IFTM .......................................................... 13 5.1 • Diversidade ...................................................................................................................................... 39
2.4 • Manuais de aplicação .............................................................................................................. 13 5.2 • Uso de padrões de acessibilidade ............................................................................... 39
2.5 • Convenções para assinatura de peças ...................................................................... 14 5.2.1 • Portal e hotsites institucionais ........................................................................... 40
2.6 • Recomendações de instâncias superiores ............................................................. 15 5.2.2 • Mídias sociais ................................................................................................................. 40
2.7 • Licitação de serviços gráficos ........................................................................................... 15 5.2.3 • E-mail institucional ...................................................................................................... 41
SUMÁRIO
Clique no item desejado para ver as informações correspondentes
gráfica também está ligada à simplicidade e à estética, já que o objetivo Roteiro para audiovisual
primeiro é sensibilizar o usuário ou o leitor – por meio da forma – para o conteú- A primeira coisa a ser feita é escrever um resumo claro e conciso das ideias, o
do. Não se deve perder de vista, durante o processo de transformação de qual contenha os elementos principais que desenvolverão a linha narrativa. O
determinado conteúdo em uma publicação, duas partes fundamentais: o processo de colocar as ideias no papel possibilita melhor organização do
próprio conteúdo e o leitor. Todo o planejamento do trabalho tem de estar pensamento e revela lacunas e pontos fracos que devem ser corrigidos.
ligado ao objetivo de fazer chegar ao público-alvo a informação, da forma mais Depois de escolhida a ideia central, é necessário organizá-la da maneira mais
íntegra e clara possível. Para isso se dar de forma plenamente satisfatória, objetiva possível.
deve-se lançar mão de um bom projeto gráfico, cuja finalidade seja orientar
todo o processo.
Mais informações
Briefing
Briefing é um conjunto de informações ou uma coleta de dados passados em Para saber mais sobre roteiro, consulte o item Técnicas para criação > Tipos de
uma reunião para o desenvolvimento de um trabalho, documento ou evento. audiovisual, na página 58 deste manual.
Deve produzir um roteiro de ação para criar a solução comunicacional, ou
seja, é como mapear o problema e, com as pistas identificadas, ter ideias para
criar as estratégias de comunicação. Um briefing eficaz deve ser breve,
contendo apenas informações relevantes e um muito extenso seria ruim por 1.5 • Aprovação
não ser seletivo, tornando o processo dispersivo. Já um briefing excessiva-
mente curto torna-se incompleto, dificultando o entendimento quanto aos
O processo de aprovação é feito a partir da análise do conteúdo demandado,
trabalhos a serem executados.
se ele se encaixa à linguagem mídia solicitada, se é claro e conciso, se tem
todas as informações necessárias, se atinge o público-alvo e se está dentro
Rascunho das condições de realização.
É produzido para desenvolver uma ideia embrionária e ter uma noção de
como ficará a peça de comunicação após a produção.
1.6 • Revisão
1.4 • Execução Revisão de Texto
O revisor corrige os erros gramaticais, sintáticos e gráficos. Se necessário, o
Editoração texto pode ser refeito ou melhorado, sofrendo alterações pertinentes na
Editoração é um conjunto de atividades profissionais especializadas e organi- estrutura frasal e na adequação vocabular, imprimindo-se, assim, clareza e
zadas, que engloba desde a preparação técnica de originais, revisão de forma e concisão ao enunciado e ao discurso.
de conteúdo, até a impressão. A editoração ocupa-se de todas as etapas nos
processos de edição e publicação de artigos, peças publicitárias e demais Revisão Geral
materiais gráficos para os mais diversos tipos de mídia impressa (jornal,
O material é verificado e conferido se todos os itens sobre recomendações
revista, livro, panfleto, cartaz, etc.) ou digital (e-books, sites, mídias sociais, etc.).
para entrega de originais foram cumpridos pelo editor técnico e/ou pelo
autor. Após essa verificação, o revisor envia, se necessário, os originais com perdendo espaço para o PDF (que possui basicamente as mesmas caracte-
sugestões de ajustes e solicita os elementos que estejam faltando ou que rísticas), ainda é indicado para casos em que não se sabe se o programa de
impeçam o início do processo de editoração. O editor técnico ou o autor edição e o de leitura são da mesma plataforma, por exemplo.
atende às solicitações e responde aos questionamentos enviados pelo
revisor. Concluída essa etapa, o revisor editorial autoriza a continuidade do TIFF (Tagged Image File Format)
processo de editoração. Trata-se de um formato para armazenamento de imagens e fotos em alta
qualidade, por isso, é muito indicado para impressão justamente por evitar a
perda de qualidade. É suportado pela maioria (senão todos) os softwares
1.7 • Fechamento de arquivo gráficos e ainda permite a compactação de artes com fundo transparente. É
compatível com praticamente todos os sistemas de cores.
Arquivos abertos são aqueles que permitem modificações e alterações na arte
do projeto. Por exemplo, são arquivos deste tipo os documentos salvos em .AI PDF (Portable Document Format)
(Adobe Illustrator), .CDR (CorelDraw), .INDD (InDesign) e .PSD (Adobe Photoshop). Frequentemente utilizado, este é um padrão de captura e revisão de infor-
mações de mídia usado em escala global. Pode ser acessado por várias
Arquivos fechados são aqueles que devem ser enviados para a gráfica plataformas e aplicativos justamente por ser um arquivo flexível. O principal
justamente por serem o resultado final do processo de arte. Os principais tipos software que lê arquivos em formato PDF é o Adobe Reader. Por preservar o
de arquivos fechados são: layout, as fontes, os bitmaps e os gráficos com alta precisão, este formato é o
mais indicado para processos de editoração e impressão (revistas, jornais,
JPEG (Joint Photographic Experts Group) etc) e é recomendado salvar seu arquivo em PDF/X-1A.
Formato de arquivo raster ou bitmap, o JPEG possui alguns níveis de com-
pactação para web ou impressão. Entretanto, ele não é muito recomendado 1.7.1 • Gerenciamento de cores
para processos de impressão pelo fato de que este formato acaba resultan-
do em uma perda de informação e qualidade das imagens quando fechado o Os principais modos de cores utilizados são:
arquivo (além de alterações no tamanho do arquivo). Ele não suporta artes
com fundos transparentes mas tem suporte para os padrões de cor CMYK, RGB
RGB e Grayscale (escala de cinza). É um sistema de cores aditivo, ou seja, que adiciona cores para formar novas
cores, independentemente de luz externa. É utilizado em dispositivos
PNG (Portable Network Graphics) eletrônicos como televisões, monitores e smartphones. As três letras signifi-
Este formato tem suporte para artes com fundos transparente e proporciona cam suas cores primárias, vermelho (Red), verde (Green) e azul (Blue). Sua
compactação de alta qualidade sem perdas de informação. Foi desenvolvido escala de cores é maior do que o CMYK e menor do que o Pantone. É fácil
para ser utilizado na internet e, por isso, não suporta o padrão de cor CMYK, não identificar cores RGB por sua combinação de cores, sempre composta por
sendo muito indicado para impressão. três números, variando entre 0 e 255.
amarelo (Yellow) e preto (blacK). A partir da mistura destes pigmentos é 1.7.2 • Margem de segurança, sangria e marcas de corte
possível reproduzir a maioria das cores do espectro. É fácil identificar cores
CMYK por sua combinação de cores, sempre composta pelas porcentagens São elementos utilizados em arquivos para impressão em gráfica.
de cada cor adicionada. No CMYK há dois tipos de pretos usados em produções
gráficas: preto puro/simples – somente o preto, ou seja, C = 0% M = 0% Y = 0%
Margem de segurança
K = 100%; preto composto ou calçado – mistura de amarelo, ciano, magenta e
Além de um elemento estético e para facilitar a leitura, é uma medida que
preto, ou seja, C = 100 M = 100% Y 100% K = 100% ou composição de diferentes
precisa ser considerada dentro dos limites de corte. É preciso adicionar uma
percentuais das cores CMYK.
margem de segurança interna impedindo que qualquer informação impor-
tante, como um texto ou uma imagem, seja também cortada. O texto deve
Pantone respeitar a margem de segurança para que, mesmo que haja qualquer
É uma empresa especializada em combinações de cores para artes gráficas. variação no corte, não haja qualquer prejuízo para o projeto.
O sistema de cores da Pantone baseia-se na mistura de diversos pigmentos
para criação de cores especiais, inclusive cores metalizadas. Esse sistema foi
Sangria
desenvolvido e padronizado ao longo dos anos, e se tornou referência no
Após o processo de impressão, o material é cortado (refilado) no tamanho
mercado de cores. Esse sistema possui uma gama muito maior que o RGB e o
correto. Mas o corte pode sofrer uma variação de até 3 mm. A forma correta
CMYK, por isso é complexo converter cores Pantone em CMYK. Contudo, é
de se lidar com essa variação é usar a sangria no documento. “Sangrar”
bastante simples converter uma cor CMYK em Pantone.
significa fazer a arte ultrapassar o limite do formato final. Todo elemento que
faz contato com as bordas (limites do material) deve ser sangrado, ultrapas-
Quando usar RGB, CMYK ou Pantone? sando em 3 mm a borda da página. Da mesma forma, deve-se adicionar uma
RGB deve ser utilizado sempre que o destino final de seu projeto for o meio margem de segurança interna de 3 mm para impedir que informações impor-
digital, ou seja, postagens em mídias sociais, e-mail marketing, imagens para tantes, como textos e logos, por exemplo, sejam cortadas.
web, entre outros.
Marcas de corte
CMYK deve ser utilizado quando precisar imprimir algo em papel ou outros São indicações de onde a arte termina, sinalizadas ao redor da prancheta de
materiais físicos de comunicação visual, ou seja, revistas, cartazes, banners trabalho, ou seja, a região em que o papel será cortado. Mas, ainda que seja
em lona, adesivos e impressos em geral. empregada em uma função essencial, é muito importante que se utilize essas
marcações, assim como a utilização da sangria, já que uma não substitui a outra.
Pantone deve ser utilizado quando o projeto tem cores específicas e a
impressão não pode ter diferença do material de referência, como as cores
de uma marca ou identidade visual institucional na pintura de uma fachada,
produção de camisetas ou objetos de plástico, entre outros.
Modelo
1.7.3 • Prova física e prova digital
INSTITUTO De maneira geral, a prova consiste num contrato entre o cliente e a gráfica
FEDERAL para imprimir de maneira única depois de aprovada. A prova é considerada
Triângulo Mineiro um espelho do resultado final pretendido e pode ser utilizada como referên-
cia para avaliar a produção impressa. Se o produto final do processo de
impressão estiver suficientemente próximo da prova, é considerado contratu-
www.iftm.edu.br
almente aceitável. Por outro lado, se existirem discrepâncias significativas
entre as impressões e a prova, a sua resolução é de responsabilidade da
gráfica. A prova oferece um maior grau de satisfação, previsibilidade e
consistência.
No IFTM, geralmente os termos de referência de contratação de serviços Ÿ gráficos inseridos diretamente do Excel ou Word permanecem no padrão
gráficos exigem a apresentação da prova digital, cuja análise é de responsa- de cores RGB. Por isso, eles devem ser redesenhados ou transcodificados
bilidade das equipes de Comunicação ou dos realizadores do conteúdo a ser em outro software (Corel Draw, Illustrator, InDesign), para ajuste de cor.
produzido pela gráfica. Ÿ ao criar arquivos em preto e branco, convertê-los para o padrão grayscale
(tons de cinza). Se quiser uma imagem apenas em preto e branco, confir-
1.7.4 • Checklist ao fechar um arquivo me se a cor preta está no padrão de cores CMYK.
Ÿ usar sempre fontes conhecidas e legalizadas, enviando-as em arquivos
Antes de enviar o arquivo para o processo de impressão em gráfica, deve-se separados (mesmo as mais simples), pois a gráfica pode não dispor das
obedecer aos seguintes passos: fontes utilizadas e isso levará, no fechamento do arquivo em PDF, à
Ÿ durante a diagramação do projeto, organizar todos os arquivos utilizados mudança de fonte, com consequente desformatação do trabalho.
como imagens, fontes e textos numa mesma pasta. Ÿ utilizar o espaço da mancha gráfica a distância apropriada da borda do
Ÿ evitar utilizar fios com espessura hairline, pois dependendo do tipo de papel, de acordo com as marcas de corte, a fim de não correr o risco de
impressão, eles podem ficar praticamente invisíveis. Utilizar medidas de, perder informação quando o impresso for refilado no acabamento.
no mínimo, 0,425 pts ou 0,15 mm. Ÿ verificar se objetos como fios, fotos, quadros, etc., ultrapassam a margem
Ÿ em vetores, utilizar a menor quantidade possível de pontos. Muitos pontos de sangria. Se a borda do objeto estiver apenas rente ao corte da página,
retardam o processamento do arquivo e podem causar erros. mas a ideia seja que, no material finalizado, eles encostem na borda,
ajuste para garantir que mesmo pequenos deslocamentos na linha de
Ÿ fotos para impressão precisam ter alta resolução. Para obter fotos com
corte não alterem as características do material como planejado.
qualidade editorial mínima, recomenda-se o equivalente a, pelo menos,
cinco megapixels. Ÿ depois de finalizados os arquivos no programa de editoração, eliminar os
elementos que estiverem fora das páginas. Os itens indesejados devem
Ÿ fotos devem ter dimensões superiores ou iguais ao tamanho que se deseja
ser deletados.
imprimi-las (seja para a capa ou para o miolo).
Ÿ organizar os arquivos, separando-os em diretórios específicos (textos,
Ÿ nunca usar fotos desfocadas, azuladas, desbotadas, superexpostas ou
fotos, gráficos etc.) na mídia eletrônica em que o trabalho será gravado.
com problemas de contraste, pois isso resulta em perda substancial da
qualidade final de impressão. Fotos desfocadas não podem ser corrigidas, Ÿ consultar a gráfica onde serão processados os arquivos finalizados para
pois não existe programa de computador com essa funcionalidade. Evitar gravação de chapas, a fim de saber como proceder no fechamento do
o uso do recurso de datar a imagem ao produzi-la. arquivo. Gerar o arquivo PDF com alta resolução e compatível com o sistema
da gráfica.
Ÿ todas as imagens deverão estar em CMYK com resolução de 300 dpi, e
devem ser tratadas à parte do programa onde a arte é criada. Por exem- Ÿ enviar os arquivos via e-mail ou serviço de armazenagem em nuvem, ou
plo: ao fazer um folder no CorelDraw, as imagens podem ser tratadas no gravá-los em CD ou DVD (nesse caso, deve-se escrever na superfície do
Photoshop e depois importadas de volta para o CorelDraw. Não utilizar o CD ou DVD as seguintes informações: nome do trabalho, conteúdo dos
padrão de cores RGB, apropriado para vídeos e internet. arquivos e programas e versões utilizados).
Ÿ checar se a cor preta nas figuras e textos está em preto 100% e se as Ÿ enviar o arquivo aberto e o mesmo arquivo fechado (PDF). O arquivo
demais cores com 0% (C=0%, M=0%, Y=0% e K=100%). aberto pode ser editado. Ele contém todos os elementos que compõem o
trabalho (textos, figuras, gráficos e fotografias). Esses elementos devem gráfica seja realizado. De acordo com o contrato, considerar o tempo de envio
ser gravados no mesmo CD ou DVD, em diretórios e com extensões diferen- do material via transportadora ou correios, alertar para que o setor demandante
tes daqueles usados no programa de paginação. O arquivo fechado não e a equipe de comunicação respeitem os prazos em contrato e acompanhem
pode ser editado. Ele integra todos os elementos que compõem o trabalho a contratada para que o material possa ser entregue em tempo hábil para
num só arquivo (PDF). Enquanto o arquivo aberto permite correções de utilização. Recomenda-se solicitar a elaboração, confecção e contratação
eventuais problemas, o fechado não admite alterações. com o fornecedor com alguma antecedência, antevendo algum imprevisto
na execução, produção ou transporte.
A gráfica faz o envio das provas de cor (geralmente de forma digital). O servidor
Ao receber a solicitação deve-se observar a quem compete sua realização e
da comunicação responsável pela produção do material compara os layouts
avaliar o tempo de execução considerando o volume de demandas, demandas
aprovados pelo demandante, impressões dos layouts e prova física ou prova
prioritárias e o prazo final estipulado pelo solicitante.
digital. Então, confere se as cores estão de acordo com a arte criada, se as
imagens estão com boa resolução e na posição correta, se os blocos de texto
Produção de material impresso estão alinhados, se as margens e sangrias estão coerentes etc. e, posterior-
Deve-se levar em consideração o tempo necessário para que o trabalho da mente, passa para a revisão final.
atestando se a mídia escolhida foi a mais apropriada para atingir o objetivo audiovisuais, que devem possuir qualidade técnica satisfatória, permitirem a
comunicacional. Esse levantamento pode verificar se o conteúdo gerou dúvi- acessibilidade, promoverem a inclusão dos públicos interessados, fazer sentido
das, se a reação do público foi positiva ou negativa, se a verba empregada e o no contexto no qual estão aplicados e estarem de acordo com a documentação
esforço se traduziram em resultado ou se a campanha se converteu em norteadora e legislação relacionada ao uso de determinados elementos.
ações do público.
Em conteúdo publicado em redes sociais, esse monitoramento é mais fácil 2.1 • Recursos audiovisuais
de acompanhar pelos números de engajamento de cada postagem. Outra
forma de realizá-lo é através de pesquisas de opinião, relatórios, números de Os recursos audiovisuais podem ser utilizados separadamente ou de maneira
inscrições ou participações em eventos realizados, número de espectadores combinada. Os mais comuns são definidos a seguir.
em lives, etc.
Texto
Entende-se por texto o conjunto de palavras de um idioma, escritas ou
1.12 • Arquivamento faladas, captadas por um dispositivo analógico ou digital, como um gravador
de voz, ou produzidas em software de edição de texto, desenho vetorial,
Após a realização da campanha, é importante guardar os arquivos de materiais editoração gráfica, edição de áudio, edição de vídeo ou modelagem 3D. O
produzidos em formatos fechados e abertos, impressos e digitais, para fins texto pode ainda ser utilizado como componente de uma fotografia, uma
de banco de referências, arquivos de base para futuros projetos e preservação ilustração, um áudio ou um vídeo.
da memória institucional.
Fotografia
Deve-se manter backup dos arquivos editáveis dos materiais produzidos Entende-se por fotografia a imagem estática captada por um dispositivo
organizados por data, tipo e por nome do servidor que o elaborou com a fina- analógico ou digital, como uma câmera fotográfica ou um smartphone. A
lidade de facilitar a sua localização sempre que necessário. Quanto às cópias fotografia pode ainda ser utilizada como componente de um vídeo.
físicas (impressas) deve-se guardar pelo menos uma cópia em acervo da equipe
de Comunicação responsável pela elaboração do material e também uma
Ilustração
cópia em acervo do setor demandante para futuras referências e consultas
Entende-se por ilustração a imagem estática produzida por linhas e/ou
para produção de novos conteúdos.
formas, produzida artesanalmente e, posteriormente, digitalizada ou produ-
zida em software de desenho vetorial, editoração gráfica ou modelagem 3D.
Mais informações
Mais informações
Para acessar a Instrução Normativa de uso da marca IFTM, consulte o Boletim de
Serviço Extraordinário nº 27/2020, na página de documentos da Comunicação Para acessar os Manuais da Marca Governo Federal atualmente em vigor e
no site do IFTM. arquivos com aplicações em língua portuguesa e idiomas estrangeiros, em
formato vetorial, consulte o site da Secom-PR.
Manuais Comemorativos e Manuais de Identidade Visual A apresentação de cada elemento deve ser feita seguindo as orientações de
Os Manuais Comemorativos e Manuais de Identidade Visual são documentos seus respectivos Manuais de Aplicação. A obrigatoriedade de sua utilização
com normas de uso de selos comemorativos ou outros elementos visuais de varia de acordo com as peças nos quais são aplicados. No âmbito do IFTM,
utilização por um período determinado, em razão de celebrações de aniversá- convencionamos o uso de cada elemento possível em uma assinatura de
rio, campanhas ou eventos. São desenvolvidos para ocasiões específicas. Seu peça, conforme apresentado:
uso, quando proposto por ente externo ao IFTM, geralmente é regulamentado
por meio de ofício enviado à instituição. Determinados manuais ainda podem
Modelo
ser elaborados e regulamentados por orientação expressa da Diretoria de
Comunicação Sociale Eventos ou das Comissões de Comunicação Socialdos campi.
Cartilha,
2.5 • Convenções para assinatura de peças Uso de elementos
em assinaturas Impresso
livro,
periódico,
Áudio Post em
Banner
interativo
Tela de
aplicativo
de peças por tipos publicitário portfólio no site
ou similar ou vídeo mídia social ou sistema
mais comuns institucional
eletrônico
A assinatura de uma peça é um recurso utilizado para identificar o responsável de materiais impresso ou VirtualIF
ou digital
pela informação comunicada. É posicionada na área do rodapé, no caso de
materiais estáticos com apenas uma página ou tela (ex.: impresso publicitário, Selo
J J J J J J
comemorativo
banner interativo, post para mídia social, e-mail marketing etc.); ao final, no
Entes externos
caso de materiais com mais de uma página ou tela (ex.: livro impresso, J J J J J J
ao IFTM
aplicativo etc.), ou ainda descrito na narração, no caso de material audiovisual Entes internos
J J J J J J
(ex.: vídeo, spot para rádio etc.) ao IFTM
Marca IFTM O O O O O O
Na assinatura de uma peça, a ordem de aparição dos elementos deve seguir
o fluxo ocidental de leitura: da esquerda para a direita, de cima para baixo ou Marca de Ministério
O O F F F F
e Governo Federal
um elemento exibido após o outro, de acordo com as características do
material, respeitando a seguinte ordem de disposição:
Ÿ 1º: Selo comemorativo (pode ser utilizado em outra parte da peça que não F: Utilização facultativa. O uso é recomendado se houver espaço suficiente
para inserção dos elementos, permitindo boa leitura, mas não é obrigatório.
a assinatura, conforme regras do seu manual de aplicação)
Ÿ 2º: Entes externos à instituição (apoiador, patrocinador ou realizador externo J: Utilização apenas por justificada necessidade. O uso pode ser feito caso a
informação seja imprescindível para o entendimento do conteúdo, crédito ao
ao IFTM)
responsável quando se tratar de ente externo ao organograma institucional
Ÿ 3º: Entes internos à instituição (curso, programa estudantil, empresa júnior, em acordo expressamente firmado com o IFTM ou caso o uso do elemento
grupo de estudo ou setor) seja definido por orientação da Diretoria de Comunicação Social e Eventos.
Ÿ 4º: Marca do IFTM O: Utilização obrigatória em todos os casos.
Ÿ 5º: Marca de Ministério + Marca de Governo
A assinatura de peças de divulgação de eventos deve ser dividida em até três de materiais gráficos e digitais via ofício, instrução normativa, manual de
seções, devidamente identificadas: aplicação ou qualquer outro tipo de documento.
Apoio
Inclui entes externos à instituição que apoiem o evento oferecendo recursos Mais informações
A Diretoria de Comunicação Social e Eventos, as comissões de Comunicação A primeira etapa para a contratação dos serviços é o seu planejamento por
Social e as Comissões de Eventos dos campi não são responsáveis pelos meio do MPLAN, módulo do sistema VirtualIF. Esse planejamento geralmen-
acordos que estabelecem relações de apoio, patrocínio ou realização de te é feito no ano anterior ao da contratação dos serviços. A escolha do serviço
eventos do IFTM. A elas cabe unicamente a correta aplicação de nomes e deve ser feita pela seleção de um item já cadastrado no banco de itens e
marcas dos celebrantes dos acordos firmados nas peças de comunicação definição de seu quantitativo. Caso o item não seja encontrado no banco de
relacionadas. A elaboração de documentos que garantam o cumprimento das itens, deverá ser solicitada sua inclusão junto ao responsável por este
exigências legais para tais acordos é de responsabilidade das comissões cadastramento no campus ou na Reitoria.
organizadoras de tais atividades.
Mais informações informando o quantitativo e o número das atas de registro de preço dos itens
a serem contratados. Após o processo passar pelos trâmites necessários, é
feito o contato com a empresa que entregará os itens. Com a manifestação
Para saber mais sobre o processo de planejamento de itens, consulte o Manual
do Demandante Provisório, elaborado pela Pró-Reitoria de Administração. positiva da empresa em favor da disponibilidade para realizar os serviços, o
processo segue até que o empenho seja gerado e o setor de Almoxarifado
solicite a execução dos serviços junto à empresa. Nesse momento, as artes
Depois de o planejamento ser aprovado, é iniciado um processo licitatório e, para os materiais solicitados devem ser repassadas à contratada.
após sua conclusão, as Atas de Registro de Preços são assinadas e têm valida-
de de 12 meses a partir da data de sua assinatura. As equipes de comunicação Ao receber o material produzido, deve ser observado se ele está de acordo
dos campi e reitoria devem verificar quais itens foram homologados, para não com as especificações técnicas previstas no Termo de Referência e com a
haver posterior surpresa no momento da contratação. arte enviada junto ao empenho. Caso não esteja, o mesmo deverá ser
enviado para a empresa contratada para a substituição, dentro do prazo
previsto no Termo de Referência.
Dica
Mantenha uma planilha atualizada dos saldos dos itens das Atas de Registro Atenção
de Preços, facilitando o acompanhamento de quais itens estão disponíveis.
No processo licitatório, é comum que empresas de localidades distantes
vençam o certame; portanto, o tempo de entrega do material deve ser conside-
Após todos os processos licitatórios, na época de solicitar o empenho dos rado ao fazer o pedido.
serviços, deve ser verificada a disponibilidade de recursos financeiros para a
aquisição dos serviços, bem como o tempo de entrega de cada material gráfico Procure solicitar a produção de materiais gráficos com a maior antecedência
possível para que, caso haja algum erro na produção, ainda sobre tempo suficiente
e o tempo para a produção das artes a serem enviadas junto com a solicita-
para solicitar a substituição do material.
ção à empresa.
O uso da imagem, do som da voz de qualquer pessoa, em regra, deve ser Orienta-se também que o termo de autorização já seja disponibilizado no
autorizado pelo seu detentor, ou seja, a própria pessoa a ser retratada ou momento da matrícula para o estudante ou responsável legal, no caso de
identificada. Entretanto, a utilização da imagem com finalidade informativa, menores de idade.
acadêmica ou até mesmo cultural pode ser feita sem a autorização expressa
do titular.
Observações
De desktop e impressão
Uma licença de fonte para desktop ou impressão é uma licença de fonte
2.10 • Imagens, áudios e vídeos de uso livre
básica e padrão que se aplica à maioria das fontes presentes no computador e proprietário
ou em qualquer outro software que esteja instalado. Esta licença permite
que a fonte seja utilizada no computador para criar imagens estáticas, como Ao utilizar materiais como imagens, áudios e vídeos de qualquer forma em
projetar algo para impressão. Isso se aplica a tudo, de pôsteres a camisetas, campanhas publicitárias ou em divulgações de qualquer espécie, devem ser
cartões de visita e artes para a internet. respeitados os direitos autorais.
Dica Trata-se de legislação com o objetivo de proteção das relações entre o criador
e o uso de sua criação. Aplica-se a materiais artísticos, literários ou científicos,
Ao criar materiais (logotipos, flyers, posts para mídias sociais etc.) use fontes com incluindo ilustrações, fotografias, pinturas, músicas, textos, livros, áudios,
este tipo de licença, certifique-se de converter o texto em curvas antes de enviar vídeos etc. Para efeitos legais, ao criador da obra (pessoa física do autor) são
os arquivos para outras pessoas utilizarem o material, incluindo as gráficas. reservados os benefícios morais e patrimoniais advindos da exploração de
sua criação. Aos auxiliares da criação são assegurados os direitos conexos.
Observação
Mais informações
É direito exclusivo do autor utilizar sua criação da forma que preferir ou permitir
Para saber mais sobre a licença de uma fonte específica, consulte seu EULA. que terceiros a utilizem, total ou parcialmente.
Para a utilização de materiais criados por terceiros, deve ser verificado o tipo Observação
de licença associada. Alguns só podem ser utilizados no formato original,
outros apresentam “Todos os Direitos Reservados”, “All Rights Reserved” ou
Vale ressaltar que alguns aspectos dos direitos autorais são atos inalienáveis e
“Creative Commons By”, outros são de domínio público etc. Cada licença irrenunciáveis, logo, não é possível garantir que o utilizador de uma criação
exige um ato diferente. Em alguns casos, deve-se pagar pelo uso, em outros não seja processado no futuro pelo criador da obra. Portanto, recomenda-se,
o uso é gratuito, já outros não permitem a edição do material ou divulgação sempre que possível, a produção de conteúdo original.
para fins comerciais.
Para resguardar o IFTM, sempre cite a autoria da obra, de acordo com o Mais informações
exigido pelo site ou local de onde retirou a peça, a não ser que, por autoriza-
ção expressa do autor, seja convencionado de forma contrária. Para saber mais sobre Direitos Autorais, consulte a Lei nº 9.610, de 19 de fevereiro
de 1998.
A utilização e/ou edição de imagens, textos, áudios ou vídeos retirados de
sites de busca sem a expressa autorização de seu autor poderá gerar proble-
mas de ordem legal para o IFTM e para o servidor que o fizer. Há inúmeros
sites onde podem ser buscadas obras com licenças que permitem seu uso
3 • ESPECIFICAÇÕES TÉCNICAS
de forma gratuita. O mais importante é verificar o que a licença permite e
sempre dar créditos ao criador da obra conforme especificado.
DE MATERIAIS GRÁFICOS
Os seguintes elementos devem ser levados em consideração quando da
Dica criação de materiais gráficos para impressão em gráfica: formato, resolução e
modo de cor.
Para encontrar conteúdos de uso livre, como fotos, ilustrações e vídeos,
consulte bancos de imagem gratuitos e siga as orientações da licença de uso do
material que for utilizar. Mesmo em repositórios de uso livre, algumas licenças
3.1 • Formatos de artes impressas
exigem atribuição de autoria ou possuem certas limitações de uso.
O formato de uma peça gráfica impressa tem seu nome derivado da quantidade
de materiais contidos em uma folha de papel com as dimensões de 66 x 96 cm.
Assim, uma peça de formato 1 tem exatamente 66 x 96 cm, enquanto uma de
Caso a obra intelectual seja utilizada sem prévia autorização, o responsável pelo formato 6, por exemplo, resulta em seis peças de 32 x 33 cm.
uso desautorizado estará violando normas de direito autoral, e este ato poderá
gerar um processo judicial, tanto na esfera civil como na esfera penal. Confira os formatos mais populares de corte utilizados nas gráficas:
Modelos
Modelos
Formato Carta
Formato A4
Formato 25 Formato 30 Formato 32 215,9 x 279,4 mm
210 x 297 mm
13,2 x 19,2 cm 11 x 19,2 cm 12 x 16,5 cm
Formato A3
297 x 420 mm
Dessa forma, observa-se que as dimensões ideais para cartazes são as dos
formatos 2 e 4, por exemplo, ao passo em que folders e panfletos podem ser
criados nos formatos 8, 9, 10, 12 e 16.
Para impressões em gráfica, evite a todo custo utilizar formatos de papel Para material impresso em lona, como banners, se houver imagem do tipo
destinados a impressoras caseiras, como A3, A4 e carta. Contudo, se a impres- raster (bitmap) que ocupe espaço considerável no banner, é aceitável que
são for realizada em uma impressora comum, use o formato apropriado de sua resolução seja de 150 dpi, ao invés dos 300 dpi requeridos para impres-
papel suportado pela impressora. sos em geral, de forma a manter o tamanho do arquivo reduzido.
Deve-se ressaltar que não basta aumentar a resolução da imagem caso ela
não atenda a esta especificação. Isso vai apenas aumentar o tamanho do arquivo
e resultar em uma imagem sem nitidez. O aumento ou diminuição da resolução
deve estar atrelado à diminuição ou ao aumento das dimensões da imagem.
Assim, uma imagem de 40,6 x 30,5 cm, por exemplo, a 72 dpi, pode ter sua
resolução aumentada para 300 dpi, mas suas dimensões devem ser reduzidas
para 9,75 x 7,3 cm.
Mais informações Características: Informações com detalhamento médio, leitura rápida, chamada
para ação.
Para saber mais sobre gerenciamento de cores, consulte a seção Processo de
Folder (impresso com dobras)
concepção de materiais gráficos e digitais > Gerenciamento de cores, na página
Dimensões/Resolução: Formato 8 (24 x 33 cm) ou A4 (21 x 29,7 cm) – 300 dpi
06 deste manual.
Modo de cor: CMYK
Sugestões de uso: Divulgação de eventos e processos seletivos
Características: Informações mais detalhadas, leitura mais atenta, chamada
3.4 • Formatos de artes impressas mais uti- para ação.
lizados no IFTM
Fundo de palco em lona
Banner em lona Dimensões/Resolução: De acordo com o local – 150 dpi
Dimensões/Resolução: 60 x 90 cm ou 90 x 120 cm – 150 dpi Modo de cor: CMYK
Modo de cor: CMYK Sugestões de uso: Material de exibição para eventos, material de identificação
Sugestões de uso: Material de exibição para eventos, material de identificação institucional.
institucional. Características: Logotipo da instituição e/ou do evento e/ou parceiros aplicados
Características: Depende da finalidade. em repetição, alternadamente.
Sugestões de uso: Divulgação científica. incluindo-se monitores de computador, geralmente possuem resolução de
Características: Depende da finalidade. 72 dpi. Isso significa que a cada polegada (2,54 cm) do dispositivo, são exibidos
72 pontos luminosos para compor a imagem. Materiais impressos, por sua
Uniforme estudantil vez, trabalham com resolução de 300 dpi, ou seja, a cada polegada, são
Dimensões/Resolução: Logotipo da unidade com 8,5 cm de altura – 300 dpi depositados 300 pontos de tinta. Aplicações de gigantismo, como banners,
Modo de cor: Pantone admitem que seja usada uma resolução de 150 dpi.
Sugestões de uso: Uniformização de estudantes de cursos técnicos integrados
ao ensino médio Como os arquivos em 300 dpi são muito maiores que em 72 dpi, não produzem
Características: Modelo padrão aprovado pelo Colégio de Dirigentes. aumento na qualidade quando visualizados em mídia eletrônica, pois extrapolam
a capacidade desta, não devem ser usados nesta configuração, pois acarretariam
em um incremento desnecessário no tempo de carregamento da imagem.
Mais informações
Os arquivos em 72 dpi, por sua vez, nunca devem ser utilizados para produ-
Para saber especificações mais detalhadas dos formatos impressos utilizados ção de materiais impressos, pois a resolução inferior ficará claramente visível.
no IFTM, consulte o banco de itens do MPLAN. Assim, não costuma ser uma prática adequada baixar uma imagem da internet,
que via de regra possui resolução de 72 dpi, para utilizá-la em um impresso.
TIFF O melhor formato a ser usado para upload em mídias sociais é o MP4, com
Sofre pouca ou nenhuma compressão, logo é ideal para aplicações impressas. codecs H.264 e AAC. Para outras finalidades, o formato MOV é mais adequado.
Para evitar erros de impressão, o arquivo TIFF deve ser salvo “achatado”, ou
seja, com apenas uma camada (layer).
Dica
4.2 • Recursos para vídeos Consulte as especificações da plataforma onde o vídeo será exibido antes de
exportar o trabalho, para garantir as melhores condições de compatibilidade e
Os vídeos transmitem informações aliando imagem e som, o que normalmente qualidade de reprodução.
facilita a compreensão da mensagem pelo espectador pelo estímulo dos
sentidos da visão e da audição. Podem ser produzidos a partir de sequências de
imagens, com a utilização de efeitos visuais, transições, animações, narrações, Modelos
diálogos, fotografias, ilustrações ou textos escritos. Na sua produção, deve ser
considerada a utilização de recursos de acessibilidade, como audiodescrição,
legendas e tradução em Libras.
24 px
856 px
360 px
24 px
90 px 90 px
1640 px
24 px
Pode ser utilizado um vídeo como imagem de capa. Ele deve ter duração
entre 20 e 90 segundos e dimensões mínimas de 820 x 312 pixels.
A imagem de capa para eventos deve seguir a proporção 16:9, com dimensões A foto de perfil deve ter proporção de 1:1, com dimensões mínimas de 180 x 180
recomendadas de 1920 x 1080 pixels. Haverá cortes diferentes na visualização pixels. Tamanhos maiores são recomendados. O corte será circular. A imagem
para versões desktop e mobile, o primeiro para 1920 x 1005 pixels e o segundo será visualizada em 160 x 160 pixels em desktop e 140 x 140 pixels em disposi-
para aproximadamente 1860 x 955 pixels, variável pelo dispositivo utilizado. tivos móveis. Aplicada a 16 pixels da esquerda e 176 pixels do topo da foto de
capa em desktops e a 24 pixels do inferior e 196 pixels do topo da imagem de
capa em dispositivos móveis. A miniatura aparece com 32 x 32 pixels por
Modelo
várias seções do Facebook.
Modelo
1080 px
1920 px
180 px
A largura recomendada para posts no Facebook é de até 2048 pixels e a altura, É a miniatura associada ao link de um site quando não é adicionada uma imagem
variável, até o limite de proporção 2:3. O tamanho máximo do visualizador de para o post. É possível utilizar a imagem automaticamente pré-carregada da
fotos é de 2048 x 2048 pixels. fonte ou trocá-la por uma imagem específica. Aparece no feed com uma largura
máxima de 470 pixels. É visualizada na página com um máximo de 504 pixels
de largura.
Modelo
Modelo
2048 px
630 px
2048 px
1200 px
Vídeo Feed
Formatos aceitos: MOV ou MP4 (com codec H.264 para vídeo e AAC para áudio) Dimensões recomendadas: 1080 x 1080 px
Resolução máxima exibida: até 1280 x 720 px Proporção recomendada: 1:1
Frame rate: até 30 fps
Tamanho máximo: 4 GB Posts quadrados para o feed do Instagram devem ter dimensões mínimas de
Duração máxima: 120 minutos 1080 x 1080 pixels. No IFTM, orienta-se a utilização da proporção quadrada.
O Instagram redimensiona a imagem para 612 x 612 pixels. Aparece no feed
4.3.2 • Instagram com 510 x 510 pixels. As miniaturas serão exibidas em 161 x 161 pixels.
Imagem de perfil
Dimensões recomendadas: 110 x 110 px Modelo
Proporção recomendada: 1:1
A imagem de perfil para Instagram deve ter dimensões mínimas de 110 x 110 pixels,
mantendo-se sempre a proporção 1:1. O corte será circular.
Modelo 1080 px
A proporção ideal para os stories do Instagram é de 9:16, com dimensões de A proporção para a capa IGTV é de 1:1,55, em 420 x 654 pixels, para exibição
1080 x 1920 pixels. na lista de vídeos do IGTV. Uma área da parte inferior da imagem é sobrepos-
ta pelo título do vídeo cadastrado no sistema. No feed, é exibida em formato
quadrado, a partir de seleção automática do centro da imagem.
Modelo
Ao desenvolver o layout do material, evite utilizar textos ou identidade visual
fora das áreas de segurança, posicionando os elementos principais de forma
que não sejam cortados.
Modelo
1920 px
Visível no feed
Visível no IGTV
1080 px
120 px
420 px
400 px
Cabeçalho Tuíte
Dimensões recomendadas: 1500 x 500 px Dimensões recomendadas: 1200 x 675 px
Proporção recomendada: 3:1 Proporção recomendada: 1,78:1
O cabeçalho do Twitter obedece à proporção 3:1, em 1500 x 500 pixels. O A imagem do tuíte deverá seguir a proporção 1,78:1, recomendando-se as
arquivo pode ter até 5 MB, nas extensões JPG, GIF ou PNG. É importante manter dimensões de 1200X675 pixels. A visualização ocorrerá nas dimensões de
as informações e imagens importantes em uma posição que não sejam 1024 x 512 pixels. O arquivo, nos formatos JPG, GIF ou PNG, pode ter até 5 MB
atrapalhadas pela imagem de perfil que será sobreposta, conforme o seguinte se o upload for feito a partir de um dispositivo móvel e até 15 MB via desktop.
diagrama:
Modelo
Modelo
277 px
148 px
1500 px
1200 px
Visível em desktop e em dispositivos móveis
Espaço sobreposto pela imagem de perfil em desktop
Espaço sobreposto pela imagem de perfil em smartphone
Espaço sobreposto pela imagem de perfil em tablet Vídeo
Formato aceito: MP4 (com codec H.264 para vídeo e AAC-LC para áudio)
Resolução máxima exibida: até 1280 x 1024 px
Frame rate: até 40 fps
Tamanho máximo: 512MB
Duração máxima: 140 segundos
Modelo
Modelo
1855 px
800 px
2560 px
720 px
Modelo
1280 px 423 px
Vídeo
Formatos aceitos: MOV, MPEG4, MP4, AVI, WMV, MPEGPS, FLV, 3GPP e WebM
40 px
(com codec H.264 para vídeo e AAC-LC para áudio)
Resolução de vídeo: até 3840 x 2160 px
750 px
Frame rate: até 60 fps
Visível em desktop e dispositivos móveis
Tamanho máximo: 128 GB
Espaço sobreposto pela barra de navegação do carrossel
Duração máxima: 12 horas
A imagem para notícia deve ter as dimensões iguais a 750 x 443 pixels. Ela é A imagem para a área de eventos deverá possuir as dimensões iguais a
visualizada na página da notícia e como miniatura na lista de últimas notícias 750 x 443 pixels. Ela é exibida na tela de resumo do evento, acessível a partir
da unidade ou na página principal do portal ou do site de determinado campus da agenda.
quando a notícia a que pertence é cadastrada como destaque.
Modelo
Modelo
443 px
443 px
750 px
750 px
Observação
4.5 • Recursos para e-mail
Imagem in-line
O módulo Gerenciamento do Site, no VirtualIF, possui uma função de corte
Dimensões recomendadas: até 650 px de largura
proporcional integrada à ferramenta de upload. Assim, caso uma imagem
originalmente não apresente a proporção recomendada, deve ser utilizada a
A largura ideal a ser usada em imagem por e-mail é de até 650 pixels. As
função antes da publicação da notícia. Caso isso não seja feito, apenas a porção
imagens deverão ser criadas em modo de cores RGB, em resolução igual a
central da imagem será exibida como miniatura.
72 dpi. Recomenda-se o formato PNG, que possibilita o uso de transparência
e pode apresentar melhor nitidez na maior parte das situações. Caso o e-mail Atenção
possua muitas imagens ou fotografias, recomenda-se o formato JPG, que
normalmente é mais leve, agilizando o carregamento das imagens. Deve-se
Estima-se que mais da metade dos e-mails sejam abertos em dispositivos
evitar, sempre que possível, imagens com tamanho que obrigue o destinatá- móveis e há uma tendência de crescimento nesse hábito. Algumas caixas de
rio a rolar a tela para visualizar todo o conteúdo. entrada de e-mails também dividem o espaço da mensagem com áreas de
propaganda ou outras funcionalidades. Por isso, usar imagens muito largas pode
É importante inserir as imagens no corpo do e-mail (in-line) e não como anexos. dificultar a sua visualização.
Ao fazer isso, certifique-se de que elas estão configuradas para exibição no
tamanho original que foram produzidas. Se estiverem reduzidas, a leitura pode Cuidado ao enviar e-mails para listas de distribuição muito extensas ou com
ficar prejudicada. Se estiverem ampliadas, podem parecer borradas. muita frequência, e também montar e-mails apenas com imagens, sem nenhum
texto. À medida que destinatários deixam de abrir ou marcam as mensagens
como spam, ou que os clientes de e-mails identificam um excesso de mensagens
Os arquivos de imagem devem, preferencialmente, ser inferiores a 1 MB, para
compostas somente por imagens, a reputação do remetente é prejudicada.
facilitar o carregamento, principalmente para usuários de dispositivos móveis Com o tempo, isso pode fazer com que novas mensagens sejam classificadas
ou conexões lentas. Quanto mais rápido for o carregamento das imagens, automaticamente como lixo eletrônico pelos clientes de e-mail.
melhor. Do contrário, o destinatário pode desistir de esperar sua exibição e
fechar a mensagem sem lê-la.
Mais informações
Ao inserir imagens no corpo do e-mail, nomeie o arquivo original com um
título explicativo e objetivo, que será automaticamente utilizado como texto
Para saber mais sobre acessibilidade em e-mails, consulte a seção Inclusão e
alternativo caso a imagem não possa ser exibida. Alguns sistemas de e-mail
Acessibilidade > Uso de padrões de acessibilidade > E-mail institucional, na
também oferecem a função de acrescentar o texto alternativo desejado. página 41 deste manual.
Evite inserir links nas imagens, pois eles normalmente não ficam aparentes e
eventualmente não serão acionados. Ao invés disso, busque sempre colocar
os links no texto do corpo do e-mail.
4.6 • Formatos de artes digitais mais utiliza-
No IFTM, orienta-se que os e-mails marketing sejam montados mesclando dos no IFTM
imagens e textos digitados com as informações a serem passadas. As
imagens podem ser posicionadas no cabeçalho ou outras partes do e-mail Banner interativo
de forma ilustrativa, para compor um layout agradável, mas as informações e Dimensões/Resolução: 750 x 423 px – 72 dpi ou 96 dpi
links devem ser apresentados como texto. Não se deve criar uma única Modo de cor: RGB
imagem para compor o e-mail inteiro. Utilize boas práticas de acessibilidade, Sugestões de uso: Divulgação de atividades, eventos, editais e atos normati-
certificando-se de que o conteúdo apresentado nas imagens também esteja vos no site institucional e VirtualIF.
disponível no texto do corpo do e-mail. Características: Principais informações, leitura rápida, chamada para ação.
Cabeçalho ou imagem para e-mail Características: Fotografia ou ilustração, o mínimo de texto possível, chamada
Dimensões/Resolução: até 650 px de largura; altura variável – 72 dpi ou 96 dpi para ação.
Modo de cor: RGB
Sugestões de uso: Identificação da atividade, evento ou tema; ou complemen- Imagem de perfil para mídias sociais
tação do conteúdo. Dimensões/Resolução: De acordo com a plataforma – 72 dpi ou 96 dpi
Características: Título e/ou identidade visual da atividade, evento ou tema; Modo de cor: RGB
fotografia ou ilustração. Sugestões de uso: Identificação da instituição
Características: Logotipo do IFTM.
Imagem para notícia
Dimensões/Resolução: 750 x 443 px – 72 dpi ou 96 dpi Conteúdo para página em mídias sociais
Modo de cor: RGB Dimensões/Resolução: De acordo com a plataforma – 72 dpi ou 96 dpi
Sugestões de uso: Ilustração de matérias para o site institucional Modo de cor: RGB
Características: Fotografia ou desenho, sem texto ou apenas o texto do nome Sugestões de uso: Diversos.
da atividade ou evento apresentado. Características: Depende da finalidade.
Para isso, o desenvolvimento de conteúdo deve considerar diversas necessi- mento de páginas nem a hospedagem de conteúdo em servidores externos
dades específicas dos usuários, promovendo a inclusão de pessoas com aos do IFTM. Essas ferramentas nem sempre contam com recursos de
deficiência auditiva, visual, física e intelectual, considerando limitações de acessibilidade digital adequados, geralmente não é possível a integração
faixa etária, experiência com o uso de equipamentos eletrônicos, memória, com sistemas em uso na instituição ou oferecem riscos à segurança dos
resolução de problemas, atenção, compreensão matemática e visual, usuários durante a navegação.
compreensão verbal, leitura e linguística. Os padrões de acessibilidade
devem ser seguidos tanto nos meios digitais como físicos, até mesmo para Orienta-se que todas as páginas do portal institucional, bem como hotsites,
permitir a utilização dos recursos de tecnologias assistivas. sigam os padrões de acessibilidade digital especificados pelo eMAG e estejam
hospedados nos servidores e domínio do portal institucional.
Mais informações
Mais informações
Para saber mais sobre o uso de recursos de acessibilidade na publicidade, nos
pronunciamentos e nos discursos oficiais dos órgãos e entidades do Poder
Para saber mais sobre desenvolvimento de conteúdos com acessibilidade
Executivo Federal, consulte a Instrução Normativa nº 1, de 20 de maio de 2020,
digital, consulte o Modelo de Acessibilidade em Governo Eletrônico (eMAG).
disponível no site da Secom-PR.
O Modelo de Acessibilidade em Governo Eletrônico (eMAG) é o documento As mídias sociais oferecem variados recursos de acessibilidade digital que
norteador do desenvolvimento e adaptação de sites e conteúdos digitais do permitem a utilização de tecnologias assistivas para acesso ao conteúdo.
governo federal. Ele traz orientações de forma padronizada, de fácil imple- Dependendo da mídia social e do tipo de conteúdo, diferentes aspectos devem
mentação, adequada às necessidades brasileiras e alinhada aos padrões ser considerados.
internacionais.
No IFTM, ao publicar uma imagem ou vídeo, garanta que o título, texto de apoio
No IFTM, o desenvolvimento das páginas do portal institucional e de ou descrição que acompanha a postagem expresse tudo o que for relevante
hotsites associados a eventos ou atividades específicas normalmente é para acesso à informação ou ao serviço divulgado.
feito por equipes da Diretoria de Tecnologia da Informação e
Comunicação (DTIC). Já a publicação de conteúdos dinâmicos, como No caso de vídeos, habilite a opção de exibição de legendas ou, caso não seja
notícias e arquivos, normalmente é realizada por equipes de Comunicação possível, insira na descrição da postagem as principais informações e/ou link
ou setores específicos. de acesso a conteúdo complementar. Em uma postagem com chamada para
ação, insira no texto de apoio ou descrição um link de acesso ou orientação
Não é recomendada a utilização de plataformas externas de desenvolvi- para que seja possível acessar a informação ou usufruir do serviço.
Algumas plataformas de agendamento de postagens das próprias mídias Para saber mais sobre especificações de elaboração de e-mail marketing,
sociais oferecem recursos para inserção de texto alternativo para descrição consulte a seção Especificações técnicas para materiais digitais > Recursos
da imagem. Esses textos ficam ocultos para os visitantes, mas são detectados para e-mail, na página 36 deste manual.
por softwares de leitura de tela, utilizados por pessoas com deficiência visual,
ou exibidos quando a imagem não é carregada devido a uma conexão de internet
lenta. Mesmo assim, garanta que o texto visível seja suficiente para permitir o 5.2.4 • Impressos
acesso à informação. Também é possível utilizar na descrição do post as hashtags
#paratodosverem ou #paracegover, seguidas da descrição da imagem, que No IFTM, ao montar um material impresso, garanta que as informações e
pode ser a mesma do texto alternativo.
soluções visuais empregadas permitam que as informações prestadas sejam
claras, estejam dispostas de forma organizada, legíveis, e as chamadas para
5.2.3 • E-mail institucional ação possam ser seguidas sem dificuldade.
As fontes mais adequadas para acessibilidade de deficientes visuais são as 5.2.5 • Sinalização
sem serifa, como Arial, Tahoma, Verdana e Calibri. Ao divulgar arquivos
compartilhados nos Documentos e Planilhas do Google, ative as opções de A sinalização predial é composta por sinais de localização, de advertência e
acessibilidade, no menu Ferramentas. de instrução que podem ser utilizados individualmente ou combinados.
Pode ainda ser visual, sonora ou tátil. A sinalização deve ser legível, perceptível original. A técnica é útil principalmente para pessoas com deficiência visual
e autoexplicativa, inclusive às pessoas com deficiência. Recomenda-se que ou cognitiva e a aplicação mais comum ocorre em material audiovisual.
as informações em texto sejam complementadas com símbolos, de acordo com
padrões estabelecidos pela Associação Brasileira de Normas Técnicas (ABNT). No IFTM, orienta-se que um material audiovisual seja produzido de forma que
não seja necessária a implementação de uma faixa de audiodescrição porque
No IFTM, a instalação de sinalização predial é de responsabilidade das equipes não há, até então, equipes especializadas na execução desse serviço.
de Engenharia, enquanto as equipes de Comunicação podem prestar algum
apoio, dependendo do caso. Para materiais audiovisuais a serem realizados por meio de contratação de
empresas ou profissionais especializados, considere a utilização do recurso
ainda no momento do planejamento, se for necessário.
Mais informações
Para saber mais sobre sinalização predial, consulte a Norma Técnica Brasileira Mais informações
Acessibilidade a edificações, mobiliário, espaços e equipamentos urbanos –
ABNT NBR 9050:2015. Para saber mais sobre audiodescrição, consulte a Norma Técnica Brasileira
Acessibilidade em Comunicação – Audiodescrição – ABNT NBR 16452:2016.
Para saber mais sobre sinalização de obras públicas, consulte o Manual de uso
da marca do Governo Federal – Obras, disponível no site da Secom-PR.
5.3.2 • Braille
5.3 • Recursos de acessibilidade Braille é um sistema de escrita e leitura tátil formado pelo arranjo de pontos
mais comuns em relevo dispostos em colunas. As configurações em que são dispostos os
pontos permitem a formação de combinações ou símbolos utilizados para
escrita de textos em geral, anotações científicas, partituras musicais,
Públicos com necessidades específicas requerem diferentes recursos de
acessibilidade. Estes podem ser aplicados a plataformas diversas, depen- estenografia etc.
dendo das possibilidades técnicas de produção e da viabilidade do meio
pelo qual a mensagem é comunicada. No IFTM, o sistema braille já é aplicado em parte da sinalização predial, foi
executado por meio de contratação de empresas e profissionais especializa-
5.3.1 • Audiodescrição dos. Para produção de materiais informativos ou de divulgação, não há, até
então, equipes especializadas na execução desse serviço.
Consiste na narração em áudio de forma clara e objetiva das informações
presentes em imagens estáticas ou dinâmicas, textos ou sons não contextuali- Para materiais a serem realizados por meio de contratação de empresas ou
zados, que não fazem parte da locução ou dos diálogos. Essas informações são profissionais especializados, preveja a utilização do recurso ainda no
apresentadas nas pausas entre as falas ou recursos sonoros do material momento do planejamento, se for necessário.
5.3.3 • Descrição Caso não seja possível fazer a descrição da imagem ou vídeo, garanta que
tudo o que for necessário para entendimento da informação ou utilização do
Consiste na exposição em texto de forma clara e objetiva das informações serviço seja expresso em formato de texto no conteúdo que o acompanha.
presentes em uma imagem. Essas informações são apresentadas na identifi-
cação de imagens que ilustram materiais e publicações em formato impres-
so ou digital, notícias no portal institucional, banners interativos no portal 5.3.4 • Legenda
institucional e postagens nas mídias sociais. Geralmente, a descrição é útil
para pessoas com deficiência visual ou que, por qualquer razão, não Legendas são textos escritos sobrepostos ao vídeo que transcrevem a
consigam visualizar as imagens. narração, os diálogos e, em determinados casos, oferecem informações
complementares sobre a ação apresentada no material audiovisual. São
No IFTM, orienta-se que a descrição de uma imagem em uma notícia no úteis para pessoas com deficiência, para públicos que não dominam o
portal institucional identifique quem está na fotografia ou sobre o que é a idioma falado no material audiovisual e para pessoas que, por qualquer
ilustração ou situação retratada. razão, não tenham acesso à faixa de áudio. Elas devem seguir padrões
reconhecidos pela indústria audiovisual, que incluem formatação, uso de
Ao cadastrar um banner interativo no portal institucional por meio do módulo símbolos, quantidade máxima de caracteres e linhas, tempo de exibição,
Gerenciamento de Site do sistema VirtualIF, escreva no campo Título tudo o posicionamento na tela e outras convenções.
que for necessário para entendimento da informação ou utilização do
serviço, incluindo assunto, prazos e chamada para ação. As legendas podem ser selecionáveis ou embutidas. As legendas selecionáveis
podem ser ativadas ou desativadas pelo usuário. As legendas embutidas são
Em mídias sociais e e-mail institucional, orienta-se que a descrição de uma fixadas à faixa de vídeo, o que deve ser feito ainda no momento da edição.
imagem ou vídeo detalhe as informações visuais que não estão expressas no
texto de apoio, mas são importantes para a total compreensão do conteúdo, No IFTM, recomenda-se que todo vídeo produzido possua legendas em
preferencialmente utilizando os recursos oferecidos pelas plataformas de português. Preferencialmente que conte com o recurso de legendas seleci-
publicação para inserção de texto alternativo. Também pode ser feita a onáveis, se publicado em uma plataforma que permita sua utilização. Caso
não seja possível inserir legendas selecionáveis, recomenda-se a inserção Mais informações
de legendas embutidas.
Para saber mais sobre legendagem, consulte o capítulo Orientações para
Para transmissões ao vivo, algumas plataformas oferecem recursos de inser- Elaboração de legendas para surdos e ensurdecidos (LSE) do Guia para
ção de legendas ao vivo. Porém, no IFTM, não há, até então, equipamentos Produções Audiovisuais Acessíveis, do Ministério da Cultura.
específicos ou equipes especializadas na execução desse serviço. Para estes
casos, recomenda-se que, posteriormente à transmissão, seja feita a legen-
dagem do material. 5.3.5 • Libras
janela com intérprete de Libras sobre o conteúdo original, posicionada no Mais informações
canto inferior direito. É desejável que a gravação do intérprete de Libras
utilize a técnica de chroma key, para posterior edição.
Para saber mais sobre disponibilidade de intérpretes de Libras para participação
em produções pré-gravadas ou transmissões ao vivo, consulte a Assessoria
Mais informações de Ações Inclusivas do IFTM.
Observação
Ao incorporar a tradução em Libras sobre um vídeo original, muitas vezes, é
necessário alterar levemente a velocidade da faixa de vídeo para que a
tradução fique sincronizada com o áudio original. Caso seja necessário fazer As regras de design podem ser subvertidas em determinadas situações, desde
isso, é importante tomar cuidado para que esse ajuste não deixe os sinais com consciência. Para se quebrar uma regra, é preciso dominá-la primeiro. Uma
muito lentos ou muito rápidos, o que pode prejudicar a compreensão. decisão de design inovadora deve trazer benefícios que superem os riscos envolvi-
dos e o designer precisa compreender essa relação para atingir bons resultados.
A leitura ocidental é educada para seguir uma diagonal do alto à esquerda até
a parte de baixo à direita. Por isso, é comum posicionar elementos importantes,
6.2 • Psicologia das cores
como títulos em letras grandes, na parte superior, e assinatura com logotipos na
parte inferior. Cores são elementos estimulantes com capacidade de reter a atenção. Elas
podem evocar sensações e sentimentos.
Amarelo
As influências sociais e antropológicas dos indivíduos podem fazer com que as
Alegria, esportividade, claridade, criatividade
associações de ideias relacionadas às cores não sejam tão imediatas e diretas.
Embora auxiliem, as cores não devem ser o único elemento utilizado para
Azul
transmitir a mensagem desejada, pois o perfil do público e o contexto podem
Formalismo, estabilidade, serenidade, integridade, previsibilidade, frieza,
interferir nessa compreensão.
frescor, produtividade
Branco
Limpeza, pureza, simplicidade, honestidade, inocência 6.3 • Tipografia
Cinza A tipografia é o estudo e a aplicação das fontes, considerando o estilo, formato
Cautela, docilidade, maciez e arranjo visual dos caracteres.
Verde
Inovação, arejamento, natureza, saúde, equilíbrio, segurança, esperança Dica
Vermelho Na mesma peça, evite utilizar mais do que quatro fontes diferentes, para não
Calor, força, movimento, empolgação, amor, ira, urgência tornar o conteúdo muito distrativo.
As fontes podem ser classificadas de acordo com suas características visuais: Cursivas
Fontes caligráficas ou manuscritas. Podem ser mais descontraídas ou formais.
Com serifa Transmitem sensação de escrita à mão.
Fontes que possuem pequenos traços e prolongamentos nas extremidades
das letras. São mais adequadas para impressões de grandes volumes de
texto, como livros, porque seu formato cria uma sensação de continuidade, Exemplos
diminuindo o cansaço visual e auxiliando a leiturabilidade do texto. Transmitem
sensação de tradicionalismo, seriedade.
Kristen ITC
Exemplos
Lucida Handwriting
Centaur Vivaldi
Perpetua Decorativas
Times New Roman Fontes com formatos inusitados e, muitas vezes, de difícil leitura.
Geralmente, são utilizadas para finalidades muito específicas, para chamar a
atenção ou compor um efeito. Também podem ser incluídas as fontes
Sem serifa formadas por símbolos.
Fontes sem detalhes nas extremidades das letras. São mais adequadas para
títulos e textos digitais. Transmitem sensação de modernidade, dinamismo. Exemplos
Exemplos ALGERIAN
Arial Symbol [Symbol]
Calibri Wingdings [Wingdings]
Normal
Refere-se à versão básica da fonte (normal, regular). Light
Exemplo Normal
Normal Semibold
Bold
Itálico
Refere-se à versão inclinada da fonte. Dependendo da família da fonte, ela Extrabold
pode ter numerosas variações de itálico, combinadas com variações de
espessura e largura.
Largura
Refere-se ao espaço que cada caractere ocupa. Dependendo da família da
Exemplo fonte, ela pode ter numerosas variações de corpo, das mais estreitas (con-
densadas) às mais largas (estendidas).
Itálico
Exemplos
Espessura
Refere-se à dimensão da linha que forma o desenho da fonte. Condensada
Dependendo da família da fonte, ela pode ter numerosas variações de
espessura, das mais finas (thin, light etc.) às mais espessas (medium, bold,
black, extra bold etc.).
Estendida
Não distorça uma fonte em busca de uma variação que não exista por padrão. Caixa baixa
A deformação do caractere geralmente prejudica a sua legibilidade. Refere-se à utilização de letras minúsculas. Geralmente utilizada em infor-
mações complementares ou frases mais longas.
Exemplo Capitular
Refere-se à utilização da primeira letra de um parágrafo ou bloco de texto em
Exemplo O teaser pode assumir diversos formatos: off-line ou on-line, impresso ou digital,
estático ou dinâmico, somente texto, imagem ou audiovisual. A peça ou
conjunto de peças utilizadas como teasers podem indicar um site para mais
Destaque somente o que é realmente IMPORTANTE. informações, uma data, antecipar detalhes ou exibir imagens parciais do produto
ou serviço a ser divulgado, sem revelar tudo. Também devem ser curtas, podem
Destaque somente o que é realmente importante. ter variações para diferentes plataformas e serem desenvolvidas como iscas
para a informação a ser revelada no futuro.
Caixa alta
Caso a revelação do conteúdo não corresponda à expectativa, o efeito da
Refere-se à utilização de letras maiúsculas. Geralmente utilizada em títulos
ação pode ser negativo, gerando frustração. Por isso, utilize a técnica com
ou palavras que devem estar em destaque. Deve ser usada com cautela moderação, sem prometer mais do que se pode cumprir e sempre avaliando
porque, especialmente em frases mais longas, pode passar a impressão de se determinada ação realmente se beneficiaria do teaser.
que se está gritando com o leitor.
Exemplos
Link na BIO
Exemplo
Exemplo Exemplo
Dica
Modelo
Dicas
Ao utilizar um código QR, inclua um texto breve que explique ao público como
utilizá-lo, como “Aponte a câmera do seu smartphone para assistir ao vídeo”.
6.6.3 • Ângulos
Modelos
Cada ângulo tem posições relacionadas a uma altura e a um lado.
São posições fundamentais quanto à altura:
Normal
No nível dos olhos da pessoa fotografada/filmada. Passa a impressão de que a
pessoa ou objeto mostrado está no mesmo nível em relação ao observador.
Modelos
Normal
Moldura Perspectiva
Perfil
Ângulo de cerca de 90 graus com o nariz da pessoa mostrada, à direita ou
à esquerda.
Nuca
Em linha reta com a nuca da pessoa mostrada.
Modelos
Plongée
Frontal ¾
Perfil Nuca
Contra-plongée
Frontal
6.7 • Chroma key
Linha reta com o nariz da pessoa mostrada.
Chroma key é uma técnica utilizada para trocar o fundo de uma fotografia ou
¾ filmagem. Por meio de um software de edição de imagens, seleciona-se a
Ângulo de cerca de 45 graus com o nariz da pessoa mostrada. cor do fundo, tornando-a transparente, para inserção de uma nova imagem.
Uma tela para chroma key pode ser feita com um fundo pintado com tinta Para que o efeito seja satisfatório, é necessário que a tela para chroma key
especial ou com um grande tecido estendido em suportes, preferencialmente tenha as seguintes características:
sem emendas aparentes.
Cor específica
No IFTM, a aplicação mais recomendada para a técnica é a gravação de As telas de chroma key normalmente são apresentadas em três cores
intérprete de Libras para vídeos. Assim, na edição, a figura do intérprete pode sólidas: verde, azul ou vermelho. A intenção é que a cor escolhida seja
ser sobreposta ao vídeo principal, em escala adequada para a leitura dos completamente diferente das cores dos elementos posicionados à sua
sinais sem esconder partes importantes da imagem principal. frente. O contraste é que permitirá que essa cor seja isolada no software de
edição de imagens.
Exemplo
Dicas
As cores verde e azul são as mais utilizadas porque se distanciam das tonali-
dades da pele humana.
A cor verde, geralmente, precisa de menos luz que a cor azul para garantir um
bom recorte.
A cor azul, sob a luz do sol, pode apresentar uma tonalidade que dificulta o
recorte.
Iluminação uniforme
Toda a área do fundo captada pela câmera deve ser iluminada por igual, sem
que haja projeção de sombras ou reflexos que deixem algumas partes mais
claras e outras mais escuras. É desejável que o fundo não tenha brilho, do
contrário é provável que refletirá a luz, alterando sua cor original.
Superfície lisa
Toda a área captada pela câmera deve ser livre de texturas, emendas e amas-
sados, para melhor controle do efeito no software de edição de imagens. Sempre que possível, divida o conteúdo do roteiro em trechos menores, para
que seja possível realizar a gravação por partes, não toda de uma vez.
Dica
É desejável que a mesma cena seja gravada mais de uma vez, mesmo que já
tenha sido executada a contento do diretor, para que haja opções para a
Para bons resultados, sempre planeje o uso do efeito chroma key antes da edição, quando os erros deverão ser eliminados e os melhores trechos
captação de imagens. Se possível, teste todo o equipamento antes da utilizados para compor o material finalizado.
produção, para ter certeza que será possível alcançar o nível de qualidade
desejado. Um efeito chroma key mal realizado pode transmitir a sensação de
amadorismo e prejudicar o objetivo do projeto.
6.8.1 • Comunicado oficial
Dicas
Exemplo
medida que ele avança, os pontos mais específicos, se houver. Ao elaborar a Exemplo
fala, imagine que o público não saiba absolutamente nada sobre o assunto,
mas também considere que ele não disporá de muito tempo para entendê-
Permaneceremos juntos para encontrar as melhores soluções. Obrigada.
lo. Por isso, evite citar muitos nomes, siglas ou processos muito complexos
para não confundir a audiência. A fala deve ser coesa e não muito longa, para
que não se perca o interesse. Para mídias sociais, o ideal é que um vídeo
Dica
dessa natureza não tenha mais que três minutos de duração. Caso o volume
de informações a ser passado seja muito grande ou os assuntos sejam muito
Evite a utilização de palavras negativas no trecho final porque elas tendem a
distintos, considere produzir mais de um vídeo.
desanimar a audiência. Utilize termos e expressões que engajem as pessoas.
Isso alimenta a confiança nos gestores e equipes envolvidas. Exemplos de
palavras negativas: problema, crise, tragédia. Exemplos de palavras positivas:
Observação
desafio, superação, solução.
Exemplo
Para figurino, costumam ser adequados camisa social, blazer, terno, vestido sem
grande decote, uniforme institucional, acessórios e maquiagem discretos.
“Dúvidas sobre o assunto podem ser enviadas para o e-mail ensino@iftm.edu.br.”
Posicionamento de câmera
O agradecimento deve ser a última fala do vídeo. É desejável que seja acompa- Sobre um tripé ou algum tipo de suporte, para que ela não fique em movi-
nhado de alguma mensagem positiva, especialmente em momentos de crise, mento. Não é recomendado que a própria pessoa que fale segure a câmera,
para estimular a colaboração da comunidade. como em uma selfie.
Elementos de mais de um modelo podem ser mesclados num mesmo docu- Dica
mentário.
No caso de um documentário episódico, a divisão pode ocorrer em ordem
cronológica dos acontecimentos ou por assuntos. Para adotar esse modelo com
O documentário também pode ser apresentado de modos diferentes: sucesso é preciso planejar a possibilidade ainda na fase de criação do roteiro, para
Ÿ Poético: ritmos e padrões visuais e acústicos definem a forma geral do garantir que a captação do conteúdo atenda às demandas de cada episódio e
documentário. que eles possam se interligar, deixando claro que se trata de uma série.
Observação
Elementos de mais de um modo podem ser mesclados num mesmo docu-
mentário.
Para partes com entrevistas, é interessante escolher um cenário que ilustre o
tema da produção. É obrigatório o uso de Equipamentos de Proteção Individual
(EPIs) ou acessórios de higiene pelo personagem entrevistado mesmo durante
Após a captação do conteúdo, já com ciência do que foi registrado, é possível a entrevista caso o ambiente onde ela seja realizada os exija. Parte desses itens
concluir o roteiro, que servirá de guia para executar a montagem das cenas, seguida também pode ser utilizada a título de ilustração caso o ambiente não exija, mas
pela edição. O documentário finaliza com a assinatura da instituição. seu uso seja recomendado no contexto da produção.
ainda permite certa liberdade artística para escolhas de posicionamento de sociais à vontade para se expressarem de forma genuína diante da realidade
câmera e enquadramento quando projetados para transmitir determinadas a ser registrada. De maneira geral, ao captar ações, é efetivo conversar
sensações ao espectador. previamente com os atores sociais, explicando que devem esquecer que a
equipe de produção está presente. Ao captar entrevistas, recomenda-se
conversar previamente com o entrevistado, de modo superficial, sobre o
Dica
assunto que será tratado, para que ele não seja pego completamente de
surpresa, e também sobre outros assuntos de interesse do entrevistado, para
Procure se informar sobre a situação a ser retratada antes de começar a captar relaxá-lo e para que se inicie uma relação mínima de confiança para que se
para saber para onde apontar a câmera e o que é mais importante ser mostrado.
mantenha um diálogo entre entrevistado e entrevistador/diretor. Durante
Numa situação real, geralmente não é possível regravar uma ação porque ela
essa conversa, o diretor poderá reconhecer a personalidade do entrevistado,
pode não se repetir. Se for possível, mantenha certa distância da ação e utilize
recursos dos equipamentos, como zoom, para não invadir o espaço e intimidar que tipo de linguagem o deixa mais tranquilo e como estimulá-lo a falar de
as pessoas envolvidas na situação. forma espontânea e lógica. Ao conduzir a entrevista, o entrevistador/diretor
usa o modelo de entrevista semiestruturada, por meio do qual há um guia
Geralmente, em entrevistas, o entrevistador/diretor se posiciona ao lado da com assuntos básicos a serem tratados e que servem de base para elabora-
câmera, fora do quadro, enquanto o entrevistado conversa olhando para o ção de perguntas adequadas ao estilo do entrevistado e aos rumos que a
entrevistador/diretor, mas não para a câmera. O enquadramento mais utilizado é entrevista ganha mediante as respostas recebidas. É o entrevistador/diretor
o plano médio, com ângulo normal, na posição ¾. quem se adequa ao estilo do entrevistado, prestando atenção na coesão do
discurso e buscando extrair as informações requeridas pelo roteiro sem
causar incômodo ao entrevistado nem demonstrar frustração caso a entre-
Áudio
vista não siga conforme esperado.
Depende do conteúdo do documentário, mas deve ser claro e livre de ruídos,
exceto se apresentar o próprio som ambiente for o objetivo. Recomenda-se
utilizar um microfone do tipo lapela para entrevistas, microfone direcional do Dica
tipo boom para captação de som ambiente e gravação em estúdio para
narrações sobrepostas às imagens. O microfone embutido da câmera, Peça ao entrevistado que diga no vídeo seu nome completo e outros dados
filmadora ou smartphone utilizado geralmente capta ruído do próprio que o identifiquem antes de iniciar a entrevista. Isso serve para já testar a
equipamento, das mãos do operador ou do ambiente, o que reduz a qualida- captação de áudio e vídeo, orientar a postura do entrevistado em relação à
de do áudio e dificulta a edição. câmera e ajudará na identificação do material durante a montagem, principal-
mente se o editor não estiver presente no momento da captação e não
conhecer o entrevistado. Também, anote o nome completo e dados de
Direção
identificação relevantes para serem utilizados na edição. Confira diretamente
O documentário conta com os chamados atores sociais, que são os persona-
com o entrevistado se a grafia está correta e se há alguma preferência para
gens da história. São pessoas reais, que não estão interpretando, mas agindo uso de sobrenomes, apelidos ou outra informação sensível.
ou falando de si mesmas ou de determinada situação, que é o assunto do
documentário. Por isso, a direção deve seguir no sentido de deixar os atores
O institucional é composto, de modo geral, por informações em texto escrito Cenário, figurino, cabelo e maquiagem
ou narrado e imagens que representem o conteúdo. Normalmente, é utilizado Dependem do conteúdo do institucional. Em geral, o institucional exige que
para apresentar a instituição, uma localidade específica, um programa, um esses elementos sejam mais produzidos, com maior refinamento estético do que
projeto, um relatório ou uma prática. em outros tipos de produção audiovisual, mas que não fujam da realidade.
os casos, podem, ainda, ser apresentados em episódios, de forma que cada microfone direcional do tipo boom. O microfone embutido da câmera, filmadora
vídeo apresente um aspecto da informação ou apresente a mesma informação ou smartphone utilizado geralmente capta ruído do próprio equipamento, das
de maneira diferente, formando uma série. mãos do operador ou do ambiente, o que reduz a qualidade do áudio e
dificulta a edição. Para obter mais qualidade, é possível fazer a captação de
O informacional ou publicitário pode, também, ser composto parcialmente som direto e, posteriormente, em um ambiente controlado, dublar o áudio
ou mesmo exclusivamente por animação, sem que imagens sejam captadas original, substituindo-o na edição.
por uma câmera.
Direção
Cenário, figurino, cabelo e maquiagem O informacional ou publicitário pode contar com três tipos de elenco: apre-
Dependem do conteúdo. Em geral, o informacional ou publicitário exige que sentadores, atores e figuração. Nesse contexto, entende-se por apresenta-
esses elementos sejam mais produzidos, com maior refinamento estético do dores ou atores pessoas que falam algum texto pré-determinado, que deve ser
que em outros tipos de produção audiovisual. ouvido pelo espectador, para a câmera ou para outra pessoa na cena. Entende-se
por figuração pessoas que aparecem na cena realizando ações em primeiro
ou segundo plano, mas que não atuam falando para o espectador. Na captação
Dicas
de imagem, ao ser iniciada a gravação, contar aproximadamente três segundos e
sinalizar para que a ação inicie. Em caso de erros, sugere-se que a gravação
A posição dos elementos na cena e a paleta de cores das roupas ajudam a
reinicie sempre de algum ponto anterior ao que ocorreu o erro, tanto para
despertar sensações na audiência.
que o elenco se recomponha quanto para que haja tempo de corte para a
Especialmente para vídeos publicitários, equipamentos de filmagem, como edição, caso necessário. Ao terminar a ação, o elenco deve se manter na
microfones ou iluminação, não devem ficar aparentes na cena, a menos que atuação, até que a gravação seja interrompida pelo diretor da cena. Para de
isso seja relevante para a narrativa. informacional ou publicitário realizado com animação ou edição de conteúdo
já captado, deverão ser seguidas as especificações do roteiro técnico.
Com o projeto finalizado, o arquivo de vídeo final deve ser exportado seguindo Muito conteúdo em pouco espaço
as configurações fornecidas pelo software utilizado na edição, otimizando o O aproveitamento do espaço em uma peça auxilia na condução do olhar e,
material para a plataforma na qual o conteúdo será exibido. Atente-se para a consequentemente, na compreensão da mensagem. Espaços em branco
documentação do software de edição e a recomendação da plataforma para permitem que o leitor descanse entre um elemento e outro e destacam as
garantir a compatibilidade do formato de arquivo escolhido, a resolução de partes importantes. Peças que exijam leitura rápida devem ter pouco texto,
imagem mais adequada e as possibilidades de inserção posterior de recursos do contrário, podem desestimular a leitura.
de acessibilidade, como uso de legendas externas.
Exemplos
Dica
Em um banner interativo para site institucional, como cada imagem é substituída
Elabore um roteiro técnico para guiar a montagem. Ele permite que um por outra após alguns segundos de exibição, a mensagem precisa ser curta e o
profissional que não participou dos processos de criação ou captação do botão que convida ao clique deve ser posicionado ao final do fluxo de leitura.
material ainda possa executar o trabalho, otimiza o tempo e evita que o
resultado final seja definido pela habilidade do editor com a ferramenta de Em uma peça para mídias sociais, a imagem deve ter somente a informação
edição ao invés de pela concepção do conteúdo. essencial, enquanto conteúdos não intuitivos, como links não amigáveis e informa-
ções complementares, devem ser escritos no texto de apoio da postagem.
Observação
Mostrar mais chão do que teto
Especialmente ao utilizar enquadramentos mais abertos e posicionamento
Uma alternativa para que não seja necessário fazer a identificação falada de de ângulo normal, em uma fotografia ou filmagem, atente-se à proporção
alguém em um vídeo é a inserção das informações por escrito na edição, mas que o chão e o teto ocupam no quadro. Por chão e teto, entenda como espaços
elas não serão acessíveis a pessoas com deficiência visual, a menos que estejam abaixo e acima do assunto. Geralmente, a imagem se torna mais agradável
disponíveis no texto de apoio da postagem, onde poderão ser transcritas por um quando os espaços ocupados pelo chão e pelo teto são iguais ou quando o
software de leitura de tela. Outra solução é produzir uma versão do material chão ocupa um espaço menor que o teto.
com audiodescrição.
Exemplo
Elementos indesejados
Especialmente ao produzir fotografia ou filmagem para conteúdo publicitário,
evite que apareçam na imagem logotipos de terceiros, objetos quebrados, móveis
fora do lugar etc. Isso facilita o processo de edição do material, já que corre-
ções desse tipo podem ser muito trabalhosas, especialmente para vídeo.
GLOSSÁRIO
Bitmap Logotipo
Tipo de imagem formada por pequenos quadrados, também chamada de É a representação gráfica de uma marca, sua assinatura institucional. Segue
raster. Cada um é denominado pixel e sua quantidade determina a resolução um padrão visual, composto por uma tipografia e/ou formas específicas,
do arquivo. Cada pixel possui uma cor própria e seu agrupamento forma uma formando um símbolo facilmente identificável. Normalmente, utilizado em
matriz de pontos individuais que, juntos, são percebidos pelo olho humano todas as peças gráficas onde a marca deve ser reconhecida. Também
como uma imagem com gradações suaves. Ao ampliar uma imagem bitmap, chamado de logomarca.
os pixels são apenas alargados, até que sejam percebidos individualmente, o
que chamamos de pixelização. Raster
Imagem bitmap.
Boneco
É a prova física de um material impresso. Simula, de maneira aproximada, Roteiro técnico
como será a aparência do produto final, a fim de identificar erros e verificar Documento que divide as cenas em planos de filmagem, em que as sequên-
determinados aspectos, como legibilidade, posicionamento dos elementos, cias são apresentadas na mesma ordem do produto final. Sua principal
ordens das páginas e tamanho final do impresso. utilização é para a montagem e edição do material audiovisual.
Fonte Vetor
Conjunto completo ou variedade de caracteres, incluindo glifos, sinais, Tipo de imagem formada por construções geométricas a partir de coordena-
espaços em branco, em peso e estilo determinados. Normalmente, inclui das matemáticas. Arquivos vetoriais são mais leves do que arquivos bitmap
letras, numerais, ornamentos, ligaduras, símbolos, acentos e outros porque não precisam armazenar dados para pixels individuais. Ao ampliar
sinais gráficos. uma imagem vetorial, não há perda de definição ou detalhamento.
REFERÊNCIAS
ABRAMUS. AFINAL, O QUE É DIREITO AUTORAL? Disponível em: BRASIL. Olimpíada de Língua Portuguesa. Decupagem e roteiro técnico.
https://www.abramus.org.br/noticias/8482/afinal-o-que-e-direito-autoral/. Disponível em: https://www.escrevendoofuturo.org.br/caderno_virtual/caderno/
Acesso em: 13 jul. 2021. documentario/oficinas/etapa-1-decupagem-e-roteiro-tecnico/. Acesso
em: 21 jul. 2021.
ADOBE SPARK. YouTube banner or channel art size. Disponível em>
https://www.adobe.com/express/discover/sizes/youtube. Acesso em: 23 BRASIL. WEBDUC/MEC. Básico de TV e Vídeo. Disponível em:
jul. 2021. http://webeduc.mec.gov.br/midiaseducacao/material/tv/tv_basico/pdf/
Primeira_Fase.pdf. Acesso em: 21 jul. 2021.
A N AC . P l a n o d e C o m u n i c a ç ã o I n s t i t u c i o n a l . D i s p o n í ve l e m :
https://www.anac.gov.br/assuntos/legislacao/legislacao-1/boletim-de-pessoal/ CATARINA UDLAP. Anatomia del tipo. Disponível em: http://catarina.udlap.mx/
2019/52/anexo-ii-plano-de-comunicacao-institucional-2020. Acesso em: u_dl_a/tales/documentos/ldg/fuentes_f_ml/capitulo2.pdf. Acesso em: 11
14 jul. 2021 jun. 2021.
BRASIL. eMAG - Modelo de Acessibilidade em Governo Eletrônico. Dispo- DELIVRA. The Best Image Size for Email Newsletters in 2019. 25 mar. 2019.
nível em: http://emag.governoeletronico.gov.br/. Acesso em: 15 jul. 2021. Disponível em: https://delivra.com/resources/blog/best-image-size-
email-newsletters-2019/. Acesso em: 23 jul. 2021.
BRASIL. Manual de Comunicação do Senado Federal. Disponível em:
https://www12.senado.leg.br/manualdecomunicacao/glossario/teaser. EMBRAPA. Manual de Editoração da Embrapa. Disponível em:
Acesso em: 7 jan. 2021. https://www.embrapa.br/ manual-de-editoracao/manual-de-editoracao-
da-embrapa. Acesso em: 14 jul. 2021.
BRASIL. Ministério da Cultura/Secretaria do Audiovisual. Guia para produções
audiovisuais acessíveis. Disponível em: https://inclusao.enap.gov.br/wp- EQUIPE FOTOGRAFIA MAIS. CHROMA KEY: O Que é, Aprenda Como Usar e Como
content/uploads/2018/05/Guia_para_producoes_audiovisuais_acessiveis.pdf. Fazer o seu em Casa. Disponível em: https://fotografiamais.com.br/chroma-key/.
Acesso em: 16 jul. 2021. Acesso em: 18 jan. 2021.
BRASIL. Ministério da Educação. Instituto Benjamin Constant. O Sistema Braille. FERREIRA, Kellison. O que é um teaser e como sua empresa pode usá-lo. 9
11 maio 2021. Disponível em: http://www.ibc.gov.br/fique-por-dentro/121- abr. 2019. Disponível em: https://rockcontent.com/br/blog/teaser/. Acesso em:
cegueira-e-baixa-visao/675-o-sistema-braille. Acesso em: 14 jul. 2021. 19 jan. 2021.
REFERÊNCIAS
LUCENA, L. C. Como fazer documentários: conceito, linguagem e prática PRINTI. Fechamento de arquivo: conheça os principais tipos. Disponível em:
de produção. 2 ed. São Paulo: Summus, 2012. Acesso em: 13 jan. 2021. https://www.printi.com.br/blog/fechamento-de-arquivo-conheca-os-
principais. Acesso em: 14 jul. 2021.
MENEZES, Gabrielle. Psicologia das cores: você sabia que cada cor pode alterar
sua percepção? Dez./2020. Disponível em: https://www.printi.com.br/ PRINTI. O que é um boneco? Como fazer um boneco? Disponível em:
blog/psicologia-das-cores-voce-sabia-que-cada-cor-pode-alterar-sua- https://www.printi.com.br/montagem-do-arquivo/o-que-e-um-boneco-
percepcao?. Acesso em: 14 jan. 2021. como-fazer-um-boneco. Acesso em: 23 jul. 2021.
MICHAELIS. Dicionário Brasileiro de Língua Portuguesa. Editora Melhora- RALLO, Rafael. Tipografia: como usar um dos pilares do Design Gráfico a seu
mentos, 2021. Logotipo. Disponível em: https://michaelis.uol.com.br/ favor. 12. abr. 2018. Disponível em: https://rockcontent.com/br/blog/tipografia/.
busca?r=0&f=0&t=0&palavra=logotipo. Acesso em: 22 jul. 2021. Acesso em: 14 jun. 2021.
MICHAELIS. Dicionário Brasileiro de Língua Portuguesa. Editora Melhora- SANT'ANNA, Armando et al. Propaganda: teoria, técnica e prática. 8.ed. São
mentos, 2021. Logomarca. Disponível em: https://michaelis.uol.com.br/ Paulo: Cengage Learning, 2011. 441 p. Acesso em: 28 abr. 2021.
busca?r=0&f=0&t=0&palavra=logomarca. Acesso em: 22 jul. 2021.
SMARTALK. Identidade Visual: o que é e qual a importância para a sua empresa. 12
NEILPATEL. Identidade Visual: Passo a Passo Para Criar a Identidade Visual fev. 2021. Disponível em: https://smartalk.com.br/blog/identidade-visual/.
Perfeita. Disponível em: https://neilpatel.com/br/blog/identidade-visual/. Acesso em: 26 jul. 2021.
Acesso em: 23 jul. 2021.
UNIVERSITY OF FLORIDA HEALTH. Lecture Capture. Disponível em:
NICHOLS, B. Introdução ao documentário. Coleção Campo Imagético. Tradução https://distance.ufhealth.org/preparing-for-lecture-capture/. Acesso em: 8
de Mônica Saddy Martins. 6 ed. Campinas: Papirus, 2016. Acesso em: 12 jan. jul. 2021.
2021.
VERBRAN, Romario. Três níveis de hierarquia tipográfica e o segredo de um
PARREIRAS, Marcelo. Guia do Call to Action (CTA): O que É, Exemplos e Como grande design! 15 jan. 2016. Disponível em: https://temporalcerebral.com.br/
Fazer. Disponível em: https://www.canva.com/pt_br/aprenda/tudo-sobre- tres-niveis-de-hierarquia-tipografica-e-o-segredo-de-um-grande-design/.
call-to-action-o-que-e-exemplos-design/. Acesso em: 11 maio 2021. Acesso em: 11 mar. 2021.
POWER GRAPHICS. Tipografia: a fonte certa para seu material gráfico. Z-ARPHOST. Criação de Logomarcas .com. O que é Logotipo? Disponível em:
Disponível em: https://www.powergraphics.com.br/tipografia/. Acesso em: http://www.criacaodelogomarcas.com/logotipo.htm. Acesso em: 26 jul. 2021.
10 jun. 2021.