SlideShare une entreprise Scribd logo
1  sur  141
Rubem Santana
Prof. Comp. Gráfica Senac-BA
Designer
QUANDO NOMEAMOS UM OBJETO
PASSAMOS A PERCEBE-LO
OU TER CONTROLE SOBRE ELE
QUAL DELES POSSUI PLANEJAMENTO VISUAL ?
01 0302
4 pricípios básicos de
design gráfico
 PROXIMIDADE
 ALINHAMENTO
 REPETIÇÃO
 CONTRASTE
PROXIMIDADE
 Itens relacionados entre si devem ser agrupados.
FOGO TERRA
ANIMAL ZEBRA
PEDRA BRASA
 Observar direção do olhar.
 Que ítens tem relação com o mesmo tema.
Av. Tancredo Neves
 Observar direção do olhar.
 Por onde começa a leitura do cartão
Av. Tancredo Neves
Proximidade implica em uma relação.
 Espaço em branco mais organizado
Av. Tancredo Neves
Impressos Cartão de Visitas
A DURAH DESIGN é uma empresa
com mais de 15 anos no mercado.
Nossa Empresa produz impressos
com excelente qualidade e rapidez na
entrega.
Trabalhamos com cartão de visita,
envelopes, panfletos,flyers,imã
promocional,impressos em geral,
banners, painel luminoso, adesivação
automotiva.
Desenvolvemos a Arte Final
gratuitamente.
Antes de fazer qualquer serviço
gráfico consulte nossos preços,
teremos prazer em atendê-lo.
www.olx.com.br
RESUMO
ALINHAMENTO
 Nada deve ser colocado arbitrariamente em uma
página, cada item deve ter uma conexão visual com
algo na página.
TEXTO 01
TEXTO 02
TEXTO 01
TEXTO 02
TEXTO 01
TEXTO 02
 Os textos possuem uma relação de alinhamento entre si.
 Linha invisível que conecta os textos
 Aparência comum  Aparência mais sofisticada
 Verificar endentações e alinhamento
 Encontre uma linh guia e utilizi-a.
Antes de
descomprir uma
regra é preciso
conhece-la.
RESUMO
EXERCÍCIO - 01
ATRIFE
Multiplayer online battle arena- MOBA
REPETIÇÃO
 Alguns aspectos do design devem repetir-se no
material inteiro.
 Um padrão facilita a memorização
IDENTIDADE VISUAL
 Controle do fluxo do olhar.
http://issuu.com/accaglobal_publications/docs/ab_int_feb13_low_res/1
RESUMO
EXERCÍCIO - 02
MARIO BROS
Jogo eletrônico de plataforma
CONTRASTE
 Se dois itens não forem exatamente os mesmos,
diferencie-os completamente.
O olhar é direcionado para a página à direita.
RESUMO
La pintura
figurativa de
Mitch
Griffiths
REVISAO GERAL
PROXIMIDADE CONTRASTEREPETIÇÃOALINHAMENTO
ZONAS DE VISUALIZAÇÃO DA PÁGINA
1. Zona Primária
2. Zona Secundária
3. Zona Morta
4. Zona Morta
5. Centro Ótico
6. Centro Geométrico
LEI DOS TERÇOS
PROPORÇÃO AUREA
LIMHAS DE
COMPOSIÇÃO
EXERCÍCIO - 04
Criar layout de
interface de game
no illustrator
RESUMO
1. Busque inspiração em outros designers profissionais.
2. PVA (Pessoa Visualmente Analfabeta)
3. Criar arquivo com exemplo de designs que
impressionam.
4. Descreva os principios de planejamento visual para o
que voce achar interessante.
5. Faça um esboço de um design melhorado para algo
que voce achar ser pouco interessante.
SOMO CRIATIVOS !
Referência
 Williams, Robin - Design para Quem Nao e Designer.Editora: Callis.
 Blender Guru: Understanding Composition
 Update or Die: 48 linhas para designers guardarem na gaveta
 Arte e Percepção Visual. Uma Psicologia Da Visão Criadora. Editora:
Thomson Pioneira, 1998.
 Donis A. Dondis - Sintaxe da linguagem visual
 TONDREAU, Beth. Criar Grids - 100 Fundamentos de Layout.São
Paulo: Edgard Blucher, 2009.

Contenu connexe

Tendances

Aula - DONIS - Sintaxe da linguagem visual
Aula - DONIS - Sintaxe da linguagem visualAula - DONIS - Sintaxe da linguagem visual
Aula - DONIS - Sintaxe da linguagem visualKárita Garcia
 
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADECOMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADEKleiton Renzo
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficonfeio
 
Web Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltWeb Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltFelipe Fernandes
 
Aula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialAula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialGabriel Ferraciolli
 
DESENHO GRÁFICO - O CARTAZ
DESENHO GRÁFICO - O CARTAZDESENHO GRÁFICO - O CARTAZ
DESENHO GRÁFICO - O CARTAZpacobr
 
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 é DesignerAndreza Jackson
 
Aula 2 composição visual
Aula  2 composição visualAula  2 composição visual
Aula 2 composição visualArtedoiscmb Cmb
 
Design Gráfico: Um resumo
Design Gráfico: Um resumoDesign Gráfico: Um resumo
Design Gráfico: Um resumoRafo Barbosa
 
Design Gráfico - Introdução
Design Gráfico - IntroduçãoDesign Gráfico - Introdução
Design Gráfico - IntroduçãoDanilo Fernandes
 

Tendances (20)

Identidade Visual - Aula 01
Identidade Visual - Aula 01Identidade Visual - Aula 01
Identidade Visual - Aula 01
 
Aula - DONIS - Sintaxe da linguagem visual
Aula - DONIS - Sintaxe da linguagem visualAula - DONIS - Sintaxe da linguagem visual
Aula - DONIS - Sintaxe da linguagem visual
 
Aula gestalt 01
Aula gestalt 01Aula gestalt 01
Aula gestalt 01
 
Aula01 editoracao eletronica
Aula01 editoracao eletronicaAula01 editoracao eletronica
Aula01 editoracao eletronica
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADECOMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráfico
 
Web Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltWeb Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à Gestalt
 
Leis de gestalt
Leis de gestaltLeis de gestalt
Leis de gestalt
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Aula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialAula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design Editorial
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
 
DESENHO GRÁFICO - O CARTAZ
DESENHO GRÁFICO - O CARTAZDESENHO GRÁFICO - O CARTAZ
DESENHO GRÁFICO - O CARTAZ
 
02 Tipografia_marcas
02 Tipografia_marcas02 Tipografia_marcas
02 Tipografia_marcas
 
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
 
Aula 2 composição visual
Aula  2 composição visualAula  2 composição visual
Aula 2 composição visual
 
Design Gráfico: Um resumo
Design Gráfico: Um resumoDesign Gráfico: Um resumo
Design Gráfico: Um resumo
 
Design Gráfico - Introdução
Design Gráfico - IntroduçãoDesign Gráfico - Introdução
Design Gráfico - Introdução
 
Tipografia
TipografiaTipografia
Tipografia
 
Noções de planejamento visual
Noções de planejamento visualNoções de planejamento visual
Noções de planejamento visual
 

En vedette

001 Planejamento Visual
001 Planejamento Visual001 Planejamento Visual
001 Planejamento VisualRafael Naruto
 
Brazilian-Canada - Fellowship Exchange Program Debriefing
Brazilian-Canada - Fellowship Exchange Program DebriefingBrazilian-Canada - Fellowship Exchange Program Debriefing
Brazilian-Canada - Fellowship Exchange Program DebriefingEvandro Manara Miletto
 
Tipografia web
Tipografia webTipografia web
Tipografia webaldiablo
 
Présentation CloudIA - coopération internationale Brésil - Canadá
Présentation CloudIA - coopération internationale Brésil - CanadáPrésentation CloudIA - coopération internationale Brésil - Canadá
Présentation CloudIA - coopération internationale Brésil - CanadáEvandro Manara Miletto
 
Tutorial Stripcreator
Tutorial StripcreatorTutorial Stripcreator
Tutorial StripcreatorLene Leros
 
Gestalt - Percepção da Forma - Categorias Fundamentais - Ligia Fascione
Gestalt - Percepção da Forma - Categorias Fundamentais - Ligia FascioneGestalt - Percepção da Forma - Categorias Fundamentais - Ligia Fascione
Gestalt - Percepção da Forma - Categorias Fundamentais - Ligia FascioneLuiza Amaral
 
Jean Giraud, "Moebius"
Jean Giraud, "Moebius"Jean Giraud, "Moebius"
Jean Giraud, "Moebius"Ignacio Segura
 
Muvuca na Cumbuca / Oficina - direção de arte
Muvuca na Cumbuca / Oficina - direção de arteMuvuca na Cumbuca / Oficina - direção de arte
Muvuca na Cumbuca / Oficina - direção de arteNathiel Moraes
 
Aula 06 design gráfico na publicidade simetria e assimetria
Aula 06   design gráfico na publicidade simetria e assimetriaAula 06   design gráfico na publicidade simetria e assimetria
Aula 06 design gráfico na publicidade simetria e assimetriaElizeu Nascimento Silva
 
Planej Visual Os Quatros PrincíPios BáSicos
Planej Visual   Os Quatros PrincíPios BáSicosPlanej Visual   Os Quatros PrincíPios BáSicos
Planej Visual Os Quatros PrincíPios BáSicosrenatamruiz
 
THE SILVER SURFER Parabola Moebius COMIC
THE SILVER SURFER  Parabola Moebius COMICTHE SILVER SURFER  Parabola Moebius COMIC
THE SILVER SURFER Parabola Moebius COMICeducaciongratuita
 
003 Planejamento Visual
003 Planejamento Visual003 Planejamento Visual
003 Planejamento VisualRafael Naruto
 
006 Planejamento Visual
006 Planejamento Visual006 Planejamento Visual
006 Planejamento VisualRafael Naruto
 
garras de angel(Moebius & jodorowsky -1994)
garras de angel(Moebius & jodorowsky -1994)garras de angel(Moebius & jodorowsky -1994)
garras de angel(Moebius & jodorowsky -1994)Lautaro Lavarello
 
Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2
Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2
Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2Fábio Gonçalves
 

En vedette (20)

5 conceitos da diagramação
5 conceitos da diagramação5 conceitos da diagramação
5 conceitos da diagramação
 
001 Planejamento Visual
001 Planejamento Visual001 Planejamento Visual
001 Planejamento Visual
 
Diseño y composicion
Diseño y composicionDiseño y composicion
Diseño y composicion
 
Brazilian-Canada - Fellowship Exchange Program Debriefing
Brazilian-Canada - Fellowship Exchange Program DebriefingBrazilian-Canada - Fellowship Exchange Program Debriefing
Brazilian-Canada - Fellowship Exchange Program Debriefing
 
Tipografia web
Tipografia webTipografia web
Tipografia web
 
Tipografia na Web
Tipografia na WebTipografia na Web
Tipografia na Web
 
Présentation CloudIA - coopération internationale Brésil - Canadá
Présentation CloudIA - coopération internationale Brésil - CanadáPrésentation CloudIA - coopération internationale Brésil - Canadá
Présentation CloudIA - coopération internationale Brésil - Canadá
 
Tutorial Stripcreator
Tutorial StripcreatorTutorial Stripcreator
Tutorial Stripcreator
 
Contraste - Categoria Conceitual Fundamental da Gestalt
Contraste -  Categoria Conceitual Fundamental da GestaltContraste -  Categoria Conceitual Fundamental da Gestalt
Contraste - Categoria Conceitual Fundamental da Gestalt
 
Gestalt - Percepção da Forma - Categorias Fundamentais - Ligia Fascione
Gestalt - Percepção da Forma - Categorias Fundamentais - Ligia FascioneGestalt - Percepção da Forma - Categorias Fundamentais - Ligia Fascione
Gestalt - Percepção da Forma - Categorias Fundamentais - Ligia Fascione
 
Jean Giraud, "Moebius"
Jean Giraud, "Moebius"Jean Giraud, "Moebius"
Jean Giraud, "Moebius"
 
Muvuca na Cumbuca / Oficina - direção de arte
Muvuca na Cumbuca / Oficina - direção de arteMuvuca na Cumbuca / Oficina - direção de arte
Muvuca na Cumbuca / Oficina - direção de arte
 
Aula 06 design gráfico na publicidade simetria e assimetria
Aula 06   design gráfico na publicidade simetria e assimetriaAula 06   design gráfico na publicidade simetria e assimetria
Aula 06 design gráfico na publicidade simetria e assimetria
 
Planej Visual Os Quatros PrincíPios BáSicos
Planej Visual   Os Quatros PrincíPios BáSicosPlanej Visual   Os Quatros PrincíPios BáSicos
Planej Visual Os Quatros PrincíPios BáSicos
 
THE SILVER SURFER Parabola Moebius COMIC
THE SILVER SURFER  Parabola Moebius COMICTHE SILVER SURFER  Parabola Moebius COMIC
THE SILVER SURFER Parabola Moebius COMIC
 
Milo Manara Bolero
Milo Manara   BoleroMilo Manara   Bolero
Milo Manara Bolero
 
003 Planejamento Visual
003 Planejamento Visual003 Planejamento Visual
003 Planejamento Visual
 
006 Planejamento Visual
006 Planejamento Visual006 Planejamento Visual
006 Planejamento Visual
 
garras de angel(Moebius & jodorowsky -1994)
garras de angel(Moebius & jodorowsky -1994)garras de angel(Moebius & jodorowsky -1994)
garras de angel(Moebius & jodorowsky -1994)
 
Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2
Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2
Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2
 

Similaire à Planejamento visual gráfico

Laboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e ComposiçãoLaboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e ComposiçãoRicardo Pereira Rodrigues
 
Design para Web - The Greatest Hits
Design para Web - The Greatest HitsDesign para Web - The Greatest Hits
Design para Web - The Greatest HitsDanilo Nobre
 
Planejamento Visual - Prod Grafica - Aula 04 - 2020-02
Planejamento Visual - Prod Grafica - Aula 04 - 2020-02Planejamento Visual - Prod Grafica - Aula 04 - 2020-02
Planejamento Visual - Prod Grafica - Aula 04 - 2020-02Renato Melo
 
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton Bezerra
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton BezerraProgramação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton Bezerra
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton BezerraHelton Bezerra
 
Planejamento Visual - Produção Gráfica - 2021-02
Planejamento Visual - Produção Gráfica - 2021-02Planejamento Visual - Produção Gráfica - 2021-02
Planejamento Visual - Produção Gráfica - 2021-02Renato Melo
 
Quero ser um designer de interação no Brasil: #comofaz?
Quero ser um designer de interação no Brasil: #comofaz?Quero ser um designer de interação no Brasil: #comofaz?
Quero ser um designer de interação no Brasil: #comofaz?Rodrigo Medeiros
 
Design Sprint - Conceituação sobre os 5 dias
Design Sprint - Conceituação sobre os 5 diasDesign Sprint - Conceituação sobre os 5 dias
Design Sprint - Conceituação sobre os 5 diasWilliam Martins
 
Manual de identidade visual construpro
Manual de identidade  visual construproManual de identidade  visual construpro
Manual de identidade visual construproLeonardo Schneider
 
Desenvolvimento de Software: Navegando em Águas Misteriosas
Desenvolvimento de Software: Navegando em Águas MisteriosasDesenvolvimento de Software: Navegando em Águas Misteriosas
Desenvolvimento de Software: Navegando em Águas MisteriosasNícolas Iensen
 
Processo criativo e Design - Weekreate SENAC 2015
Processo criativo e Design - Weekreate SENAC 2015Processo criativo e Design - Weekreate SENAC 2015
Processo criativo e Design - Weekreate SENAC 2015Samantha Rosa
 
Desenvolvimento de marca - Apresentação dia 05
Desenvolvimento de marca - Apresentação dia 05Desenvolvimento de marca - Apresentação dia 05
Desenvolvimento de marca - Apresentação dia 05Erick O. Farias
 
Quer fazer um jogo? Começe aqui!
Quer fazer um jogo? Começe aqui!Quer fazer um jogo? Começe aqui!
Quer fazer um jogo? Começe aqui!Luiz Nörnberg
 
Unb 2012.1 - dweb - 02 - por onde começar
Unb   2012.1 - dweb - 02 - por onde começarUnb   2012.1 - dweb - 02 - por onde começar
Unb 2012.1 - dweb - 02 - por onde começarClaudenio Alberto
 
Designer: ser ou não ser
Designer: ser ou não serDesigner: ser ou não ser
Designer: ser ou não serJonathan Prieto
 

Similaire à Planejamento visual gráfico (20)

Laboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e ComposiçãoLaboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
 
Design para Web - The Greatest Hits
Design para Web - The Greatest HitsDesign para Web - The Greatest Hits
Design para Web - The Greatest Hits
 
Planejamento Visual - Prod Grafica - Aula 04 - 2020-02
Planejamento Visual - Prod Grafica - Aula 04 - 2020-02Planejamento Visual - Prod Grafica - Aula 04 - 2020-02
Planejamento Visual - Prod Grafica - Aula 04 - 2020-02
 
Aula 2 Webdesign
Aula 2 WebdesignAula 2 Webdesign
Aula 2 Webdesign
 
Apresentaçao Aula 2
Apresentaçao Aula 2Apresentaçao Aula 2
Apresentaçao Aula 2
 
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton Bezerra
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton BezerraProgramação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton Bezerra
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton Bezerra
 
Planejamento Visual - Produção Gráfica - 2021-02
Planejamento Visual - Produção Gráfica - 2021-02Planejamento Visual - Produção Gráfica - 2021-02
Planejamento Visual - Produção Gráfica - 2021-02
 
Carolina costa nº2
Carolina costa nº2Carolina costa nº2
Carolina costa nº2
 
Aula 1 Webdesign
Aula 1 WebdesignAula 1 Webdesign
Aula 1 Webdesign
 
Quero ser um designer de interação no Brasil: #comofaz?
Quero ser um designer de interação no Brasil: #comofaz?Quero ser um designer de interação no Brasil: #comofaz?
Quero ser um designer de interação no Brasil: #comofaz?
 
Design Sprint - Conceituação sobre os 5 dias
Design Sprint - Conceituação sobre os 5 diasDesign Sprint - Conceituação sobre os 5 dias
Design Sprint - Conceituação sobre os 5 dias
 
Manual de identidade visual construpro
Manual de identidade  visual construproManual de identidade  visual construpro
Manual de identidade visual construpro
 
Design behind scenes and layers
Design behind scenes and layersDesign behind scenes and layers
Design behind scenes and layers
 
Desenvolvimento de Software: Navegando em Águas Misteriosas
Desenvolvimento de Software: Navegando em Águas MisteriosasDesenvolvimento de Software: Navegando em Águas Misteriosas
Desenvolvimento de Software: Navegando em Águas Misteriosas
 
Processo criativo e Design - Weekreate SENAC 2015
Processo criativo e Design - Weekreate SENAC 2015Processo criativo e Design - Weekreate SENAC 2015
Processo criativo e Design - Weekreate SENAC 2015
 
Detalhes que importam
Detalhes que importamDetalhes que importam
Detalhes que importam
 
Desenvolvimento de marca - Apresentação dia 05
Desenvolvimento de marca - Apresentação dia 05Desenvolvimento de marca - Apresentação dia 05
Desenvolvimento de marca - Apresentação dia 05
 
Quer fazer um jogo? Começe aqui!
Quer fazer um jogo? Começe aqui!Quer fazer um jogo? Começe aqui!
Quer fazer um jogo? Começe aqui!
 
Unb 2012.1 - dweb - 02 - por onde começar
Unb   2012.1 - dweb - 02 - por onde começarUnb   2012.1 - dweb - 02 - por onde começar
Unb 2012.1 - dweb - 02 - por onde começar
 
Designer: ser ou não ser
Designer: ser ou não serDesigner: ser ou não ser
Designer: ser ou não ser
 

Planejamento visual gráfico