Construção Visual

Disciplina: Arte Digital

Prof. Marcio A. Fernandes Duarte

ETEC Devisate / Bicudo

2010
 O Desenho

CONCEITO = FORMA X CONTEÚDO

 Fases do desenho
 Delimitar a zona do desenho final na
superfície de suporte;
 Decompor as formas pretendidas em volumes
elementares e contornos principais
(idealmente, geométricos);
 Representar a linha muito leve os contornos e
volumes elementares:
 Definir eixos de simetria e contornos principais;
 Transportar proporções dos detalhes.
 Fases do desenho
 Acrescentar detalhes da forma com o
apoio das linhas de eixo e de outros
volumes e formas elementares, que
sirvam de referência para acertar as
proporções;
 Definir linhas e contornos e seções
auxiliares para melhor entendimento da
evolução de cada seção;
 Fases do desenho
 Reforçar traços principais. Realçar linhas mais
corretas. Eventualmente, desenhar por cima,
em nova folha se o desenho está
sobrecarregado;
 Definir a direção da luz, zonas de luz e
sombra:
 Tracejar zonas mais escuras, com linhas paralelas;
 Definir projeção de sombras;
 Definir o contorno das manchas de luz e sombra
 Fases do desenho
 Definição de manchas de pintura:
 Primeiro as zonas mais escuras, depois as zonas mais
claras;
 Primeiro os marcadores nas zonas de maior contraste,
depois o pastel, nas zonas mais esfumaçadas.
 Definir contornos:
 Utilizar lápis para definir áreas de transição de maior ou
menos contraste
 Acabamentos (retirar excessos, ajustar
detalhes, etc)
Linhas e volumes básicos
Composição: Formas básicas
Traçando objetos simples
Redes e guias
 Organização Espacial
 Para desenvolver uma boa composição visual
é necessário saber direcionar os olhos de
quem esta vendo...
para pontos importantes do seu layout.

 Este direcionamento deve ser consciente e

planejado, saber equilibrar e dar movimento
à composição serão os principais objetivos do
designer.
 Zonas de
visualização
em uma
página
QuickTime™ and a
decompressor
are needed to see this picture.

1. Zona Primária
2. Zona Secundária
3. Zona Morta
4. Zona Morta
5. Centro Óptico
6. Centro Geométrico
 QuickTime™ and a
decompressor
are needed to see this picture.
 QuickTime™ and a
decompressor
are needed to see this picture.
 Equilíbrio
 É um elemento importantíssimo em toda
criação, seja para uma página de Internet,
revista impressa, panfletos, etc.
 É considerada referência visual mais forte
para o homem, chamada de constante
inconsciente formada pelos eixos vertical e
horizontal.
 O equilíbrio pode ser:
 simétrico,
 assimétrico
 Equilíbrio
 Num projeto gráfico significa saber
distribuir com uniformidade os
elementos gráficos que compõem o
projeto, e também saber distribuir esses
elementos pela sua importância, ou
seja, saber qual destaque cada
elemento gráfico merece receber dentro
do layout.
 Equilíbrio SIMÉTRICO
Um layout equilibrado, é aquele sem grandes
"buracos” entre os textos, imagens ou títulos, é
importante distribuir os elementos gráficos
proporcionalmente pela área de visão, e também
buscar um equilíbrio das cores para que não ocorram
grandes “quebras” no visual (a não ser que essa seja a
sua intenção e seja muito bem elaborada para que não
pareça um erro no final), procure utilizar poucas cores
como base para a construção do layout.
Equilíbrio SIMÉTRICO
Equilíbrio SIMÉTRICO
Equilíbrio SIMÉTRICO
Equilíbrio Um layout equilibrado, é
aquele sem grandes

ASSIMÉTRICO "buracos" entre os textos,

imagens ou títulos, é
importante distribuir os
elementos gráficos
proporcionalmente pela
área de visão, e também
buscar um equilíbrio das
cores para que não
ocorram grandes “quebras”
no visual (a não ser que
essa seja a sua intenção e
seja muito bem elaborada
para que não pareça um
erro no final), procure
utilizar poucas cores como
base para a construção do
layout.
 QuickTime™ and a
decompressor
are needed to see this picture.
Equilíbrio ASSIMÉTRICO

QuickTime™ and a
decompressor
are needed to see this picture.