CAIXA

Letras Capitulares: Primeira letra do primeiro parágrafo do bloco de texto.

Letra em tamanho e forma diferenciada da tipologia do bloco do texto, mas que é
usada no início do bloco do texto como elemento ornamental.

LETRA CAPITULAR

Miniaturas ou Clip-art: Pequenas ilustrações usadas para marcar o início das

seções ou das matérias. São usadas como elemento de identidade visual da
publicação ou identificação de conteúdo de matérias.
 FORMA E CONFORTO VISUAL

A noção de conforto visual é muito intuitiva. Porém o diagramador precisa

aprender a usar na prática o conforto visual como ferramenta para conquistar e manter
seus leitores.

➢ A página deve se apresentar harmoniosa para o olhar do leitor.

Forma harmoniosa: é o resultado da disposição bem proporcionada dos textos
e imagens na página. Boa forma é sinônimo de harmonia e seu resultado é o conforto
visual.

➢ Uma diagramação desequilibrada pode levar o leitor a abandonar a leitura.

➢ É essencial que o diagramador aprenda a construir o conforto visual.

➢ Os instrumentos que o diagramador dispõe para obter um resultado

harmonioso são:
✓ O correto alinhamento dos elementos gráficos.
✓ A escolha correta entre simetria ou assimetria.
✓ O correto balanceamento dos contrastes entre os elementos gráficos.

CONTIGUIDADE E ALINHAMENTO

✓ O diagramador deve manter agrupados os elementos gráficos com afinidade

temática.
✓ O diagramador deve manter próximas as imagens e as partes do texto que se
relacionam entre si.
✓ Dessa forma, o diagramador contribui para a leitura mais confortável e ajuda a
compreensão dos conteúdos pelo leitor.
Contiguidade: é a proximidade imediata entre conteúdos semelhantes de
elementos gráficos.
 Na prática do trabalho do diagramador a contiguidade é o critério pelo qual ele
agrupa e alinha os elementos gráficos na página.

Alinhamento: é o aspecto técnico da contiguidade. É por meio do correto

alinhamento que o diagramador mantém graficamente a contiguidade entre os
conteúdos dos elementos gráficos.

CONTIGUIDADE ENTRE IMAGEM E TEXTO E ALINHAMENTO

http://drdsigners.blogspot.com.br
 SIMETRIA, ASSIMETRIA E CONTRASTE

Simetria: é a solução de diagramação na qual os eixos de orientação dividem

a página em campos visuais equitativos.

A orientação dos eixos de simetria determinará a posição dos elementos

gráficos na página.
A simetria exige que para cada elemento gráfico colocado de um dos campos
seja equilibrado por elementos gráficos em outros campos.
Culturas antigas e clássicas a ideia de beleza e harmonia associada à ideia de
simetria.
Há diversas possibilidades de diagramação simétrica como mostram as
imagens abaixo:
ARTE ESCANDINAVA DA IDADE MÉDIA

FONTE: Metropolitan Museum de Nova York.

Assimetria: é a solução de diagramação no qual os eixos de orientação na
página determinam campos visuais desiguais.
 A variação da disposição dos campos visuais ou dos elementos gráficos é
harmonizada pelo uso dos espaços em branco como elemento complementar aos
próprios elementos gráficos.
A assimetria como princípio de composição foi assimilada na arte e no design
ocidental somente no século XX.

TATAME JAPONÊS E QUADRO NEOPLASTICISTA

Fonte: HURLBURT, A. Layout: o design da página impressa, 2010.

DIAGRAMAÇÃO ASSIMÉTRICA INSPIRADA NA ARTE NEOPLASTICISTA

<http://www.destijl.xpg.com.br/design.htm>.
Contrastes: é uma categoria visual que diferencia cada elemento gráfico de
outro elemento gráfico pelo tamanho (altura, largura, espessura.) e pela cor e pelo tom
de cor.
As escolhas e disposição dos tamanhos e das cores determinam a harmonia
da diagramação.
A harmonia pode ser obtida tanto por diagramações simétricas quanto
assimétricas.
CONTRASTE POR TAMANHO E COR
FONTE: HURLBURT, A. Layout: o design da página impressa, 2010.

EXEMPLO DE APLICAÇÃO DO PRINCÍPIO DE CONTRASTE

<http://www.behance.net/gallery/ContrasteMagazine/1516711>.

Vamos conhecer os tipos de publicação e a diagramação típica de cada uma:

➢ Publicações científicas e acadêmicas têm sua formatação e a relação entre
imagem e texto normatizada pela Associação Brasileira de Normas Técnicas – ABNT.
O diagramador deve consultar as normas NBR 14724 e NBR 6022.

IMAGEM DIGITAL DE FORMATAÇÃO ABNT

http://www.trabalhosabnt.com/regras-normas-abnt-formatacao

➢ Nos catálogos técnicos as imagens são técnicas e os textos estão linearmente

alinhados com as imagens.

IMAGEM DIGITAL DE CATÁLOGO

SHIMID, M. Comunicação e informação no design de catálogos técnicos, 2006

➢ Livros e apostilas didáticas. Nesses as imagens estão subordinadas ao texto.

As imagens servem para esclarecer o texto. Observa-se a adequação às faixas etárias
e às etapas de aprendizagem.
 IMAGEM DIGITAL DE PÁGINA DE LIVRO DIDÁTICO.

FONTE: Apostila de química. Curso pré-vestibular Anglo, 2010.

Se você quer trabalhar na diagramação de livros didáticos leia o artigo:

Legibilidade visual e projeto gráfico na avaliação de livros didáticos pelo PNLD

➢ Publicações destinadas ao público infanto-juvenil tendem a privilegiar as

imagens em relação ao texto. Em geral as imagens ocupam mais espaço que o texto.

IMAGEM DIGITAL DE PUBLICAÇÕES INFANTO-JUVENIS

 https://www.google.com.br

➢ Publicações periódicas (jornais, revistas etc.). A relação entre imagem e texto

é determinada pelo tipo de conteúdo e pelo tipo de público que ela quer atingir.

IMAGEM DIGITAL DE DIVERSOS PERIÓDICOS

https://www.google.com.br
➢ Anúncios publicitários e similares. A relação entre texto e imagem é livre, porém
subordinada à necessidade de seduzir o leitor.