Composição gráfica - RicKardo · Design invisível Um bom projeto ... hierarquia de...

Composição gráfica Elementos básicos da comunicação visual

Computação Gráfica Odair Cavichioli Jr.

Grafismos

São elementos visuais que ajudam a comunicar

uma mensagem.

Elementos gráficos simples: pontos e linhas de todo tipo (livres,

retas, quebradas curvas, etc.)

Elementos geométricos, com ou sem contorno: polígonos,

círculos, elipses, ovais, etc.

Tipos: letras de diferentes formas e estrutura, utilizadas para

apresentar mensagens textuais.

Gráficos: logotipos, ícones, etc.

Ilustrações

Fotografias

Grafismos

O elementos

combinados em um

grafismo surge o

resultado final com

uma série de

conceitos próprios

Design invisível

Um bom projeto editorial é aquele que conduz os olhos dos leitores

sem se tornar o elemento principal.

Deve existir um equilíbrio entre a informação visual e a informação

textual.

Geometrização

Ênfase nos pontos de visão direta e visão periférica com as

informações principais da matéria.

A fotografia tem uma grande importância no traçado geométrico de

uma página.

Os olhos das pessoas caminham pela página de acordo com a força

visual de cada elemento apresentado na diagramação.

Esse traçado geométrico feito, inconscientemente, pelos olhos

transmite ao cérebro informações de caráter sinestésico, além de

facilitar ou dificultar o entendimento geral.

Geometrização 6

Geometrização 7

Geometrização 8

Agrupamento

Conjuntos de elementos relacionados mediante sua

hierarquia de informação, levando em consideração

os seguintes critérios:

Proximidade: Tendemos a agrupar aqueles objetos que estão

próximos, mais pertos entre si.

Semelhança: Tendemos a agrupar os elementos iguais ou

parecidos.

Continuidade: Nossa mente tende a agrupar aqueles elementos

que têm uma continuidade significativa.

Simetria: Tendemos a agrupar os elementos para que apareçam

ordenados formando figuras conhecidas.

Agrupamento 10

Agrupamento 11

CD ROMs

Multimídia

CDS para crianças

CDS educacionais

Educacional

Aprendizado inicial

Idiomas

Material do Professor

Livros

Maerial do professor

Vídeos

Hardware & Acessórios

Dispositivos

Memória

Modems

CD ROMs

Multimídia

CDS para crianças

CDS educacionais

Educacional

Aprendizado inicial

Idiomas

Material do Professor

Livros

Maerial do professor

Vídeos

Hardware & Acessórios

Dispositivos

Modems

Agrupamento 12

Agrupamento 13

Contraste

Intensidade de visualização de cada elemento com

relação aos que lhe rodeiam e ao grafismo

completo.

Contraste 15

Contraste 16

Equilíbrio

A assimetria ou simetria excessiva pode afastar o

interesse e dificultar a leitura.

Leve em conta o perfil do público para determinar

se simétrico ou o assimétrico é o melhor.

Equilíbrio

Alinhamento

esquerdo

Padrão de leitura ocidental

As pessoas reconhecem

com mais naturalidade

Alinhamento

Direito

Algumas pessoas

interpretam como irregular

Alinhamento

Centralizado

Se for para centralizar, faça

com que seja óbvio

A l i n h a m e n t o J u s t i f i c a d o

Algumas pessoas tendem a ter uma visualização blocada do

conteúdo, forçando o enquadramento de forma geométrica.

Só utilize esse tipo de alinhamento se a distância entre as

palavras obedecerem a regra da entrelinha, evitando gerar

espaços vazios entre as palavras.

Equilíbrio 19

Equilíbrio 20

Equilíbrio 21

Equilíbrio em ênfase no contraste 22

Equilíbrio assimétrico 23

Proporção

Para manter o equilíbrio, é importante que as áreas

com conteúdos tenham o mesmo volume visual de

informação.

Harmonia

O cérebro tende a perceber mais rápido e fácil as

formas organizadas (Pregnância, Leis da Gestalt).

A pregnância de uma forma pode ser medida de

acordo com sua:

Legibilidade

Compreensão

Máximo de clareza possível

Sua utilização pode ser aplicada estrategicamente

como recurso de narrativa para controlar a leitura

Harmonia 26

Harmonia 27

Direção Visual

Diagramação que conduz a leitura de um conteúdo

de forma controlada como elemento de narrativa.

O intuito é direcionar o olho da pessoas para pontos

estratégicos e dar uma sensação de movimento.

Direção Visual 29

Direção Visual 30

Magazine Spread

Yedilat (mantric)

http://mantric.deviantart.com/

Direção Visual

Diagramação que conduz a leitura de um conteúdo

Diagonal

Triangular ou pirâmide

L ou Ângulo reto

Circulo

Movimentos óbvios de narrativa visual

Diagonal

Os olhos seguem uma

vértice por pontos opostos

Gera uma linha imaginária

que divide a composição

Deve-se evitar a igualdade

excessiva

Triangular ou pirâmide

Aplicada em composições

simétricas, com peso e

solidez marcados na base

Assegura unidade do

conjunto

Estabiliza o equilíbrio

Sugere ação e graça

Permite uma leitura em

etapas

Se houver massas muito

concentradas e distantes

(sem unidade) provoca uma

dispersão visual na leitura.

Possui um movimento

vigoroso e definitivo

Similar a movimentação em S,

mas com mais intensidade e

velocidade na leitura

L ou Ângulo reto

Utilizadas para indicar algo

Relaciona diretamente um

objeto para a informação

O movimento é muito mais

vigoroso, por isso, deve-se

tomar muito cuidado com a

unidade, pois a leitura pode

conduzir para fora da

comunciação

Utilizada para separar poucos

elementos, aproveitando

melhor o espaço

Sugere dinamismo e

modernidade

Ad layout - 3

Dennis Wang (dennisong)

http://dennisong.deviantart.com/

Círculo

Cria uma sensação de fluxo

Possibilita uma sequência de

leitura

Relaciona elementos a um

tema central

magazine-converse

Derrick Fong (derrickfong)

http://derrickfong.deviantart.com/

Movimento, massa e harmonia podem sugerir ritmo, tornando

a leitura de alguns elementos mais rápidos ou lentos.

Podem ser pontuados por:

É utilizado para manipular a leitura, oferecendo um “caminho”

confortável e racional, orientando os olhos pelos pontos de

interesse.

Impressões do ritmo

Quando traçam uma linha imaginária linear, podem

sugerir sensações durante a leitura.

Retas sugerem força

Linhas horizontais sugerem calma ou harmonia

Linhas verticais sugerem elevação ou sublimidade

Curvas sugerem ação, energia, sensualidade e graça

Essas sensação são importantes porque

impressionam e ajudam a fixar a comunicação na

memória.

Ritmo linear 41

Ritmo dinâmico

Composição que

impõem um ritmo

diferenciado

combinando cores,

linhas ou formas.

O tempo de leitura varia

de acordo com a ênfase

desejada.

Workshop PTK Undiksha 2011

Herry Sucahya (herryC)

http://herryc.deviantart.com/

Ritmo estacionário

Relacionada as leis

fundamentais da

decoração.

O objetivo é fazer com

que o olho fixe em um

conteúdo, aumentando

seu tempo de leitura de

forma estratégica.

Visual Magazine Cover

Cristhian (burnsflipper)

http://burnsflipper.deviantart.com/

Tipografia

Usar uma fonte inadequada para o conteúdo pode provocar a falta de

vontade de terminar a leitura de uma matéria.

Algumas características gráficas das letras podem dificultar muito a

leitura e, conseqüentemente, a assimilação do conteúdo.

Existe uma sinestesia tipológica que deveria ser pensada, analisada,

pesquisada e usada.

Infelizmente a preocupação com o conjunto tipográfico de uma

publicação é uma questão pouco valorizada pela grande maioria dos

impressos nacionais.

A cor tem um impacto na quantidade de segundos necessários

para o cérebro assimilar, fazendo uma pessoa ficar com seus

olhos fixos nela.

Um detalhe colorido pode destruir a linha de leitura de uma

página.

As cores devem ser usadas para localização das editorias,

ajudando na seqüência de leitura desejada pelo editor.

Também deve tomar cuidado com as sensações que as cores

podem transmitir junto com a leitura.

Cores 46

Respiro

Equilíbrio entre áreas com e sem informação deve ser bem

observado.

Esses espaços em branco funcionam como área de respiro para uma

página ajudando o ritmo de leitura.

Essas áreas de descanso visual devem ser usadas de acordo com a

necessidade editorial de um assunto, além de representar os anseios

estéticos de um determinado público.

Respiro

Referência bibliográfica

As informações contidas nessa apresentação foram elaboradas com base na minha experiência profissional que, em algum

momento, podem contradizer o que é explicado na teoria.

Existem algumas informações que são encontradas na Wikipédia. Porém, como seu conteúdo pode ser alterado por qualquer

pessoa, sua credibilidade é questionável. Só utilize informações da Wikipédia se você já conhece o assunto e concorda com

as definições.

O design gráfico como elemento de linguagem editorial

Márcia Okida

http://www.designgrafico.art.br/comapalavra/linguagemeditorial.htm

Criaçao Visual e Multimidia

João Vicente Cegato Bertomeu

Editora Cengage

Projeto Gráfico: Teoria e Prática da Diagramação

Antônio Celso Collaro

Editora Summus Editorial

Planejamento Visual Gráfico

Milton Ribeiro

Editora LGE

Para pesquisa

Gestalt

Minimalismo

Art Nouveau

Construtivismo Russo

Composição gráfica Elementos básicos da comunicação visual

Odair Cavichioli Júnior www.odaircavichioli.com.br

Composição gráfica - RicKardo · Design invisível Um bom projeto ... hierarquia de...

Documents

Transcript of Composição gráfica - RicKardo · Design invisível Um bom projeto ... hierarquia de...

Saco Invisível

A biblioteca invisível

01 PDH nova - ceset.unicamp.brleobravo/ST 050/telefonia_e_pdh 1.pdf · PDH - Hierarquia Digital Plesiócrona Hierarquia Japonesa. 34 PDH - Hierarquia Digital Plesiócrona Central

No invisível

Classes hierarquia heranca

Floordoor Invisível

A partitura invisível

Hierarquia de Chomsky

hierarquia de produros

Em busca do Invisível

LUÍS QUINTAIS Luís Quintais Mestres da Verdade19 Invisível ... · LUÍS QUINTAIS MESTRES DA VERDADE INVISÍVEL Luís Quintais Mestres da Verdade Invisível Este estudo resulta

A menina invisível

Hierarquia de Memória

O machismo invisível

São Paulo Invisível

74 - O homem invisível

Reciprocidade e Hierarquia

Hierarquia Divina

inimigo invisível: metais

HIERARQUIA DAS NORMAS hierarquia diferenças previsão legal.