V6 Guia DG Ebook

Andreza Regina Lopes da Silva
Anelise Thaler
Elisa Conceio da Silva Rosa
Rafael Martins Alves
Sabrina Bleicher
CA P A CITA O
Produo de
Materiais Didticos
GUIA DO
DESIGNER
GRFICO
2015
1a Edio
G943
Guia do designer grfico / Andreza Regina Lopes da Silva...

[et al.]. 1.ed. Florianpolis: IFSC, 2015.
1 v.: il. (algumas color.)
Livro eletrnico
ISBN 978-85-8464-049-2
1. Designers. 2. Artes grficas. I. Silva, Andreza Regina

Lopes da. II. Instituto Federal de Santa Catarina. III. Ttulo.
CDD: 741.6
Ficha catalogrfica elaborada por: Gizelle Freitas Bibliotecria CRB14/792
Copyright 2015, Instituto Federal de Santa Catarina - IFSC. Todos os direitos reservados.
Esta obra de responsabilidade do(s) respectivo(s) autor(es). O contedo foi licenciado temporria e
gratuitamente para utilizao na produo de materiais didticos e instrucionais no mbito do Centro de
Referncia em Formao e EaD (Cerfead) do Instituto Federal de Santa Catarina (IFSC). A reproduo e
distribuio ficaro limitadas ao mbito interno do Cerfead, a critrio da Equipe de Produo de Materiais
Didticos. O contedo poder ser citado em trabalhos acadmicos e/ou profissionais, desde que com a
correta identificao da fonte. A cpia total ou parcial, sem autorizao expressa do(s) autor(es) ou com o
intuito de lucro, constitui crime contra a propriedade intelectual, conforme estipulado na Lei n 9.610/1998
(Lei de Direitos Autorais), com sanes previstas no Cdigo Penal, artigo 184, pargrafos 1 ao 3, sem
prejuzo das sanes cabveis espcie.
Instituto Federal de Santa Catarina Ficha Tcnica
[ Reitora ] [ Contedo ]
Maria Clara Kaschny Schneider Andreza Regina Lopes da Silva
Anelise Thaler
[ Pr-Reitora de Ensino ] Elisa Conceio da Silva Rosa
Daniela de Carvalho Carrelas Rafael Martins Alves
Sabrina Bleicher
[ Diretora do Centro de Referncia em
Formao e EaD - Cerfead ] [ Colaborao ]
Gislene Miotto Catolino Raymundo Natlia Ordobs Bortols
[ Chefe do Departamento de Educao a [ Design Instrucional ]

Distncia ] Juliana Bordinho Diana
Underla Cabreira Corra
[ Reviso ]
[ Coordenadora de Produo de Materiais Sandra Beatriz Koelling
Didticos - Cerfead ]
Andreza Regina Lopes da Silva [ Design Grfico ]
Natlia Ordobs Bortols
[ Projeto Grfico e Instrucional - Livros
Didticos - Cerfead ] [ Imagens ]
Aline Pimentel Shutterstock
Carla Peres Souza <http://www.shutterstock.com>
Daniela Viviani
Sabrina Bleicher
Prezado designer
grfico,
seja bem-vindo!
O Instituto Federal de Santa Catarina (IFSC),
preocupado em transpor distncias fsicas e
geogrficas, percebe e trata a Educao a Distncia
como uma possibilidade de incluso. No IFSC
so oferecidos diferentes cursos na modalidade
a distncia, ampliando o acesso de estudantes
catarinenses, como de outros estados brasileiros,
educao em todos os seus nveis, possibilitando a
disseminao do conhecimento por meio de seus
cmpus e polos de apoio presencial conveniados.
Os materiais didticos desenvolvidos para a EaD so

pensados para que o aluno consiga acompanhar
seu curso contando com recursos de apoio a seus
estudos, tais como videoaulas, ambiente virtual de
ensino-aprendizagem e livro didtico. A inteno
dos projetos grfico e instrucional manter uma
identidade nica, inovadora, em consonncia
com os avanos tecnolgicos atuais, integrando
os vrios meios disponibilizados e revelando a
intencionalidade da instituio. Nesse sentido,
a Equipe de Produo de Materiais Didticos do
Cerfead elaborou este guia para voc.
Esperamos que as informaes contidas nele

sejam de grande proveito!
Boa leitura e sucesso!
Equipe de Produo de Materiais

Centro de Referncia em Formao e EaD
Guia do Designer Grfico 5
Sumrio
1. A Equipe Multidisciplinar 07
2. Planejamento e Desenvolvimento
de Atividades 19
3. Guia de Estilos 33
Consideraes Finais 67
Sobre os Autores 68
Referncias 69
Capacitao de
Designer Grfico
Este guia tem o objetivo de orientar voc,
designer, no trabalho junto equipe de produo
de materiais didticos do Centro de Referncia
em Formao e EaD (Cerfead) de modo a facilitar
e orientar o trabalho a ser realizado.
Nossos materiais seguem um projeto grfico

aprovado institucionalmente e aqui apresentamos
algumas das suas principais caractersticas. Alm
disso, em alguns casos especficos, necessrio
estabelecer algumas padronizaes, de modo
que o material final atenda s especificidades da
educao a distncia e esteja alinhado com a
identidade visual da instituio, contribuindo para
o processo de construo de conhecimento dos
estudantes.
Boa leitura e sucesso!
Equipe de Produo de Materiais Didticos

CAPACITAO
Produo de Materiais Didticos
GUIA DO DESIGNER GRFICO
A Equipe
Multidisciplinar
O designer grfico um dos profissionais que integram a equipe multidisciplinar
que atua na produo de materiais didticos oferecidos para os cursos da
modalidade a distncia do IFSC. Nesta unidade de aprendizagem, vamos
apresentar as principais atividades desenvolvidas pelo designer grfico junto
equipe multidisciplinar do Cerfead, alm de algumas orientaes importantes
sobre suas atribuies.
A Equipe
Multidisciplinar
Os profissionais que compem a equipe
multidisciplinar em um projeto de Educao
a Distncia (EaD) variam de acordo com a
concepo e projeto instrucional do curso.
Considerando a produo de nosso livro
didtico, hoje contamos com diversos
profissionais distribudos em diferentes
atividades. O Quadro 1 descreve as principais
atividades desenvolvidas pelos profissionais da
equipe de produo de materiais didticos do
IFSC.
Profissional Ao
Coordenador Responsvel pelo planejamento, desenvolvimento e avaliao
de produo de da produo no que tange aos seus actantes (atores humanos e
materiais no humanos envolvidos no processo).
Professor Responsvel pela elaborao do contedo base para a unidade

conteudista curricular.
Designer Responsvel pela adequao do material quanto linguagem

Instrucional (DI) dialgica e estrutura pedaggica do material.
Designer Grfico Responsvel pela diagramao do livro didtico e outras

(DG) atividades correspondentes rea de design grfico.
Revisor Realiza a leitura do material com o propsito de revisar ortografia,

coeso, norma culta da lngua portuguesa e normativas vigentes.
Bibliotecrio Realiza o registro do material elaborando a ficha catalogrfica e

solicitando junto biblioteca nacional o ISBN.
Apoio logstico Oferece apoio quanto organizao e distribuio do material ao

destinatrio final - o estudante.
Quadro 1. Principais atividades da equipe de produo de materiais Cerfead/IFSC

Fonte: Silva, Diana e Raymundo (2015).
Para completar nossa equipe contamos ainda

com um profissional denominado roteirista
responsvel pela construo de vdeo didtico.
Esse profissional tem o apoio da equipe IFSCTV
e/ou de uma produtora responsvel.
importante que voc, DG, fique atento ao

andamento dos projetos, pois nosso fluxo de
produo de livro didtico, hoje, contempla
vinte e dois processos, o que implica em um
tempo mdio de seis meses de produo.
Logo, o atraso em determinadas etapas resulta
em atraso na entrega final do material. Para
isso, em caso de dvidas, voc conta com
a coordenao da produo de materiais
didticos para lhe auxiliar e orientar durante
todo o processo.
Independente da mdia a ser utilizada, o DG o
responsvel por cuidar da identidade visual do
material desenvolvido pela equipe.
O DG um profissional que contribui para

a forma do material didtico. Nos recursos
didticos com grande quantidade de texto,
o designer grfico, em parceria com o
designer instrucional, por meio da utilizao
de recursos grficos (cor, fontes, cones etc.)
e instrucionais (organizao didtica), e da
combinao entre eles, capaz de trabalhar
qualquer dado ou informao, com o objetivo
de dar visibilidade ou destaque a pontos-
chave, citaes e indicaes de outras fontes,
exemplos e estudos de casos, resultados
de pesquisas, dados numricos, reflexes,
pontos polmicos ou mesmo detalhamentos
de pontos especficos (FILATRO, 2008;
LANDIM, 1997; SALGADO, 2005 apud
PANDINI et al., 2014).
Ser designer grfico em uma equipe

multidisciplinar de produo de materiais
didticos para EaD implica em diferentes
atividades relacionadas diagramao e
produo de contedo visual aos diversos
materiais desenvolvidos na equipe, envolvendo
livro-didtico, vdeo didtico e materiais para
a capacitao (cursos rpidos de formao)
e cursos regulares, como ps-graduao e
curso superior. Para um bom desempenho,
importante saber trabalhar em equipe com
flexibilidade, ser rigoroso no cumprimento de
prazos e ter compromisso com a qualidade do
material so fatores de extrema relevncia.
Atribuies do designer
grfico
Conforme explica Thom (2007), sempre
que a obra produzida for coerente com os
objetivos propostos para um curso de EaD
e com o contedo trabalhado, o design
grfico pode estabelecer uma relao de
identidade e familiaridade entre aluno e
material didtico. Estabelecer relaes como
as supracitadas a principal atividade do
designer grfico quando produz um material
impresso para EaD (FILATRO, 2008; LANDIM,
1997; SALGADO, 2005 apud PANDINI et al.,
2014, p. 39).
As funes do designer grfico so diagramar e

criar recursos visuais para diferentes materiais RECURSOS
didticos, como livros e vdeos, bem como VISUAIS
criar material para cursos de capacitao e a [ GLOSSRIO ]
concepo visual de banners para o Ambiente So ilustraes, infogrficos e
Virtual de Ensino-Aprendizagem (AVEA). Nos cones grficos.
roteiros para produo de vdeos, o DG tambm
responsvel por exportar em camadas a
imagem criada, a fim de facilitar as atividades
do profissional que executa o processo de
animao dos recursos visuais. Ademais,
ressalta-se que a maior demanda de atividades
para o DG recai sobre a produo dos livros
didticos, que a base dos trabalhos realizados
pela nossa equipe.
Dentre as principais atividades realizadas pelo

DG, listamos a seguir as cinco principais aes
desenvolvidas neste processo.
Diagramar: essa atividade consiste em
organizar e dar forma ao material de
acordo com a identidade visual de nossos
projetos, alm disso, voc tambm pode
ser convidado a criar um novo projeto
grfico, quando necessrio. Para os
livros didticos e guias de cursos de
EaD, voc deve seguir o template criado
a partir do projeto grfico desenvolvido
e implementado em 2013, descrito
detalhadamente a partir da unidade 3
deste material. Outra diagramao que
feita pela equipe de produo de materiais
didticos do Cerfead so os materiais de
capacitaes oferecidas aos servidores
do IFSC ou comunidade. Para ambos
os trabalhos, voc conta com templates
prontos na rede do IFSC. A diagramao
contribui para a qualidade do material que
tem como objetivo principal potencializar
o processo de desenvolvimento de
competncia dos indivduos. Logo,
importante que, ao longo da diagramao,
voc aplique os preceitos do projeto
BANCO DE
grfico, obedecendo aos parmetros
IMAGENS
exigidos em relao a fontes, cores
[ SAIBA MAIS ]
institucionais, imagens, tabelas, grficos,
Nossa equipe de DG, capa, contracapa, aberturas de captulo
buscando facilitar o e quaisquer elementos previamente
trabalho, organizou
padronizados e que faam parte dos
um banco de imagens
nossos projetos. Veremos mais sobre
compartilhado on-line. As
orientaes de acesso a essas questes na unidade 3.
esse banco de imagens Buscar imagens: as imagens devem ser
esto disponveis atravs sempre aquelas disponveis em bancos de
do link <http://ead.ifsc.
imagens gratuitos ou oferecidos pelo IFSC,
edu.br/MateriaisDidaticos/
Livros/Banco_ sendo essencial citar a fonte. Sugerimos
Imagens_material%20 como banco gratuito os sites listados a
complementar.pdf>. seguir:
<www.freeimages.com>
<www.dreamstime.com>
<www.freepik.es/>
<www.imcreator.com/free>
<www.morguefile.com>
<commons.wikimedia.org>
<recursostic.educacion.es/bancoimagenes/web/>
</www.stockvault.net/>
<dryicons.com/>
<br.freepik.com/>
Nem todos os sites esto em portugus e,

em alguns deles, preciso realizar um rpido
cadastro. Lembre-se de observar o idioma
utilizado para ter sucesso na sua busca. Utilize
apenas fotografias e ilustraes com direito
autoral livre.
importante esclarecer que os professores

conteudistas so orientados a enviar as imagens
que sero utilizadas em boa resoluo. BOA RESOLUO
[ SAIBA MAIS ]
Caso o professor no envie as imagens prontas Para imagens coloridas uma
para serem inseridas no livro, ele dever, ao boa resoluo corresponde a
menos, enviar imagens similares para que 300 dpi (150 lpi X 2 pixels)
voc, DG, consiga fazer uma busca. Mas, e 225 dpi para aquelas que
caso o professor e o DI do material no enviem so preto e branco (P&B)
quaisquer sugestes de imagens, o DG poder (150 lpi X 1,5 pixel).
fazer buscas e sugestes. Desta forma, o DG ter
autonomia para sugerir imagens consideradas
pertinentes e o autor poder aceit-las ou no.
Veja, na Figura 1, um exemplo de solicitao
do professor e, na Figura 2, a soluo proposta
pelo o DG.
Figura 1 - Imagem sugerida pelo autor (com direitos autorais)
Fonte: <http://www.cleveland.com/sun/intermission/index.
ssf/2009/03/reel_time_plain_truth_taught_b.html>.
Figura 2 - Imagem livre de direitos autorais sugerida pelo DG

Fonte: Wikimedia Commons.
Nos casos em que as sugestes de imagens

feitas pelo DG no so aprovadas, o autor
deve fornecer uma imagem substituta,
considerando as resolues especificadas
anteriormente. importante que as imagens e
os demais elementos visuais sejam produzidos
e utilizados por voc, designer grfico, de
modo a contemplar a competncia prevista
na unidade curricular. Logo, atente para tal
uso. Se tiver dvidas, converse durante o
processo de diagramao com o Designer
Instrucional (DI). Evite o uso de imagens que IMAGENS
no contribuem com a aprendizagem. [ LEMBRE-SE ]
A imagem ilustrativa est
importante que o DG compreenda a natureza prevista no projeto grfico
das imagens que sero inseridas no livro. geralmente na abertura da
Quando a imagem est diretamente associada unidade e/ou fechamento.
ao texto (exemplo, se o texto fala sobre um J em relao imagem
mtodo de pesquisa especfico e a imagem conceitual ou ainda em caso
mostra um grfico ilustrando tal mtodo), de infogrfico, por exemplo,
preciso que ela venha acompanhada essencial que a fonte seja
de ttulo e fonte. No caso de a imagem ser citada, mesmo que esta seja
meramente ilustrativa (exemplo, em um texto de um banco de imagem.
que fala sobre educao a distncia, uma A ABNT prev que todas as
imagens utilizadas no material
imagem mostra um estudante utilizando o
apresentem a fonte.
computador), no existe a necessidade de
ttulo e fonte virem juntos figura.
Existem momentos que tanto o professor

conteudista como o DI, membro de nossa equipe
multidisciplinar, fazem algumas sugestes de
imagens para serem inseridas no livro. Essas
sugestes podem vir em forma de texto ou de
imagens similares e cabe ao DG fazer sugestes
de imagens a partir da indicao descrita e dos
elementos presentes no contedo.
Fotografar: outro recurso que o DG poder

tambm utilizar o uso de fotografias e
imagens de sua prpria autoria, indicando
a fonte na pgina de crditos.
Ilustrar: a ilustrao um recurso recorrente
na produo dos nossos materiais
didticos. Para tanto, cabe ao designer
grfico pesquisar ou produzir desenhos,
composies visuais ou quaisquer
ilustraes que julgar necessrias ao
material. Elas tambm podem ser sugeridas
pelo autor ou outro membro da equipe
multidisciplinar. Quando uma ilustrao
solicitada pelo professor, o DI deve
encaminhar ao designer grfico um briefing
ou um esboo do projeto, como meio de
evitar discordncias no conceito final da
ilustrao. Se necessrio, recomenda-
se que haja uma conversa com o DG via
e-mail, telefone ou pessoalmente, a fim de
definir os requisitos para o material.
Criar infogrficos: os infogrficos
so uma excelente forma de transmitir
informaes previamente explicadas por
meio de tabelas, quadros e texto. Permitem
combinar esses trs formatos com o
acrscimo de recursos grficos, o que
pode facilitar, em muito, a compreenso
do aluno em relao a uma temtica e
especialmente, no processo de relacionar
diferentes informaes, o que geralmente
mais difcil para o aluno que se encontra
a distncia. O DG responsvel por
desenvolver infogrficos a partir de
material sugerido pelo DI e/ou pelo
autor. O DG tambm responsvel pela
pesquisa e/ou criao de grficos, tabelas,
diagramas, fluxogramas, mapas e demais
recursos visuais. Essas tarefas exigem
mais tempo do que o normal indicado para
a diagramao, podendo o profissional
negociar novos prazos de entrega com a
coordenao.
Criar banners para o Moodle: o DG
responsvel por criar a arte dos banners BANNERS
para o AVEA. Os banners tm sua [ GLOSSRIO ]
dimenso sempre igual a 840 x 60 pixels.
So ilustraes, infogrficos e
Ao criar essa arte, deve-se respeitar a cones grficos.
escala de cores utilizadas na Identidade
Visual do IFSC. Essas cores so o verde
(base hexadecimal: #52982f; base decimal:
Red=82, Green=152, Blue=47), vermelho
(base hexadecimal: #8e1315; base
decimal: Red=142, Green=19, Blue=21) e
cinza (base hexadecimal: #b2b2b2; base
decimal: Red=178, Green=178, Blue=178).
Na sequncia, apresentamos alguns exemplos
de banners utilizados em nossos materiais.
Figura 3 Exemplo de banner utilizado pela equipe de produo de materiais didticos do Cerfead/IFSC
Fonte: Arquivo institucional (2015).
Finalizamos esta unidade de aprendizagem

apresentando as principais atividades
realizadas pelo DG junto equipe de produo
de materiais didticos pelo Cerfead. Na unidade
a seguir, vamos continuar falando sobre as
atividades desenvolvidas por voc, DG, porm
complementamos com informaes sobre
o planejamento e desenvolvimento dessas
atividades.
CAPACITAO
Planejamento e
Desenvolvimento
de Atividades
Nesta unidade de aprendizagem vamos apresentar algumas atividades
relacionadas ao planejamento necessrio que o designer grfico deve fazer
para que as atividades sejam realizadas de forma conjunta com a equipe
multidisciplinar. Alm disso, tambm vamos apresentar algumas orientaes
sobre o desenvolvimento da atividade de diagramao.
Planejamento e
Desenvolvimento
de Atividades
Na primeira unidade de aprendizagem
conhecemos as principais atribuies do DG
junto equipe multidisciplinar, da qual voc
tambm faz parte. Agora vamos apresentar
as principais atividades que voc pode
desenvolver junto a nossa equipe. Esse grupo
do qual agora voc faz parte est envolvido
em uma produo complexa, uma vez que
diversos atores e prazos definem a dinmica
de atividades dessa produo. Dessa forma, a
organizao e planejamento das atividades do
DG so fundamentais para o trabalho individual
e em equipe.
H a necessidade, tambm, de o DG
conhecer o fluxo de produo (Figura 4), FLUXO DE
que ilustra todo o processo realizado pelos PRODUO
profissionais da equipe de produo de [ SAIBA MAIS ]
materiais didticos do Cerfead. Esse fluxo
Para voc ver este fluxo
permite verificar que cada profissional
de modo digital acesse
contribui em etapas especficas da produo <http://ead.ifsc.edu.
e, consequentemente, com toda a equipe. br/MateriaisDidaticos/
Para tanto, o DG deve estar atento aos avisos Producao%20materiais_
da equipe repassados via e-mail e telefone. CERFEAD_site.png>.
Figura 4- Fluxo de produo de materiais didticos Cerfead

Fonte: Silva e Diana (2015).
A partir das 22 etapas apresentadas no fluxo de

produo da Figura 4, o DG pode verificar em
quais delas ele participar de forma efetiva.
Recomendamos ao designer grfico adiantar

as atividades planejadas sempre que isso for
possvel, pois essa ao evita a sobrecarga
de trabalho e os possveis atrasos nos prazos
de entrega do material. uma forma de
preveno que contribui para a diminuio de
contratempos a que toda a equipe de produo
est suscetvel. O DG mantm contato contnuo
com o designer instrucional, que mantm
contato com o autor do material didtico em
produo. O professor conteudista o autor
responsvel pelo material didtico e, assim,
deve enviar os arquivos com o contedo do
livro ao DI, que posteriormente o repassa
ao DG. Mas, antes dessa dinmica, existem
procedimentos que podem ser realizados como
forma de acelerar a cadeia de produo.
Diagramar capa, contra-capa e folha de

rosto, quando informado pela coordenao
de uma nova demanda.
Pesquisar e/ou produzir imagens para
capa, sumrio e consideraes finais,
nos casos em que um material indito
esteja em produo, tanto de um curso
j existente quanto de um novo curso.
Ressaltamos que essas imagens sero
consideradas como figuras-padro para
os projetos desenvolvidos posteriormente
ao projeto inicial.
Pesquisar e/ou produzir imagens
previamente definidas pelo designer
instrucional, que tem em mos um briefing
das ilustraes e o envia ao DG antes de
enviar-lhe o contedo do autor.
Ao receber o arquivo no formato .doc com

o contedo do livro, o DG pode comear o
processo de diagramao, que tem o prazo de
15 a 20 dias, conforme apresentaremos mais
adiante neste guia.
Aps finalizada a diagramao do material, voc,

designer grfico, deve encaminhar o arquivo em
pdf para o DI com cpia para a coordenao.
O pdf deve estar com baixa qualidade, uma
vez que isso facilita a transferncia digital do
documento cujos nicos objetivos so revis-lo
e corrigi-lo.
Este material ser revisado pelo DI, que
poder pedir ajustes equipe de DG antes de
encaminhar o material para o professor. Feitas
as correes e observaes, o DI encaminha
o arquivo ao DG, que realiza os ajustes
necessrios, salva o arquivo novamente em
formato pdf e reenvia ao DI.
possvel que esta operao ocorra mais de uma vez,

portanto, o DG precisa estar atento e disponvel para realizar
os ajustes. Recomenda-se que, nesta etapa, o DG no demore
mais que 24 horas para retornar os e-mails, alm de manter
a coordenao e o DI cientes de que o correio eletrnico foi
recebido e que os ajustes esto sendo realizados.
Recebimento dos arquivos
As datas de recebimento dos arquivos
necessrios para diagramao do material
e sua entrega para impresso e publicao
no AVEA sero indicados no cronograma da
equipe. Em alguns casos, possvel que haja
alteraes nas datas. O DG tem de 15 a 20 dias
para realizar o trabalho de diagramao, 5 a
10 dias para ajustes iniciais e 5 a 7 dias para
os ajustes finais, considerando-se aqui o livro-
didtico. Os arquivos que o DG deve receber
do DI so:
texto completo com indicaes de cones

e imagens (arquivo em editor de textos);
briefing de ilustraes (arquivo em editor
de textos);
figuras em formato .jpg ou .tif, caso o autor
as tenha fornecido.
Assim que o DG souber o nmero de pginas
definitivo para o livro didtico diagramado,
dever pass-lo ao DI, que ir encaminh-lo ao
responsvel por fornecer a ficha catalogrfica.
Ao receber a ficha catalogrfica e os nmeros

do ISBN (um para a verso impressa e outro
para a verso digital), o DG dever gerar o
cdigo de barras que ser inserido no verso da
capa. Para isso, pode utilizar geradores online
gratuitos. Uma plataforma online bastante
utilizada pela equipe o Online Barcode
Generator (http://www.terryburton.co.uk/
barcodewriter/generator/). A Figura 5 ilustra o
passo-a-passo para gerar os cdigos de barra,
a partir do nmero de ISBN.
Figura 5a Etapas para gerar cdigo de barra a partir do nmero ISBN

Fonte: Elaborada pelos autores (2015).
Figura 5b Etapas para gerar cdigo de barra a partir do nmero ISBN

Fechamento e
acompanhamento
Aps realizar os ajustes necessrios para que
o material seja enviado grfica, o DG precisa
fazer o fechamento do arquivo e, se preciso,
acompanhar a produo, ficando disposio
da coordenao para fazer ajustes necessrios
e gerar novos arquivos.
Ressaltamos que o nmero de pginas em um

caderno precisa ser mltiplo de 4 (4, 8, 12, 16,
32...) para haver um melhor aproveitamento na
impresso, o que significa evitar a impresso
de pginas em branco no incio e fim do livro.
Logo, se durante o fechamento do arquivo
houver discordncia quanto a esse quesito,
preciso acrescentar o nmero de pginas
necessrias para que o caderno seja mltiplo
PGINAS de quatro. Ademais, as pginas inseridas
INSERIDAS devem apresentar a informao de que so
[ SAIBA MAIS ] folhas para anotaes referentes s aulas e ao
Para a pgina excedente contedo do material.
inserida ao final do material,
sugerirmos a incluso da O primeiro fechamento dos arquivos consiste
palavra Anotaes e de em gerar uma cpia em .pdf em alta resoluo
linhas preenchendo a folha (tanto da capa como do miolo), com as marcas
de forma que os alunos de corte e sangria (especificaes detalhadas
tenham um espao extra devero aparecer neste ponto) e outra em
para anotaes.
baixa resoluo, que enviada ao autor para
uma conferncia final. No arquivo para a grfica
devem ser inseridas as marcas de corte e
VERSES DE
sangria. Para salvar em .pdf, no Adobe Indesign
SOFTWARE
(verso CS6), siga os seguintes passos: clique
[ LEMBRE-SE ]
em File > Export (Arquivos > Exportar) e
Caso a verso do seu
Indesign seja diferente, escolha a opo Adobe PDF (Print). Durante
converse com a coordenao esse processo de salvamento do arquivo em
para que possamos ter .pdf, uma nova janela com informaes surgir
cuidado na hora de exportar na tela, conforme apresentado na imagem a
os arquivos. seguir (Figura 6).
Figura 6a Janela com solicitao de informaes durante a criao do arquivo em pdf

Figura 6b Janela com solicitao de informaes durante a criao do arquivo em pdf

Este primeiro arquivo dar origem ao boneco,
prottipo do livro, que ser conferido pelo DG
e DI e posteriormente validado. Caso haja a
necessidade de ajust-lo, o DG realizar essa
tarefa e o enviar novamente ao DI. Aps, o DG
deve aguardar a conferncia final para gerar
novo arquivo .pdf em alta resoluo e envi-lo
grfica, para a produo em srie.
Aps a finalizao do processo de produo

do livro, importante arquivar os materiais
produzidos pela equipe. Nesse sentido,
fundamental que o DG salve na rede institucional,
ao final de uma produo, o material em que
trabalhou. Na pasta referente a UC do material
devem ser salvos os seguintes arquivos:
arquivo formato .doc (recebido do DI);

arquivo da capa no formato pdf;
arquivo da verso final enviada para grfica
no formato pdf;
arquivo da verso final para web no
formato pdf;
arquivo aberto da verso final (InDesign);
arquivo aberto da capa (Ilustrator).
No se esquea que durante o processo de

produo de material didtico voc conta com o
apoio de uma equipe multidisciplinar que envolve
coordenao e designer instrucional com os
quais voc estar em contato constante, por isso
no hesite em sanar dvidas.
Check list
Ao finalizar a diagramao do livro didtico,
essencial que seja feita a conferncia detalhada
de alguns itens.
Capa:
Imagem da capa referente ao curso.

Tipo do curso.
Nome do curso.
Ttulo da unidade curricular.
Lombada.
Logomarcas: EaD, IFSC, Publicaes IFSC, MARCAS DO
UAB (para livros UAB), Capes, Ministrio da GOVERNO
Educao e Governo Federal. [ LEMBRE-SE ]
ISBN. H perodos, como eleies,
em que algumas marcas
Pginas iniciais do governo no podem
ser veiculadas em certos
Contracapa (nome do autor, ttulos e ano). materiais. Verifique com
a coordenao mais
Copyright abaixo da ficha catalogrfica e
informaes.
coerente com o tipo de obra.
Ficha Tcnica
Sumrio: ttulos e numerao das pginas

coerentes com o contedo interno.
Sobre a Unidade Curricular.
Miolo
Presena de ttulos e subttulos nas

aberturas das unidades e no cabealho
das pginas.
Unidade curricular, cabealho, rodap,
numerao de pginas, autores, referncias.
Presena dos textos laterais.
Arte visual
Emprego adequado da resoluo das

imagens.
Emprego adequado da escala de cores
das imagens.
Aplicao adequada de identidade visual
(cores, propores, contraste, legibilidade).
Deslocamento ou sobreposio no-
proposital de ilustraes entre si ou com
textos.
Legibilidade adequada entre textos e
ilustraes sobrepostas (com ou sem
transparncia).
Emprego adequado da tipografia exigida.
Emprego adequado do estilo de ttulos,
subttulos, caixas de texto, textos laterais,
cabealho, rodap.
Nesta unidade de aprendizagem apresentamos
as principais orientaes sobre o planejamento
e desenvolvimento da atividade desenvolvida
por voc, DG. Tivemos a oportunidade de
esclarecer e indicar as principais etapas
realizadas na etapa de diagramao do material
didtico. Na unidade a seguir vamos apresentar
as principais orientaes tcnicas sobre o guia
de estilos adotado nos materiais produzidos
pela equipe de produo de materiais didticos
no Cerfead.
CAPACITAO
Guia de Estilos
Nesta unidade de aprendizagem, voc vai conhecer exemplos de como nossos
materiais devem ficar depois de diagramados, apresentando suas principais
caractersticas e especificaes.
Guia de Estilos
Uma vez exposto o desenvolvimento das
principais atividades atribudas a voc, designer
grfico, vamos apresentar na sequncia os
detalhes que envolvem as questes sobre o
estilo do nosso projeto grfico.
Os padres de tipologia, cores e espaamentos

devero ser integralmente seguidos, visando
a preservao do projeto grfico original,
a manuteno de uma identidade visual
nica e a consolidao de uma identidade
para os materiais elaborados pela equipe
multidisciplinar do Cerfead.
O projeto grfico foi desenvolvido para atender
s demandas de livros didticos e segue trs
premissas essenciais.
Manuteno e valorizao, sempre e como

prioridade em todos os recursos didticos
previstos, da identidade visual do IFSC.
Linguagem visual convergente entre os
diversos recursos e mdias utilizadas
(impressa e digital), considerando as
especificidades de cada suporte.
Foco no contedo, independente do
suporte tecnolgico utilizado.
Considerando essas premissas, esse projeto
grfico foi pensado para ser flexvel em
termos de solues grficas. Por essas
razes, recomendamos uma leitura atenta s
explicaes de cada seo, item ou recurso
grfico sugerido e apresentado nesse guia.
So esses elementos que traro dinamicidade
e acabamento para o material didtico e,
portanto, qualidade grfica ao seu trabalho.
Caractersticas bsicas do
projeto grfico
Neste item apresentaremos a voc as
caractersticas bsicas do nosso projeto grfico,
como especificaes tcnicas, layout de
pgina, tipografia, composio monocromtica
e formato.
Especificaes Tcnicas
As especificaes tcnicas necessrias para a
produo grfica e impresso dos livros didticos
elaborados pela nossa equipe de produo de
material didtico composta por seis itens.
Formato aberto: 440 mm x 280 mm +

lombada.
Formato fechado: 220 mm x 280 mm.
Capa: sem orelhas em papel carto triplex,
com laminao FOSCA.
Miolo: papel offset 90 g/m.
Acabamento: lombada quadrada, colada
e costurada.
Capa e miolo: colorido, 4x4 cores CMYK,
sem utilizao de cores pantones.
TEMPLATE
Layout das pginas
[ GLOSSRIO ] importante que voc atente para os
Este arquivo a base para alinhamentos dos elementos grficos e para os
o seu trabalho. Temos um espaos em branco. Utilize a malha de fundo do
modelo para livro - estilo
arquivo template para facilitar os alinhamentos.
de revista - e outro para
guia - estilo A5. Esses Essa malha est dividida em quadrados de 4
modelos esto disponveis mm e todos os espaamentos desse projeto
na rede institucional. Em grfico seguem proporcionalmente essa
caso de dvidas, consulte a medida, veja a malha a seguir ilustrada na
coordenao. Figura 7.
Figura 7 Exemplo de malha dividida em quadrados de 4mm

utilizada para auxiliar no alinhamento
Com o objetivo de atender segunda premissa

apontada anteriormente do projeto grfico,
no so previstas pginas em branco no livro
didtico. Assim, no momento da diagramao
voc deve fazer a editorao considerando
que o nmero de pginas total do livro seja
um nmero mltiplo de 4 para que tal fato no
ocorra, desta forma que a grfica trabalha.
Conforme apontamos anteriormente, se
necessrio voc pode acrescentar uma ou duas
pginas com o ttulo Anotaes no topo da
pgina e acrescentar linhas para a escrita do
aluno de modo que o arquivo sempre feche
sendo mltiplo de quatro.
Deve ser evitado finalizar pginas com grandes

espaos em branco e, quando isso ocorrer,
orienta-se o preenchimento do espao com
algum recurso visual como uma fotografia,
um quadro de destaque, ou outra alternativa
coerente em relao ao conjunto da pgina. Um
exemplo est apresentado na Figura 8, na qual
temos uma fotografia que tem a largura das trs
colunas, mas o diagramador pode definir que
elementos ir utilizar nestes casos.
Figura 8 Exemplo de como preencher espaos excedentes ao

final das pginas dos livros didticos produzidos pelo Cerfead
Tipografia
A famlia tipogrfica Helvetica Neue LT Pro
foi indicada pela equipe de marketing do IFSC
devido a dois fatores: utilizao institucional e
licena que a instituio possui. Assim, deve
ser utilizada, somente e obrigatoriamente,
em todos os livros didticos dos cursos na
modalidade a distncia elaborados pela nossa
equipe multidisciplinar.
Para um trabalho visualmente harmonioso
importante evitar a hifenizao no texto e,
principalmente, nos ttulos.
Composio cromtica
A composio cromtica para elaborarmos
nosso material didtico deve seguir as
especificaes descritas a seguir considerando
se este ser um material impresso ou digital.
Para materiais digitais
Na criao da arte visual de materiais digitais,

como livros digitais, arquivos para web e
vdeos, deve-se respeitar a escala de cores
(RGB) utilizadas na identidade visual do IFSC e
EaD. Essas cores so:
Verde
Base hexadecimal: #52982f;

Base decimal: Red=82,
Green=152, Blue=47;
Vermelho
Base hexadecimal: #8e1315;

Green=19, Blue=21;
Cinza
Base hexadecimal: #b2b2b2;

Green=178, Blue=178.
Para materiais impressos
No desenvolvimento dos materiais impressos,

como os livros didticos, deve-se respeitar a
escala de cores (CMYK) utilizadas na identidade
visual do IFSC. Essas cores so o vermelho,
verde e cinza. As especificaes de cada cor
so as seguintes:
Vermelho
C: 15 M: 100 Y: 90 K: 40
Verde
C: 70 M: 10 Y: 100 K: 10
Cinza
C: 0 M: 0% Y: 0 K: 40
A composio cromtica tambm foi definida

com o objetivo de atender primeira premissa
prevista para o projeto grfico. Assim, devem
ser utilizados nos livros didticos elaborados
pela nossa equipe multidisciplinar de produo
de material didtico o vermelho como cor
primria, o verde, secundria e o cinza, terciria.
importante lembrar que, uma vez diagramada

a publicao, as cores das imagens (que
podem ser coloridas) e dos textos devem estar
no padro CMYK para fechamento de arquivo e
envio para impresso.
Formato
As especificaes do grid deste projeto grfico
esto representadas na sequncia. Essas
observaes devem ser seguidas com o
objetivo de manter um padro entre os livros
didticos produzidos pela nossa equipe do
Cerfead.
O formato adotado para os livros do tipo

revista, com dimenses de 280 mm de
altura por 220 mm de largura.
A malha de fundo quadriculada e
de 4 x 4 mm. Foi criada para auxiliar
nos alinhamentos e assim facilitar a
diagramao. Recomenda-se utiliz-la
principalmente para composio de textos
com imagens, quadros e esquemas.
O grid de trs colunas de 56 mm cada
uma, com um distanciamento de 4 mm
entre elas.
Neste grid de 3 colunas, as duas colunas
internas so utilizadas preferencialmente
para o bloco de texto e a coluna externa
para os recursos de apoio, legendas,
imagens, quadros, esquemas e outros
recursos grficos.
Nas duas colunas nas quais o bloco de
texto ser inserido, recomenda-se que
a diagramao contemple um texto sem
interferncias de outros elementos visuais.
Portanto, recomendamos no utilizar
TEXTWRAP
textwrap e aproveitar o espao da coluna
[ GLOSSRIO ]
externa para inserir tais recursos.
Quebra de texto em torno do
Este projeto grfico prima pela organizao objeto, cria um limite de texto
dos elementos de forma criativa, por em contorno com a forma
isso, ocasionalmente, imagens, quadros, selecionada (mais ou menos
esquemas e outros recursos grficos a distncia de deslocamento
podem ocupar uma, duas ou trs colunas especificada).
desde que componham, com o restante da
pgina, uma combinao harmoniosa.
Acompanhe melhor essa recomendao
nos exemplos apresentados nas pginas
seguintes e no Livro Didtico de Introduo
a Educao a Distncia do Curso de
Especializao em Gesto Pblica do
IFSC, que servem como modelo para
nossos trabalhos.
Depois de apresentar a voc, designer grfico,
as caractersticas essenciais do projeto grfico
adotado na produo de materiais didticos
do Cerfead, vamos conhecer os elementos
essenciais do projeto e que devem ser
trabalhados no momento da diagramao.
Vamos dividir essas orientaes apresentando

inicialmente as informaes da capa e, na
sequncia, as informaes do miolo. Os
exemplos explicativos utilizados aqui so
pginas do livro didtico de Introduo
Educao a Distncia do Curso de
Especializao em Gesto Pblica do IFSC.
O template de diagramao e os exemplos
explicativos devem ser utilizados como
referncia para a diagramao dos livros
didticos, de modo que o padro de cores,
fontes, formatos e recursos grficos sigam
fielmente o projeto grfico proposto.
Em um primeiro momento, antes de dar incio

diagramao devem ser sempre considerados
dois tipos de texto que so utilizados no
material, so eles o texto padro e o texto
para substituir. A seguir descrevemos com
mais detalhes cada um deles.
Textos padro: so textos que nunca

devem ser alterados. Nesse guia, os
apresentamos j diagramados exatamente
como devem estar na verso final do
livro didtico (em relao a contedo,
alinhamento, entrelinha, tipo, tamanho da
fonte e composio cromtica).
Textos para substituir: so textos que
fornecem explicaes sobre os recursos
grficos previstos no projeto, que devem
ser substitudos por um contedo pr-
determinado do livro didtico que voc
ir diagramar. Neste guia (que tambm
considerado um template), esses textos j
esto diagramados exatamente como devem
estar na verso final do livro didtico (em
relao a contedo, alinhamento, entrelinha,
tipo, tamanho da fonte e composio
cromtica), sendo necessrio apenas
substitu-los de acordo com o material que
ir receber do designer instrucional.
Ao longo das orientaes que daremos aqui,
voc encontrar tambm caixas explicativas CAIXAS
com orientaes sobre como voc deve utilizar EXPLICATIVAS
um determinado recurso no livro didtico que [SAIBA MAIS ]
vai diagramar. Leia as caixas explicativas
apresentadas no arquivo
Elementos essenciais do original que voc recebe
do designer instrucional
projeto com ateno, pois elas
podem conter dicas
importantes para sua
Neste item veremos os principais elementos
diagramao. No devem
que compe o nosso projeto grfico, iniciando
aparecer na verso final
com as informaes da capa e, na sequncia, do livro didtico, pois
com as informaes do miolo do material. no fazem parte do projeto
grfico, so apenas para
A capa ajudar voc no seu trabalho
de editorao. Apresentam-
O Cerfead possui vrios cursos e o projeto se em diversos formatos e
posies nas pginas, na cor
grfico o mesmo para todos eles, criando
amarela.
assim uma nica identidade, com exceo da
capa em que se diferencia a imagem de fundo
de acordo com cada curso. Vamos conhecer
melhor esses elementos na sequncia.
Figura 9 Exemplo de Capa dos livros didticos produzidos pelo Cerfead
Os elementos da capa
As capas dos materiais produzidos pelo Cerfead
apresentam seis elementos essenciais. Veja a
seguir a descrio de cada um deles.
Informaes textuais: apresentam o nvel

do curso, que pode ser tcnico, graduao
ou especializao, o nome do curso e o
nome da unidade curricular. Para inserir
essas informaes, basta digitar os textos
mantendo os estilos e alinhamentos no
respectivo arquivo de template da capa.
Grupo de marcas institucionais: contm
obrigatoriamente as seguintes marcas:
Educao a Distncia do IFSC, IFSC,
Universidade Aberta do Brasil, CAPES,
Ministrio da Educao e Governo Federal
e publicao IFSC. Esse conjunto de
marcas padro, no deve ser alterado
e est disponvel na rede institucional.
Fotografia de fundo: fotografia (de uso
livre) que compe o fundo da capa. Todas
as unidades curriculares de um mesmo
curso devem utilizar a mesma imagem
de capa, que identificar, portanto, o
curso. Essa definio, alm de manter
a identidade visual dos livros didticos
elaborados pela equipe, tambm facilita
a produo das capas, pois o nmero
de cursos muito menor que o nmero
de unidades curriculares. Ento, sempre
antes de elaborar uma capa, certifique-se
se para o curso em questo j temos uma
imagem para a capa ou no.
Faixa central: delimita e organiza os
elementos da capa. Sua cor preta, tamanho
e localizao padro em todos os livros
didticos, independente do nvel de ensino,
do curso e/ou da unidade curricular.
IFSC: a marca do IFSC na parte inferior
da capa tem cor, tamanho e localizao
padro em todos os livros didticos e no
deve ser alterada.
Cdigo de barras: o cdigo de barras
gerado a partir do nmero do ISBN e item
obrigatrio em todas as capas.
O miolo
O miolo do nosso livro didtico composto
por: folha de rosto; ficha catalogrfica e
copyright; ficha de crditos; uma seo
de apresentao do material didtico;
um sumrio e uma pgina de abertura de
cada unidade que tem como sequncia o
respectivo contedo da unidade. Por ltimo,
esto as Consideraes Finais, a seo
Sobre os Autores e as referncias. Veja
a seguir a descrio de cada um destes
elementos.
Folha de rosto
Figura 10 Exemplo de Folha de rosto dos livros didticos

produzidos pelo Cerfead
A Figura 10 representa a folha de rosto e uma

pgina obrigatria em todos os livros didticos
do IFSC. Os seguintes detalhes devem ser
observados com ateno:
Na parte superior fica(m) o(s) nome(s) do(s/

as) autor(es/as), alinhado(s) sempre direita.
Na parte central fica uma imagem,
que um recorte da capa e contm o
nvel do curso (tcnico, graduao ou
especializao), o nome do curso, o nome
da unidade curricular e, como imagem de
fundo, a imagem da capa.
Na parte inferior, aparece a marca do
IFSC, o ano da publicao e o nmero de
edio, alinhados direita em relao
imagem central.
Ficha catalogrfica e
Copyright
Nesta pgina so inseridos a ficha catalogrfica
e os dados de direitos autorais (copyright). A
Figura 11 ilustra essa pgina.
Figura 11 - Exemplo de Ficha catalogrfica dos livros didticos

FICHA importante ressaltar que a ficha catalogrfica
CATALOGRFICA tem uma diagramao padro que deve ser
[SAIBA MAIS ] seguida obrigatoriamente.
A ficha catalogrfica
elaborada, a partir do pedido Para os livros didticos, no texto dos direitos
do DI do material, pelo autorais (copyright), a nica alterao em
bibliotecrio da nossa equipe. relao ao ano da publicao, o restante
Portanto, voc sempre texto padro de todos os livros didticos
receber a ficha catalogrfica dos cursos regulares a distncia do IFSC em
do DI. Caso isso no ocorra, parceria com a UAB. Entretanto nos guias
entre em contato solicitando.
de capacitao, por exemplo, o texto de
direitos autorais (copyright) sofre pequenas
alteraes. Fique atento ao material que est
diagramando. Existem projetos tambm que
tm parceria com outras instituies, logo o
copyright tambm sofre alteraes. Em caso
de dvida, consulte a coordenao e/ou o
designer instrucional do material.
Ficha de crditos
Nesta pgina so inseridas duas colunas para
fichas de crditos: uma institucional e outra
tcnica. Essas informaes so referentes
s pessoas envolvidas na produo do livro
didtico em questo. A Figura 12 traz um
exemplo da pgina de Ficha de crditos dos
livros didticos produzidos pela equipe de
produo de materiais didticos do Cerfead.
Instituto Federal de Santa Catarina Ficha Tcnica
[ Reitora ] [ Contedo ]
Maria Clara Kaschny Schneider Andreza Regina Lopes da Silva
Anelise Thaler
[ Pr-Reitora de Ensino ] Elisa Conceio da Silva Rosa
Daniela de Carvalho Carrelas Rafael Martins Alves
Sabrina Bleicher
[ Diretora do Centro de Referncia em
Formao e EaD - Cerfead ]
[ Colaborao ]
Gislene Miotto Catolino Raymundo
[ Chefe do Departamento de Educao a
Distncia ]
[ Design Instrucional ]
Underla Cabreira Corra
Juliana Bordinho Diana
[ Coordenador do Curso Superior de Tecnologia
em Gesto Pblica ]
[ Reviso ]
Giovani Cavalheiro Nogueira
Sandra Beatriz Koelling
[ Coordenadora de Produo de Materiais
Didticos - Cerfead ]
[ Design Grfico ]
Andreza Regina Lopes da Silva
[ Projeto Grfico e Instrucional - Livros
Didticos - Cerfead ] [ Imagens ]
Aline Pimentel Shutterstock
Carla Peres Souza <http://www.shutterstock.com>
Daniela Viviani
Sabrina Bleicher
Figura 12 - Exemplo da Ficha de crditos dos livros didticos produzidos pelo Cerfead
Algumas observaes devem ser feitas com

ateno na diagramao dessa pgina.
O item [ Projeto Grfico e Instrucional

- Livros didticos - Cerfead ] um dos
nicos itens da pgina que no deve
sofrer alteraes, pois fornece os
devidos crditos aos autores do projeto
grfico e instrucional dos livros didticos
elaborados pela equipe de produo de
material didtico, ao qual este projeto
grfico faz parte.
O item [ Fotografias ] s deve ser
mantido se houver, no livro didtico, fotos
de autoria de um profissional que seja
integrante da nossa equipe multidisciplinar.
No permitida a reproduo de imagens
de fotgrafos que no faam parte de
nosso grupo, salvo os casos em que eles
autorizem o uso de suas obras.
No item [ Imagens ] deve estar descrito
o banco de imagens do qual foram
extradas as imagens do livro didtico.
Normalmente utilizamos o Stock.XCHNG
<http://www.sxc.hu/>, contudo se houver
outros sites utilizados, esses tambm
devem ser mencionados nesse item. Nos
livros didticos da modalidade a distncia
elaborados pela equipe multidisciplinar de
produo do material didtico do Cerfead
s so permitidas imagens livres, ou
seja, com cesso de direitos de uso e
reproduo dos autores. Se voc tiver
dvida sobre os direitos de uma imagem,
orientamos que a imagem seja descartada
e seja realizada a busca por uma imagem
livre de direitos autorais.
Apresentao do material
didtico
O texto dessa pgina descreve os objetivos
do IFSC quanto implantao dos cursos
na modalidade de educao a distncia e
as suas possibilidades de crescimento a
partir da utilizao de materiais didticos e
projetos desenvolvidos por uma equipe que
faz parte dessa instituio. O texto padro
em todos os livros didticos e, portanto, no
deve ser alterado. Por outro lado, os textos
dos materiais para capacitao costumam
exigir modificaes textuais. Para esses
casos consulte a coordenao ou o designer
instrucional responsvel pelo material.
A ilustrao de fundo (que deve ser de uso

livre) compe a camada mais interna dessa
pgina e da pgina a seguir. Todas as unidades
curriculares de um mesmo curso devem utilizar
a mesma imagem nessas pginas.
O tamanho e a cor das caixas com

transparncias e das caixas pretas nas laterais,
em ambas as pginas, padro e no deve
ser alterado. Um exemplo de como deve ser
a pgina de apresentao do material didtico
est ilustrado na Figura 13.
Figura 13 - Exemplo da Apresentao do material didtico dos

livros didticos produzidos pelo Cerfead
Sumrio
O sumrio inicia com o nome da unidade
curricular no topo, alinhada direita. Um
exemplo est na Figura 14.
Figura 14 - Exemplo de Sumrio dos livros didticos produzidos

pelo Cerfead
No sumrio, observe que s so inseridos os

ttulos, subttulos no devem aparecer. Os
ttulos no devem ser extensos, mas, caso
sejam, necessrio consultar o designer
instrucional e solicitar ttulos alternativos com
menor quantidade de caracteres. Atualize
sempre o nmero das pginas e faa uma
reviso final para evitar erros.
Apresentao da unidade
curricular
O texto dessa pgina tem como objetivo
apresentar a unidade curricular que o aluno
ir estudar. A Figura 15 traz um exemplo de
como deve ficar a pgina de Apresentao da
Unidade Curricular.
Figura 15 - Exemplo da Apresentao da Unidade Curricular

dos livros didticos produzidos pelo Cerfead
O texto dessa pgina tem como objetivo

apresentar a unidade curricular que o aluno
ir estudar e possui entre 150 a 200 palavras
para que no ultrapasse o limite de uma
pgina. Caso voc receba um texto com mais
de 250 palavras, converse com o designer
instrucional responsvel pelo livro e solicite
um ajuste no texto.
Abertura da unidade
Figura 16 - Exemplo da Abertura da Unidade dos livros

didticos produzidos pelo Cerfead
Nesta pgina de abertura, todos os elementos

textuais devem estar representados pela cor
branca e o plano de fundo, pela cor vermelha
(C: 15, M: 100, Y: 90, K: 40), conforme
apresenta a Figura 16.
No topo desta pgina devem estar descritos

o nome da unidade curricular e o nmero da
unidade que ser iniciada. Logo abaixo devem
estar os nomes dos autores responsveis pelo
contedo da respectiva unidade. As caixas
de textos devem estar alinhadas direita e
posicionadas na lateral da margem direita da
pgina e prximo margem superior da pgina.
Na parte inferior desta pgina aparecem o ttulo
da unidade e o respectivo texto de apresentao
que devem ocupar somente e obrigatoriamente
duas colunas, que so aquelas especificadas
no grid deste manual.
As caixas de textos da parte inferior devem

estar alinhadas esquerda e posicionadas
na lateral da margem esquerda e prximo
margem inferior da pgina.
O texto de apresentao da unidade, que

introduz o contedo exposto no material, deve
conter de 50 a 100 palavras. Caso voc receba
um texto com mais de 150 palavras, solicite
os devidos ajustes ao designer instrucional
responsvel pelo material.
Incio da unidade
Figura 17 - Exemplo de Incio da Unidade dos livros didticos

No incio de cada unidade curricular temos
uma organizao composta por trs principais
elementos:
Imagem ilustrativa inicial: deve ter relao

com o tema da unidade e ser um recurso
visual atraente, de modo a despertar a
ateno e curiosidade do aluno para o
contedo abordado.
Ttulo da Unidade de Aprendizagem:
deve ser inserido abaixo da imagem
ilustrativa, com um espaamento de 8 mm.
O ttulo da unidade, nessa pgina, deve
ocupar sempre duas colunas e apresentar
a variao bold, que deve destacar a(s)
palavra(s) mais importante(s) do ttulo.
Texto da unidade de aprendizagem: deve
ser inserido logo abaixo do ttulo com um
espaamento de 8 mm e deve ocupar duas
colunas, de acordo com as especificaes
da grid deste manual.
A imagem utilizada pode ser sugerida pelo

autor ou pelo designer instrucional. Nesse
caso, verifique sempre os direitos autorais (a
imagem deve ser livre) e a resoluo (a imagem
deve ter boa qualidade para impresso). Se um
desses quesitos no for satisfatrio, substitua a
imagem, seguindo as orientaes de qualidade
da imagem que apresentamos no incio deste
guia.
Caixas de destaque
Figura 18 - Exemplo de Caixa de Destaque dos livros didticos

As caixas de destaque so utilizadas para

apresentar os textos mais extensos e que
ultrapassam as margens laterais. Elas
representam uma informao independente,
mas que mantenha relao com o texto sem
ser sequencial a ele. As caixas de destaque
podem ser o trecho de um artigo, texto breve
na ntegra, depoimento, reportagem ou outro,
e podem se estender at, no mximo, uma
pgina, conforme ilustra a Figura 18.
Esses recursos podem adquirir diversos

formatos e um deles apresentado
nesta pgina. Contudo, independente
do formato, todas as caixas de destaque
devem conter um texto com o contedo
e recursos de delimitao que podem ser
caixas, linhas ou colchetes, sendo esse
ltimo utilizado no exemplo desta pgina.
Para ver outros exemplos, consulte o
livro didtico de Introduo Educao a
Distncia do Curso de Especializao em
Gesto Pblica do IFSC.
Numerao das pginas

O nmero das pginas exibido sempre e
somente nas pginas mpares, contm o ttulo
da unidade em estudo e o nmero da pgina
separados por uma linha vertical, e esto na
cor vermelha padronizada pela identidade
visual do IFSC. A Figura 19 ilustra como deve
ser a arte final da numerao das pginas.
As Inovaes e o Futuro 107
Figura 19 - Exemplo da numerao das pginas dos livros didticos

Texto
O texto deve preferencialmente ocupar duas
colunas e seguir o estilo definido como texto
base que prev o grid em 3 colunas.
Figura 20 - Exemplo da organizao do texto nos livros didticos

Listas
Caso necessite, voc pode usar listas com letras
(a, b, c...) ou bullets. Listas com muito texto
devem ser justificadas. Listas com pouco texto
devem ser alinhadas esquerda, conforme o
estilo definido como Listas_bullets.
Estilos de pargrafos
Caso tenha dvidas sobre como deve ser
um determinado texto, procure em Estilos
de pargrafos, no nosso template. Nesse
documento, temos os estilos pr-definidos que
esto prontos para serem aplicados.
Uso de fotografia e
imagens
No momento de escolher fotografias, utilize [ Quando a imagem for
aquelas com direito autoral livre, seguindo a retirada de algum livro,
proposta dos links indicados no incio deste guia. de acervo do autor ou
adaptada de algum outro
Qualquer tipo de recurso visual, como lugar tambm obrigatria
fotografias e infogrficos, pode ser produzido a indicao de fonte. ]
pelo prprio autor.
As imagens s sero utilizadas no livro impresso
final se tiverem resoluo satisfatria. Caso
contrrio, devem ser substitudas por imagens
similares ou redesenhadas.
Quadros e Tabelas
Os quadros e as tabelas so essenciais para
a organizao e/ou explicao de alguns
assuntos. Esses recursos devem ser produzidos
de modo que sejam sempre infogrficos
pequenos ou simplificados. essencial que
sejam desenvolvidos em acordo com o restante
da diagramao da pgina. A fonte dos quadros
e tabelas so indispensveis, assim como das
figuras, e devem sempre ser mencionadas,
estando posicionadas esquerda da pgina.
Veja o exemplo de um quadro na Figura 21.
Fim do perodo
Crise do Estado Consequncias
desenvolvimentista
Crises do petrleo; Disfunes da interveno Ingovernabilidade, as respostas
Crise de liquidez; estatal na garantia do (aes) que o Estado coloca em
Instabilidade do mercado bem-estar e da estabilidade prtica no atendem mais de
financeiro internacional; econmica; forma adequada as demandas
Novos requisitos de Disfunes burocrticas. sociais; Busca de solues geren-
integrao competitiva da ciais adaptadas s caractersticas
globalizao. e necessidades do Estado.
Quadro 8: Contexto de crise e onda global de reformas

Fonte: Adaptado de Linhares (2015).
Nesse perodo, com o fim do perodo desenvolvimentista, com a crise do

papel do Estado e consequentemente com a ingovernabilidade, h uma
busca por novas formas de gesto que pudessem dar conta desse novo
contexto complexo e conturbado.
Figura 21- Exemplo de aplicao de quadro e tabela dos livros

Infogrficos
O uso de infogrficos previsto como um
recurso deste projeto grfico em casos nos
quais seja observada a necessidade de trabalhar
o contedo de uma forma mais dinmica e
atrativa.
Recomendamos utilizar esse recurso quando o
texto apresentar:
listas longas;
tabelas e quadros em excesso;
dados estatsticos;
sequncias de tpicos;
dificuldade de hierarquias nos textos.
Lembre-se de sempre utilizar nos infogrficos

as cores e a tipografia padro do projeto,
conforme o realizado no exemplo desta pgina,
exposto na Figura 22.
Figura 22 - Exemplo do uso de infogrficos dos livros didticos produzidos pelo Cerfead
Observe neste exemplo que, alm da cor

vermelha padro e respectivas variaes de
saturao, tambm foram utilizadas as cores
verde e cinza e suas variaes de saturao.
Essas cores, adotadas institucionalmente
no IFSC, podem ser utilizadas para compor
infogrficos.
Pginas diagramadas com
diferentes recursos
Todos os recursos de uma pgina podem
ser propostos pelo designer instrucional,
pelo professor da unidade curricular ou
mesmo pelo designer grfico que, no
momento da diagramao, pode combinar
diferentes recursos em composies como as
apresentadas nestas pginas de exemplo.
Observe que, algumas vezes, os recursos no

seguem rigorosamente o grid inicial, como
o caso da Figura 22, em que so possveis
pequenas variaes. Contudo, observe tambm
que a linguagem grfica do livro mantida para
que a continuidade do contedo seja evidente
para o aluno. Evite exageros. Utilize esses
recursos com moderao cuidando para no
fugir do padro estabelecido no projeto grfico.
Para ver outros exemplos, consulte o livro
didtico de Introduo Educao a Distncia
do Curso de Especializao em Gesto Pblica
do IFSC.
Consideraes finais
As consideraes finais do incio ao que
chamamos de pginas finais do livro didtico.
, como o nome diz, a parte final que encerra
o contedo de um livro didtico e deve estar
organizada em at uma pgina contendo entre
150 e 250 palavras. Caso necessrio, converse
com o DI para ajuste. Como exemplo, temos a
Figura 23.
23.
Figura 23 Exemplo de Consideraes Finais dos livros
A fotografia de fundo (que deve ser de uso

livre) deve ser a mesma utilizada nas sees
de pgina de apresentao do material
didtico e pgina de sumrio, lembrando
que todas as unidades curriculares de um
mesmo curso devem utilizar a mesma imagem
nessa pgina.
O tamanho e a cor das caixas com

transparncias e das caixas pretas nas
laterais um padro do projeto grfico e no
deve ser alterado.
Sobre os autores
Essa pgina composta por um ttulo que
padro e no deve ser modificado, seguido pelo
nome do autor, que aparece entre colchetes na
cor vermelha padro e por um breve texto que
descreve o histrico profissional do professor
autor (estilo minicurrculo). Pode acontecer de
o livro ter mais de uma autoria e, nesse caso,
todos devem ser includos, porm organizados
de modo a no ultrapassar uma pgina,
conforme ilustrado na Figura 24.
Sobre os autores
[ Andreza Regina Lopes da Silva ]

Doutoranda e mestra em Engenharia e Gesto do Conhecimento pela
Universidade Federal de Santa Catarina (UFSC). Administradora pela
UFSC. Especialista em EaD pelo SENAC. Experincia na rea de Educao
com nfase em educao a distncia. Atualmente pesquisadora CNPq/
UFSC, coordenadora de materiais Cerfead/IFSC e autora de captulos de
livros e artigos cientficos.
[ Anelise Thaler ]
Graduada em Design Grfico pela Universidade do Estado de Santa
Catarina (UDESC) e mestre em Engenharia e Gesto do Conhecimento
pela UFSC. Atualmente doutoranda no Programa de Ps-graduao
em Design da UFSC. Tem experincia na rea de Artes, com nfase em
concepo de projetos digitais e impressos de design grfico.
Figura 24 Exemplo de Sobre os Autores dos livros didticos produzidos pelo Cerfead
Referncias
Essa pgina composta por um ttulo que
padro e no deve ser modificado. Nela so
apresentadas as referncias do livro didtico
que devem descrever as obras completas dos
autores citados durante o texto.
Por padro, todas as referncias devem estar

adequadas segundo normatizao da ABNT,
assim como os exemplos apresentados na
Figura 25.
Referncias
ARAUJO, Vinicius de Carvalho. A conceituao de governabilidade e governana, da sua

relao entre si e com o conjunto de reforma do estado e do seu aparelho. Braslia, DF:
ENAP. Texto para discusso 45. Maro/2002.
BATISTA JUNIOR, Paulo Nogueira (Org). Paulo Nogueira Batista: pensando o Brasil: ensaios e
palestras. Braslia: Fundao Alexandre de Gusmo, 2009.
BENH, Robert D. Measurement is Rarely Enough. Public Management Report: V. 5, N 9, May

2008.
BIELSCHOWISKY, R. Formao econmica do Brasil: uma obra-prima do estruturalismo

cepalino. In: DE ARAJO Tarcisio Patricio; VIANNA, Salvador Teixeira Werneck; MACAMBIRA,
Jnior. (Org.). 50 anos de Formao Econmica do Brasil: ensaios sobre a obra clssica de
Celso Furtado.Rio de Janeiro: Ipea, 2009. 290 p.
BOAR, Bernard. The art of strategic planning for information technology. New York: John
Wiley & Sons, 1993.
BOEIRA, Srgio Lus. Ecologia poltica: Guerreiro Ramos e Fritjof Capra. Ambient. soc.
[online]. n.10, pp. 85-105. ISSN 1809-4422, 2002.
BOURDIEU, Pierre. O Poder Simblico. Traduo Fernando Tomas. 12. ed.Rio de Janeiro:
Bertrand Brasil, 2009.
Figura 25 Exemplo de Referncias dos livros didticos produzidos pelo Cerfead

Nesta unidade vimos as caractersticas bsicas
e os elementos essenciais do projeto grfico.
Apresentamos os diversos detalhes que devem
ser sempre levados em considerao no
momento da diagramao, por isso releia este
guia quantas vezes considerar necessrio e
consulte-o sempre, alm de poder contar com
a equipe multidisciplinar atuante na produo
de materiais do Cerfead.
Consideraes
Finais
Chegamos ao fim deste guia que tem como
objetivo apresentar as principais orientaes
relacionadas diagramao de um livro
didtico. Afinal, sabemos que essa uma tarefa
que contempla diversas variveis e que exige
alm de titulao e experincia, sensibilidade,
capacidade de organizao e senso esttico.
Acreditamos que qualquer projeto grfico, fcil
ou complexo, conta com essas caractersticas
para que o resultado seja satisfatrio aos olhos
daquele que l e compreende melhor um
contedo simplesmente porque as informaes
podem ser percebidas de modo claro e objetivo.
Assim sendo, relembramos a importncia de que

sejam seguidos os padres de tipologia, cores
e espaamentos, pois so esses elementos que
levaro preservao do projeto grfico original
e, por conseguinte, manuteno e consolidao
de uma identidade visual nica para os materiais
produzidos para EaD pelo Cerfead/IFSC.
Ao fazer e promover o design grfico,

acreditamos nas vantagens do trabalho
colaborativo que resulta em inovao e
melhoria das prticas comuns e acreditamos
tambm no valor do comprometimento em
trazer bons resultados ao nosso pblico-alvo.
Com isso em mente, desejamos a voc um

bom trabalho!
Equipe de Produo de Materiais Didticos

Sobre os autores
[ Andreza Regina Lopes da Silva ]
Doutoranda e mestra em Engenharia e Gesto do Conhecimento pela
Universidade Federal de Santa Catarina (UFSC). Administradora pela
UFSC. Especialista em EaD pelo SENAC. Experincia na rea de Educao
com nfase em educao a distncia. Atualmente pesquisadora CNPq/
UFSC, coordenadora de materiais Cerfead/IFSC e autora de captulos de
livros e artigos cientficos.
[ Anelise Thaler ]
Graduada em Design Grfico pela Universidade do Estado de Santa
Catarina (UDESC) e mestre em Engenharia e Gesto do Conhecimento
pela UFSC. Atualmente doutoranda no Programa de Ps-graduao
em Design da UFSC. Tem experincia na rea de Artes, com nfase em
concepo de projetos digitais e impressos de design grfico.
[ Elisa Conceio da Silva Rosa ]

Doutoranda em Design pela UFSC na linha de pesquisa de Gesto do
Design, mestre em Tecnologia pela Universidade Tecnolgica Federal do
Paran (UTFPR) e graduada em Design pela Universidade da Regio de
Joinville (UNIVILLE) com habilitao em Programao Visual.
[ Rafael Martins Alves ]

Graduado em Design, com habilitao em Programao Visual e Projeto
de Produto, pela UDESC e mestrado em Jornalismo, na rea de Infografia,
pela UFSC.
[ Sabrina Bleicher ]
Doutora na rea de Mdias do Conhecimento do Programa de Ps-
graduao em Engenharia e Gesto do Conhecimento (EGC/UFSC)
e professora colaboradora do Centro de Educao a Distncia da
Universidade do Estado de Santa Catarina (CEAD/UDESC). Mestre em
Design, com foco em Estudos Editoriais, pela Universidade de Aveiro, em
Portugal, possui graduao em Design pela UFSC. Tem experincia na
rea de design grfico e instrucional, atuando principalmente com design
editorial, EaD e integrao entre mdias impressa e digital.
Referncias
ASSOCIAO DOS DESIGNERS GRFICOS (Brasil). ABC da ADG:
glossrio de termos e verbetes utilizados em design grfico. So Paulo:
ADG, 2000.
FILATRO, Andrea. Design instrucional na prtica. So Paulo: Pearson

Education do Brasil, 2008.
LANDIM, Claudia Maria das Mercs Paes Ferreira. Educao

a distncia: algumas consideraes. Rio de Janeiro: Autores
Associados, 1997
PANDINI, Carmen Maria Cipriani; ROSA, Elisa Conceio da Silva;

RAFFAGHELLI, Juliana; BLEICHER, Sabrina. Produo de material
didtico para a educao a distncia: caderno pedaggico. 1. ed.
Florianpolis: UDESC: CEAD, 2014.
SILVA, Andreza Regina Lopes da; DIANA, Juliana Bordinho. Banner

Produo de materiais didticos Cerfead. Projeto grfico: Anelise
Thaler. Florianpolis: Cerfead, 2015.
SILVA, Andreza Regina Lopes da; DIANA, Juliana Bordinho.

RAYMUNDO, Gislene Miotto Catolino. Gesto na produo de
materiais didticos para EaD: um estudo de caso Cerfead/IFSC.
21 Congresso internacional ABED de Educao a Distncia, Bento
Gonalves, RS, 2015.
THOM, Z. (Org.). Guia de Referncia para Produo Grfica de

Material Didtico em Educao a Distncia. Pr-reitoria de Ensino de
Graduao / Centro de Educao Distncia. Manaus: EDUA, 2007.

V6 Guia DG Ebook

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

V6 Guia DG Ebook

Uploaded by

Copyright:

Available Formats

Andreza Regina Lopes da Silva

Guia do designer grfico / Andreza Regina Lopes da Silva...

1. Designers. 2. Artes grficas. I. Silva, Andreza Regina

Ficha catalogrfica elaborada por: Gizelle Freitas Bibliotecria CRB14/792

[ Chefe do Departamento de Educao a [ Design Instrucional ]

Os materiais didticos desenvolvidos para a EaD so

Esperamos que as informaes contidas nele

Boa leitura e sucesso!

Equipe de Produo de Materiais

Nossos materiais seguem um projeto grfico

Boa leitura e sucesso!

Equipe de Produo de Materiais Didticos

Professor Responsvel pela elaborao do contedo base para a unidade

Designer Responsvel pela adequao do material quanto linguagem

Designer Grfico Responsvel pela diagramao do livro didtico e outras

Revisor Realiza a leitura do material com o propsito de revisar ortografia,

Bibliotecrio Realiza o registro do material elaborando a ficha catalogrfica e

Apoio logstico Oferece apoio quanto organizao e distribuio do material ao

Quadro 1. Principais atividades da equipe de produo de materiais Cerfead/IFSC

Para completar nossa equipe contamos ainda

importante que voc, DG, fique atento ao

O DG um profissional que contribui para

Ser designer grfico em uma equipe

As funes do designer grfico so diagramar e

Dentre as principais atividades realizadas pelo

Nem todos os sites esto em portugus e,

importante esclarecer que os professores

Figura 2 - Imagem livre de direitos autorais sugerida pelo DG

Nos casos em que as sugestes de imagens

Existem momentos que tanto o professor

Fotografar: outro recurso que o DG poder

Finalizamos esta unidade de aprendizagem

Figura 4- Fluxo de produo de materiais didticos Cerfead

A partir das 22 etapas apresentadas no fluxo de

Recomendamos ao designer grfico adiantar

Diagramar capa, contra-capa e folha de

Ao receber o arquivo no formato .doc com

Aps finalizada a diagramao do material, voc,

possvel que esta operao ocorra mais de uma vez,

texto completo com indicaes de cones

Ao receber a ficha catalogrfica e os nmeros

Figura 5a Etapas para gerar cdigo de barra a partir do nmero ISBN

Figura 5b Etapas para gerar cdigo de barra a partir do nmero ISBN

Ressaltamos que o nmero de pginas em um

Figura 6a Janela com solicitao de informaes durante a criao do arquivo em pdf

Figura 6b Janela com solicitao de informaes durante a criao do arquivo em pdf

Aps a finalizao do processo de produo

arquivo formato .doc (recebido do DI);

No se esquea que durante o processo de

Imagem da capa referente ao curso.

Sumrio: ttulos e numerao das pginas

Presena de ttulos e subttulos nas

Emprego adequado da resoluo das

Os padres de tipologia, cores e espaamentos

Manuteno e valorizao, sempre e como

Formato aberto: 440 mm x 280 mm +

Figura 7 Exemplo de malha dividida em quadrados de 4mm

Com o objetivo de atender segunda premissa

Deve ser evitado finalizar pginas com grandes

Figura 8 Exemplo de como preencher espaos excedentes ao

Para materiais digitais

Na criao da arte visual de materiais digitais,

Base hexadecimal: #52982f;