SlideShare uma empresa Scribd logo
1 de 27
Baixar para ler offline
Princípios de Design
Como utilizar os elementos de
design de uma forma eficaz?
Elementos de Design
Princípios de Design
Princípios de Design
CONTRASTE
•Diferencia elementos que se interrelacionam
•Cria atração visual e valoriza elemento principal
CONTRASTE
Dicas de Contraste
• Dicas para criar Contraste
• Cria-se contraste através de cores,
formas, tamanho, tipografia, espessuras
de linhas, espaços, etc.
• Descubra maneiras de contrastar os itens
para criar interesse visual
• É importante criar elementos marcantes
CONTRASTE
CONTRASTE
Princípios de Design
REPETIÇÃO
•Utilizado para UNIFICAR e FORTALECER o design
•É essencial em branding, campanhas de marketing e projetos
distribuidos em diversos dispositivos
Dicas de Repetição
• O elemento repetitivo pode ser
uma cor, um símbolo, uma fonte,
ou qualquer outro elemento
gráfico reconhecível visualmente
• Adapte os elementos para serem
repetitivos em diferentes formatos
• Evite repetir um elemento em
demasia, evitando que se torne
cansativo
REPETIÇÃO
REPETIÇÃO
Princípios de Design
ALINHAMENTO
ALINHAMENTO
•Cria uma ligação visual entre os
elementos - amarras visuais
•Ajuda a criar unidade
•Cria uma aparência limpa,
sofisticada e suave
Dica de Alinhamento
•Esteja consciente do
posicionamento dos elementos
•Encontre a ligação visual entre
os elemento, mesmo que não
estejam tão próximos
ALINHAMENTO
Princípios de Design
PROXIMIDADE
PROXIMIDADE
•Propósito básico da proximidade é ORGANIZAR
•O simples agrupamento de elementos cria organização
•Informação organizada = facilidade de leitura e memorização
PROXIMIDADE
Dica de Proximidade
•Itens relacionados entre si devem
ser agrupados
•Itens próximos criam uma
unidade visual
•Veja quais elementos podem ser
agrupados para criar uma unidade
visual
Referências
•CRAP
http://www.goodreads.com/book/show/41597.The_Non_Designer_s
_Design_Book
•http://www.slideshare.net/tiagosantiago/principios-bsicos-design
•https://paper-leaf.com/blog/2012/10/principles-of-design-quick-refe
rence-poster/

Mais conteúdo relacionado

Semelhante a Pocket Talk: Princípios de Design

6dicas– veda 4
6dicas– veda 46dicas– veda 4
6dicas– veda 4souzadea1
 
Visual merchandising intro br
Visual merchandising intro brVisual merchandising intro br
Visual merchandising intro brvania marques
 
Razões pelas quais vale a pena investir em Comunicacao Visual
Razões pelas quais vale a pena investir em Comunicacao VisualRazões pelas quais vale a pena investir em Comunicacao Visual
Razões pelas quais vale a pena investir em Comunicacao VisualPluscopy
 
Design da identidade - construção da marca
Design da identidade -  construção da marcaDesign da identidade -  construção da marca
Design da identidade - construção da marcaBrav Design
 
Design e Experiência do Usuário
Design e Experiência do UsuárioDesign e Experiência do Usuário
Design e Experiência do UsuárioUTFPR
 
Design: um diferencial estratégico para projetos web
Design: um diferencial estratégico para projetos webDesign: um diferencial estratégico para projetos web
Design: um diferencial estratégico para projetos webOndaweb Criação de Sites
 
Design System: Criando padrões de design para tomadas de decisões mais alinhadas
Design System: Criando padrões de design para tomadas de decisões mais alinhadasDesign System: Criando padrões de design para tomadas de decisões mais alinhadas
Design System: Criando padrões de design para tomadas de decisões mais alinhadasMJV Technology & Innovation Brasil
 
Apresentação Estúdio Luciano Soares
Apresentação Estúdio Luciano SoaresApresentação Estúdio Luciano Soares
Apresentação Estúdio Luciano SoaresLuciano Soares
 
Cv fernando salles_com_e_mkt
Cv fernando salles_com_e_mktCv fernando salles_com_e_mkt
Cv fernando salles_com_e_mktFernando Salles
 
Experimente Design Estrategicamente!
Experimente Design Estrategicamente!Experimente Design Estrategicamente!
Experimente Design Estrategicamente!Mônica Martins
 
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
 
Design Thinking
Design ThinkingDesign Thinking
Design ThinkingAldo Pires
 

Semelhante a Pocket Talk: Princípios de Design (20)

Princípios básicos II
Princípios básicos IIPrincípios básicos II
Princípios básicos II
 
6dicas– veda 4
6dicas– veda 46dicas– veda 4
6dicas– veda 4
 
Visual merchandising intro br
Visual merchandising intro brVisual merchandising intro br
Visual merchandising intro br
 
Conceitos Design
Conceitos DesignConceitos Design
Conceitos Design
 
Razões pelas quais vale a pena investir em Comunicacao Visual
Razões pelas quais vale a pena investir em Comunicacao VisualRazões pelas quais vale a pena investir em Comunicacao Visual
Razões pelas quais vale a pena investir em Comunicacao Visual
 
Design da identidade - construção da marca
Design da identidade -  construção da marcaDesign da identidade -  construção da marca
Design da identidade - construção da marca
 
Design e Experiência do Usuário
Design e Experiência do UsuárioDesign e Experiência do Usuário
Design e Experiência do Usuário
 
Recursos Audiovisuais - Resumo
Recursos Audiovisuais - ResumoRecursos Audiovisuais - Resumo
Recursos Audiovisuais - Resumo
 
Design gráfico
Design gráfico Design gráfico
Design gráfico
 
RPC.com.br - Produto
RPC.com.br - ProdutoRPC.com.br - Produto
RPC.com.br - Produto
 
O mercado de Design
O mercado de DesignO mercado de Design
O mercado de Design
 
Design: um diferencial estratégico para projetos web
Design: um diferencial estratégico para projetos webDesign: um diferencial estratégico para projetos web
Design: um diferencial estratégico para projetos web
 
Design System: Criando padrões de design para tomadas de decisões mais alinhadas
Design System: Criando padrões de design para tomadas de decisões mais alinhadasDesign System: Criando padrões de design para tomadas de decisões mais alinhadas
Design System: Criando padrões de design para tomadas de decisões mais alinhadas
 
Projeto GráFico123
Projeto GráFico123Projeto GráFico123
Projeto GráFico123
 
Apresentação Estúdio Luciano Soares
Apresentação Estúdio Luciano SoaresApresentação Estúdio Luciano Soares
Apresentação Estúdio Luciano Soares
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Cv fernando salles_com_e_mkt
Cv fernando salles_com_e_mktCv fernando salles_com_e_mkt
Cv fernando salles_com_e_mkt
 
Experimente Design Estrategicamente!
Experimente Design Estrategicamente!Experimente Design Estrategicamente!
Experimente Design Estrategicamente!
 
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
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 

Mais de Infoway

Pocket talk: Dev e designer falando a mesma língua
Pocket talk: Dev e designer falando a mesma línguaPocket talk: Dev e designer falando a mesma língua
Pocket talk: Dev e designer falando a mesma línguaInfoway
 
Pocket Talk: Infraestrutura as code
Pocket Talk: Infraestrutura as codePocket Talk: Infraestrutura as code
Pocket Talk: Infraestrutura as codeInfoway
 
Pocket Languages
Pocket LanguagesPocket Languages
Pocket LanguagesInfoway
 
Pocket Talk; Spock framework
Pocket Talk; Spock frameworkPocket Talk; Spock framework
Pocket Talk; Spock frameworkInfoway
 
Pocket Talk: Iniciação ao mundo dos vinhos
Pocket Talk: Iniciação ao mundo dos vinhosPocket Talk: Iniciação ao mundo dos vinhos
Pocket Talk: Iniciação ao mundo dos vinhosInfoway
 
Pocket Talk: Dados demais, filtros de menos
Pocket Talk: Dados demais, filtros de menosPocket Talk: Dados demais, filtros de menos
Pocket Talk: Dados demais, filtros de menosInfoway
 
Pocket Talk: Dicas para uma apresentação de alto impacto
Pocket Talk:  Dicas para uma apresentação de alto impactoPocket Talk:  Dicas para uma apresentação de alto impacto
Pocket Talk: Dicas para uma apresentação de alto impactoInfoway
 

Mais de Infoway (7)

Pocket talk: Dev e designer falando a mesma língua
Pocket talk: Dev e designer falando a mesma línguaPocket talk: Dev e designer falando a mesma língua
Pocket talk: Dev e designer falando a mesma língua
 
Pocket Talk: Infraestrutura as code
Pocket Talk: Infraestrutura as codePocket Talk: Infraestrutura as code
Pocket Talk: Infraestrutura as code
 
Pocket Languages
Pocket LanguagesPocket Languages
Pocket Languages
 
Pocket Talk; Spock framework
Pocket Talk; Spock frameworkPocket Talk; Spock framework
Pocket Talk; Spock framework
 
Pocket Talk: Iniciação ao mundo dos vinhos
Pocket Talk: Iniciação ao mundo dos vinhosPocket Talk: Iniciação ao mundo dos vinhos
Pocket Talk: Iniciação ao mundo dos vinhos
 
Pocket Talk: Dados demais, filtros de menos
Pocket Talk: Dados demais, filtros de menosPocket Talk: Dados demais, filtros de menos
Pocket Talk: Dados demais, filtros de menos
 
Pocket Talk: Dicas para uma apresentação de alto impacto
Pocket Talk:  Dicas para uma apresentação de alto impactoPocket Talk:  Dicas para uma apresentação de alto impacto
Pocket Talk: Dicas para uma apresentação de alto impacto
 

Pocket Talk: Princípios de Design