SlideShare uma empresa Scribd logo
1 de 6
Baixar para ler offline
Noções Básicas de
Planejamento Visual
Os quatro princípios básicos
Proximidade

Itens relacionados entre si deveriam ser agrupados. Quando vários itens estão próximos, tornam-se uma
unidade visual integrada, e não várias unidades individualizadas. Isso ajuda a organizar as informações,
reduz a desordem e oferece ao leitor uma estrutura clara.


O que evitar
Evite muitos elementos separados em uma página.

Não coloque os itens somente nos cantos e no meio da página.

Evite deixar quantidades iguais de espaços em branco entre os elementos, a não ser que cada conjunto
seja parte de um subgrupo.

Evite criar qualquer dúvida quanto à relação dos elementos entre si, ou seja, cada subtítulo, legenda,
imagem etc. deve estar junto de seu respectivo par. Crie uma relação entre os elementos por meio da
proximidade.

Não relacione elementos que não devam estar agrupados! Se eles não estiverem relacionados, separe-
os.
Alinhamento

Nada deve ser colocado arbitrariamente em uma página. Cada elemento deve ter uma ligação visual
com outro elemento da página. Isso cria uma aparência limpa, sofisticada e suave.



O que evitar
Evite usar mais de um alinhamento de texto por página (ou seja, não centralize um texto e alinhe outro à
direita).

Evite, se possível, o alinhamento centralizado, a não ser que você tenha o objetivo consciente de criar
uma apresentação formal, pacata (que costuma ser comum demais). Escolha o alinhamento centralizado
conscientemente e não por automação.
Repetição

Repita os elementos visuais do design e espalhe-os pelo material. Você pode repetir a cor, a forma, a
textura, e as relações espaciais como a espessura, as fontes, os tamanhos, os conceitos gráficos etc.
Isso cria uma organização e fortalece a unidade.


O que evitar
Evite repetir o elemento em demasia, para que ele não se torne enfadonho ou excessivo. Esteja
consciente do valor do contraste.
Contraste

O objetivo do contraste é evitar elementos meramente similares em uma página. Se os elementos(tipo,
cor, tamanho, espessura da linha, forma, espaço etc.) não forem os mesmos, diferencie-os
completamente. O contraste costuma ser a mais importante atração visual de uma página - é o que faz o
leitor, antes de qualquer outra coisa, olhar para ela.


O que evitar
Não seja tímido. Se você criar contrastes, faça-os de maneira forte. Evite contrastar uma linha pouco
espessa com uma linha levemente mais espessa. Evite contrastar um texto em marrom com titulos em
preto. Evite usar duas ou mais fontes similares. Se os itens não forem exatamente iguais, diferencie-os!




                                                                                         Síntese do livro:
                                                           WILLIAMS, Robbin. Design para quem não é designer:
                                                                      Noções Básicas de Planejamento Visual.
                                                                        2ª ed, São Paulo, Editora Callins, 2005

Mais conteúdo relacionado

Destaque

Planejamento Visual na Diagramação
Planejamento Visual na DiagramaçãoPlanejamento Visual na Diagramação
Planejamento Visual na DiagramaçãoRenato Melo
 
EXPOTEC IFRN - Noções básicas de planejamento visual
EXPOTEC IFRN - Noções básicas de planejamento visualEXPOTEC IFRN - Noções básicas de planejamento visual
EXPOTEC IFRN - Noções básicas de planejamento visualJoeldson Costa Damasceno
 
Semana 0: Computadores, linguagens e linguagens de programação, Noções de al...
Semana  0: Computadores, linguagens e linguagens de programação, Noções de al...Semana  0: Computadores, linguagens e linguagens de programação, Noções de al...
Semana 0: Computadores, linguagens e linguagens de programação, Noções de al...Manuel Menezes de Sequeira
 
Fundamentos da Computação para o DCOMP - Departamento de Computação da UFS
Fundamentos da Computação para o DCOMP - Departamento de Computação da UFSFundamentos da Computação para o DCOMP - Departamento de Computação da UFS
Fundamentos da Computação para o DCOMP - Departamento de Computação da UFSRogerio P C do Nascimento
 
Apresentação da disciplina_2013
Apresentação da disciplina_2013Apresentação da disciplina_2013
Apresentação da disciplina_2013Jp Martins
 
Organização e planejamento visual para impressos
Organização e planejamento visual para impressosOrganização e planejamento visual para impressos
Organização e planejamento visual para impressosGuilherme Carvalho
 
Senac - Curso Técnico em Sáude e Segurança do Trabalho 2015
Senac - Curso Técnico em Sáude e Segurança do Trabalho 2015Senac - Curso Técnico em Sáude e Segurança do Trabalho 2015
Senac - Curso Técnico em Sáude e Segurança do Trabalho 2015Rapport Assessoria
 
002 Planejamento Visual
002 Planejamento Visual002 Planejamento Visual
002 Planejamento VisualRafael Naruto
 
Programação Visual - Comunicação Visual - Design Gráfico
Programação Visual - Comunicação Visual - Design Gráfico Programação Visual - Comunicação Visual - Design Gráfico
Programação Visual - Comunicação Visual - Design Gráfico Flávia Santos
 
003 Planejamento Visual
003 Planejamento Visual003 Planejamento Visual
003 Planejamento VisualRafael Naruto
 
006 Planejamento Visual
006 Planejamento Visual006 Planejamento Visual
006 Planejamento VisualRafael Naruto
 
Produção gráfica - Aula 05 Diagramação
Produção gráfica - Aula 05 DiagramaçãoProdução gráfica - Aula 05 Diagramação
Produção gráfica - Aula 05 DiagramaçãoDaniel Castro
 
001 Planejamento Visual
001 Planejamento Visual001 Planejamento Visual
001 Planejamento VisualRafael Naruto
 
Aula 5 - Comunicação Gráfica e Design
Aula 5   - Comunicação Gráfica e DesignAula 5   - Comunicação Gráfica e Design
Aula 5 - Comunicação Gráfica e DesignCíntia Dal Bello
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramaçãoaulasdejornalismo
 

Destaque (20)

Planejamento Visual na Diagramação
Planejamento Visual na DiagramaçãoPlanejamento Visual na Diagramação
Planejamento Visual na Diagramação
 
EXPOTEC IFRN - Noções básicas de planejamento visual
EXPOTEC IFRN - Noções básicas de planejamento visualEXPOTEC IFRN - Noções básicas de planejamento visual
EXPOTEC IFRN - Noções básicas de planejamento visual
 
Semana 0: Computadores, linguagens e linguagens de programação, Noções de al...
Semana  0: Computadores, linguagens e linguagens de programação, Noções de al...Semana  0: Computadores, linguagens e linguagens de programação, Noções de al...
Semana 0: Computadores, linguagens e linguagens de programação, Noções de al...
 
Fundamentos da Computação para o DCOMP - Departamento de Computação da UFS
Fundamentos da Computação para o DCOMP - Departamento de Computação da UFSFundamentos da Computação para o DCOMP - Departamento de Computação da UFS
Fundamentos da Computação para o DCOMP - Departamento de Computação da UFS
 
Apresentação da disciplina_2013
Apresentação da disciplina_2013Apresentação da disciplina_2013
Apresentação da disciplina_2013
 
Diagramacao ua
Diagramacao uaDiagramacao ua
Diagramacao ua
 
Organização e planejamento visual para impressos
Organização e planejamento visual para impressosOrganização e planejamento visual para impressos
Organização e planejamento visual para impressos
 
Senac - Curso Técnico em Sáude e Segurança do Trabalho 2015
Senac - Curso Técnico em Sáude e Segurança do Trabalho 2015Senac - Curso Técnico em Sáude e Segurança do Trabalho 2015
Senac - Curso Técnico em Sáude e Segurança do Trabalho 2015
 
002 Planejamento Visual
002 Planejamento Visual002 Planejamento Visual
002 Planejamento Visual
 
Diagramação de revistas
Diagramação de revistasDiagramação de revistas
Diagramação de revistas
 
Programação Visual - Comunicação Visual - Design Gráfico
Programação Visual - Comunicação Visual - Design Gráfico Programação Visual - Comunicação Visual - Design Gráfico
Programação Visual - Comunicação Visual - Design Gráfico
 
003 Planejamento Visual
003 Planejamento Visual003 Planejamento Visual
003 Planejamento Visual
 
006 Planejamento Visual
006 Planejamento Visual006 Planejamento Visual
006 Planejamento Visual
 
Produção gráfica - Aula 05 Diagramação
Produção gráfica - Aula 05 DiagramaçãoProdução gráfica - Aula 05 Diagramação
Produção gráfica - Aula 05 Diagramação
 
Recursos audiovisuais
Recursos audiovisuaisRecursos audiovisuais
Recursos audiovisuais
 
Recursos Audiovisuais - Resumo
Recursos Audiovisuais - ResumoRecursos Audiovisuais - Resumo
Recursos Audiovisuais - Resumo
 
001 Planejamento Visual
001 Planejamento Visual001 Planejamento Visual
001 Planejamento Visual
 
Grade de diagramação
Grade de diagramaçãoGrade de diagramação
Grade de diagramação
 
Aula 5 - Comunicação Gráfica e Design
Aula 5   - Comunicação Gráfica e DesignAula 5   - Comunicação Gráfica e Design
Aula 5 - Comunicação Gráfica e Design
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramação
 

Semelhante a NoçõEs BáSicas De Planejamento Visual

Semelhante a NoçõEs BáSicas De Planejamento Visual (11)

Planejamento visual os 4 principios basicos
Planejamento visual os 4 principios basicosPlanejamento visual os 4 principios basicos
Planejamento visual os 4 principios basicos
 
Design para quem nao eh designer
Design para quem nao eh designerDesign para quem nao eh designer
Design para quem nao eh designer
 
Princípios básicos II
Princípios básicos IIPrincípios básicos II
Princípios básicos II
 
Design
DesignDesign
Design
 
design-para-quem-nao-e-design.pdf
design-para-quem-nao-e-design.pdfdesign-para-quem-nao-e-design.pdf
design-para-quem-nao-e-design.pdf
 
Design - SLIDES
Design - SLIDESDesign - SLIDES
Design - SLIDES
 
Oficina Design para quem não é Designer
Oficina Design para quem não é DesignerOficina Design para quem não é Designer
Oficina Design para quem não é Designer
 
Design para quem_nao_e_designer
Design para quem_nao_e_designerDesign para quem_nao_e_designer
Design para quem_nao_e_designer
 
Aula 06 linguagem visual
Aula 06   linguagem visualAula 06   linguagem visual
Aula 06 linguagem visual
 
Aula03 planejamento grafico
Aula03 planejamento graficoAula03 planejamento grafico
Aula03 planejamento grafico
 
aula-6_principios_design.pdf
aula-6_principios_design.pdfaula-6_principios_design.pdf
aula-6_principios_design.pdf
 

NoçõEs BáSicas De Planejamento Visual

  • 3. Proximidade Itens relacionados entre si deveriam ser agrupados. Quando vários itens estão próximos, tornam-se uma unidade visual integrada, e não várias unidades individualizadas. Isso ajuda a organizar as informações, reduz a desordem e oferece ao leitor uma estrutura clara. O que evitar Evite muitos elementos separados em uma página. Não coloque os itens somente nos cantos e no meio da página. Evite deixar quantidades iguais de espaços em branco entre os elementos, a não ser que cada conjunto seja parte de um subgrupo. Evite criar qualquer dúvida quanto à relação dos elementos entre si, ou seja, cada subtítulo, legenda, imagem etc. deve estar junto de seu respectivo par. Crie uma relação entre os elementos por meio da proximidade. Não relacione elementos que não devam estar agrupados! Se eles não estiverem relacionados, separe- os.
  • 4. Alinhamento Nada deve ser colocado arbitrariamente em uma página. Cada elemento deve ter uma ligação visual com outro elemento da página. Isso cria uma aparência limpa, sofisticada e suave. O que evitar Evite usar mais de um alinhamento de texto por página (ou seja, não centralize um texto e alinhe outro à direita). Evite, se possível, o alinhamento centralizado, a não ser que você tenha o objetivo consciente de criar uma apresentação formal, pacata (que costuma ser comum demais). Escolha o alinhamento centralizado conscientemente e não por automação.
  • 5. Repetição Repita os elementos visuais do design e espalhe-os pelo material. Você pode repetir a cor, a forma, a textura, e as relações espaciais como a espessura, as fontes, os tamanhos, os conceitos gráficos etc. Isso cria uma organização e fortalece a unidade. O que evitar Evite repetir o elemento em demasia, para que ele não se torne enfadonho ou excessivo. Esteja consciente do valor do contraste.
  • 6. Contraste O objetivo do contraste é evitar elementos meramente similares em uma página. Se os elementos(tipo, cor, tamanho, espessura da linha, forma, espaço etc.) não forem os mesmos, diferencie-os completamente. O contraste costuma ser a mais importante atração visual de uma página - é o que faz o leitor, antes de qualquer outra coisa, olhar para ela. O que evitar Não seja tímido. Se você criar contrastes, faça-os de maneira forte. Evite contrastar uma linha pouco espessa com uma linha levemente mais espessa. Evite contrastar um texto em marrom com titulos em preto. Evite usar duas ou mais fontes similares. Se os itens não forem exatamente iguais, diferencie-os! Síntese do livro: WILLIAMS, Robbin. Design para quem não é designer: Noções Básicas de Planejamento Visual. 2ª ed, São Paulo, Editora Callins, 2005