Esta oficina foi realizada com estudantes do ensino médio integrado em administração do IFBA Campus Juazeiro. O software utilizado para a confecção dos projetos foi o Libre Office Impress.

1. DIAGRAMAÇÃO
Conceitos Básicos
Heraldo Gonçalves Lima Junior.

2. Objetivos

Proporcionar um visual mais
agradável;

Guiar a leitura;

Destacar determinados
pontos e opiniões.

O texto é o ingrediente principal de
uma boa matéria, livro, revista,
cartilha, relatório anual, mas, muitas
vezes, apenas ele não basta para
prender o leitor e fazer que o mesmo
não pare antes do fnal do seu
conteúdo.
Fonte: Agência Carcará (http://agenciacarcara.com.br/blog/importancia-de-uma-boa-diagramacao-para-sua-publicacao/)

3. Fonte: Agência Carcará (http://agenciacarcara.com.br/blog/importancia-de-uma-boa-diagramacao-para-sua-publicacao/)

4. Fonte: Shirley Araújo
(https://shirleydesigner.wordpress.com/category/diagramacao/)

5. Conceitos Básicos
A diagramação segue três características básicas:

Texto em colunas, o
que facilita muito a
leitura nos casos de
um espaço muito
grande;
1

Pesos diferenciados
entre títulos,
subtítulos e textos;
2

Alinhamentos:
centralização,
justifcação, à direita
ou à esquerda.
3

6. Fonte: Printi (https://www.printi.com.br/blog/8-dicas-para-uma-diagramacao-eficiente)

7. Fonte: Mestre Cuca Digital
(http://www.mestrecucadigital.com.br/?portfolio=diagramacao-de-jornal)

8. Fonte: Printi (https://www.printi.com.br/blog/precisa-diagramar-seu-catalogo-confira-essas-dicas)

9. Alinhamento

Usar Grids;

Elementos desalinhados causam impressão de instabilidade e
geram confito visual desagradável.
Fonte: Printi (https://www.printi.com.br/blog/precisa-diagramar-seu-catalogo-confira-essas-dicas)

10. Contraste
Fonte: Wix (https://pt.wix.com/blog/2015/04/segredos-web-design-cores-dos-textos/)

Use o contraste
para criar um
ponto focal.

Se dois itens não
forem exatamente
os mesmos,
diferencie-os
completamente.

A maneira mais fácil de trabalhar contraste é através de fontes.

11. Tipografia
Fonte: Cultura Mix
(http://tecnologia.culturamix.com/internet/elementos-basicos-do-design-e-diagramacao)
TÍTULO- COCOGOOSE
SUBTÍTULO - Moon Flower
Parágrafo – Open Sans

12. Repetição
A repetição de elementos visuais (formas, linhas, fontes de
títulos) é o fator que dá consistência a uma peça de design.
Fonte: Flávia Amaral (https://flaviaamaraldg.wordpress.com/2012/06/26/333/)

13. Proximidade

Ítens relacionados entre si
devem ser agrupados.

A ocupação ordenada da
página permite espaços
livres para o texto “respirar”;
Fonte: IFBA Campus Juazeiro.

14. Aspectos psicológicos e
sociais

Saber que tipo de imagem e mensagem se adéqua aos
padrões do seu público e o que deve ser evitado.
Fonte: Tottem (http://tottem.com.br/site/design-grafico/)
Fonte: Miolo (http://nomiolo.blogspot.com.br/)

15. Bora praticar?
Antes de iniciar defna os itens abaixo:
1. Escolha 4 cores que serão utilizadas no seu projeto.
(Lembre-se do contraste).
Dica: https://fatuicolors.com/
2. Escolha 3 fontes para o seu projeto e defna a
hierarquia.

16. 3. Pesquise imagens que se relacionem com o tema do
seu projeto.
4. Divida o seu conteúdo em grupos/categorias/temas.

17. Agora sim.
Abram o Libre Ofce Impress.

18. Referências

Diagramação - conceitos básicos. Meios Impressos. Disponível em <
http://meiosimpressos.blogspot.com.br/2007/08/diagramao-conceitos-bsicos
.html
> Acesso em 06/03/2017.

Elementos Básicos do Design e Diagramação. Cultura Mix. <
http://tecnologia.culturamix.com/internet/elementos-basicos-do-design-e-di
agramacao
>. Acesso em 06/03/2017.