SlideShare uma empresa Scribd logo
1 de 46
Baixar para ler offline
PRINCÍPIOS BÁSICOS
DE DESIGN
SMITH’S SERVICES
Jim Smith
Professional Service
100 Random Street
Suite 16
Somewhere, VA 54321
Tel. 876-5309
Fax. 555-2368
SMITH’S SERVICES
Jim Smith
Professional Service
100 Random Street
Suite 16
Somewhere, VA 54321
Tel. 876-5309
Fax. 555-2368
Além de trabalhar com as informações e
conteúdo, é necessário aplicar
conceitos e princípios de design
para comunicar melhor…
PROXIMIDADE
• Itens relacionados entre si devem ser agrupados.
• Elementos próximos entre si tornam uma unidade
visual.
• Organiza, cria ordem.
• Assim como na vida, a proximidade implica em
uma relação.
PROXIMIDADE
Princípios de design
Princípios de design
Princípios de design
Princípios de design
Princípios de design
ALINHAMENTO
• Nada deve ser colocado arbitrariamente em uma
página.
• Cada item deve ter uma conexão visual com algo
na página.
• Se estiverem alinhados, haverá uma linha
invisível conectando-os.
ALINHAMENTO
Princípios de design
Princípios de design
Princípios de design
Princípios de design
Princípios de design
Princípios de design
Princípios de design
REPETIÇÃO
• Algum aspecto do design deve repetir-se no
material inteiro.
• Pode ser qualquer item que o leitor reconheça
visualmente.
• A repetição pode ser considerada como
“consistência".
• É um esforço para unificar todos os elementos do
design.
REPETIÇÃO
Princípios de design
Princípios de design
Princípios de design
Princípios de design
Princípios de design
CONTRASTE
• O contraste acrescenta algum atrativo visual,
criando uma hierarquia organizacional entre
diferentes elementos.
• Para o contraste ser realmente eficaz, ele deve
ser forte.
• Se dois itens não forem exatamente os mesmos,
diferencie-os completamente.
CONTRASTE
Princípios de design
Princípios de design
Princípios de design
Princípios de design
LEIS DA
GESTALT
Princípios de design
Princípios de design
GESTALT
GESTALT
O olho humano percebe um objeto
como um inteiro antes de perceber
suas partes individuais.
SEMELHANÇA
PROXIMIDADE
CONTINUIDADE
PREGNÂNCIA
FECHAMENTO
UNIFICAÇÃO
MUITO
OBRIGADO!

Mais conteúdo relacionado

Mais procurados

Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Léo Dias
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Wunderman
 
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
 
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
 
Palestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de CasoPalestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de CasoLuiz Agner
 
Composição e Diagramação
Composição e DiagramaçãoComposição e Diagramação
Composição e DiagramaçãoEd Marcos
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Valdir Soares
 
Palestra - Fundamentos do Grid
Palestra - Fundamentos do GridPalestra - Fundamentos do Grid
Palestra - Fundamentos do GridLuiz Agner
 
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
 

Mais procurados (20)

Aula 01 história do design gráfico
Aula 01   história do design gráficoAula 01   história do design gráfico
Aula 01 história do design gráfico
 
Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.
 
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
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
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
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Noções de Design Gráfico
Noções de Design GráficoNoções de Design Gráfico
Noções de Design Gráfico
 
Aula 04 história do design gráfico
Aula 04   história do design gráficoAula 04   história do design gráfico
Aula 04 história do design gráfico
 
Palestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de CasoPalestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de Caso
 
Composição e Diagramação
Composição e DiagramaçãoComposição e Diagramação
Composição e Diagramação
 
Aula Espelho | Design Editorial
Aula Espelho | Design EditorialAula Espelho | Design Editorial
Aula Espelho | Design Editorial
 
Tipografia - Aula
Tipografia - AulaTipografia - Aula
Tipografia - Aula
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
 
Tipografia
TipografiaTipografia
Tipografia
 
Breve História do Design
Breve História do DesignBreve História do Design
Breve História do Design
 
Palestra - Fundamentos do Grid
Palestra - Fundamentos do GridPalestra - Fundamentos do Grid
Palestra - Fundamentos do Grid
 
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 Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 

Destaque

Design para quem não é designer - Robin Williams
Design para quem não é designer - Robin WilliamsDesign para quem não é designer - Robin Williams
Design para quem não é designer - Robin Williamsman3lla
 
Design Pra Quem Não é Designer
Design Pra Quem Não é DesignerDesign Pra Quem Não é Designer
Design Pra Quem Não é DesignerDaniela Fiuza
 
Princípios de Design de Interação
Princípios de Design de InteraçãoPrincípios de Design de Interação
Princípios de Design de InteraçãoPedro Marcel Azevedo
 
Ciencias naturales sistema inmunológico
Ciencias naturales sistema inmunológicoCiencias naturales sistema inmunológico
Ciencias naturales sistema inmunológicofelix
 
Quando Efe | Identidade Visual do Espetáculo
Quando Efe | Identidade Visual do EspetáculoQuando Efe | Identidade Visual do Espetáculo
Quando Efe | Identidade Visual do EspetáculoAlegria Design
 
Gos and Nogos for Startup Logos
Gos and Nogos for Startup LogosGos and Nogos for Startup Logos
Gos and Nogos for Startup LogosJohannes Krempl
 
MPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - UsabilidadeMPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - UsabilidadeAlan Vasconcelos
 
Identidade Visual - NV Store
Identidade Visual - NV StoreIdentidade Visual - NV Store
Identidade Visual - NV StoreAlegria Design
 
Design para quem não é Designer - WordCamp SP - Marco Frasson
Design para quem não é Designer - WordCamp SP - Marco FrassonDesign para quem não é Designer - WordCamp SP - Marco Frasson
Design para quem não é Designer - WordCamp SP - Marco FrassonMarco Frasson
 
Arquitetura de Informação: história, definição e seus elementos
Arquitetura de Informação: história, definição e seus elementosArquitetura de Informação: história, definição e seus elementos
Arquitetura de Informação: história, definição e seus elementosLuciana Nunes
 
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcu
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcuUsabilidade 2 - Metas, princípios e leis do design, agile vs dcu
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcuMarcello Cardoso
 
Apresentação principios do design share
Apresentação principios do design shareApresentação principios do design share
Apresentação principios do design shareLoreane Brandizzi
 
O que você precisa saber de design para montar o seu negócio
O que você precisa saber de design para montar o seu negócioO que você precisa saber de design para montar o seu negócio
O que você precisa saber de design para montar o seu negócioAlegria Design
 
Strategy Execution Summit 2013 - Programa
Strategy Execution Summit 2013 - ProgramaStrategy Execution Summit 2013 - Programa
Strategy Execution Summit 2013 - Programa24x7 COMUNICAÇÃO
 
Miguel Dantas - Goodyear - painel 2
Miguel Dantas - Goodyear - painel 2Miguel Dantas - Goodyear - painel 2
Miguel Dantas - Goodyear - painel 2Unomarketing
 
Modelos mentais animados revisado
Modelos mentais animados revisadoModelos mentais animados revisado
Modelos mentais animados revisadopaulafdc
 

Destaque (20)

Interface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHCInterface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHC
 
Design para quem não é designer - Robin Williams
Design para quem não é designer - Robin WilliamsDesign para quem não é designer - Robin Williams
Design para quem não é designer - Robin Williams
 
Design Pra Quem Não é Designer
Design Pra Quem Não é DesignerDesign Pra Quem Não é Designer
Design Pra Quem Não é Designer
 
Princípios do Design Universal
Princípios do Design UniversalPrincípios do Design Universal
Princípios do Design Universal
 
Princípios de Design de Interação
Princípios de Design de InteraçãoPrincípios de Design de Interação
Princípios de Design de Interação
 
Design de interação
Design de interaçãoDesign de interação
Design de interação
 
Ciencias naturales sistema inmunológico
Ciencias naturales sistema inmunológicoCiencias naturales sistema inmunológico
Ciencias naturales sistema inmunológico
 
Quando Efe | Identidade Visual do Espetáculo
Quando Efe | Identidade Visual do EspetáculoQuando Efe | Identidade Visual do Espetáculo
Quando Efe | Identidade Visual do Espetáculo
 
Gos and Nogos for Startup Logos
Gos and Nogos for Startup LogosGos and Nogos for Startup Logos
Gos and Nogos for Startup Logos
 
MPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - UsabilidadeMPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - Usabilidade
 
Identidade Visual - NV Store
Identidade Visual - NV StoreIdentidade Visual - NV Store
Identidade Visual - NV Store
 
Design para quem não é Designer - WordCamp SP - Marco Frasson
Design para quem não é Designer - WordCamp SP - Marco FrassonDesign para quem não é Designer - WordCamp SP - Marco Frasson
Design para quem não é Designer - WordCamp SP - Marco Frasson
 
Arquitetura de Informação: história, definição e seus elementos
Arquitetura de Informação: história, definição e seus elementosArquitetura de Informação: história, definição e seus elementos
Arquitetura de Informação: história, definição e seus elementos
 
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcu
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcuUsabilidade 2 - Metas, princípios e leis do design, agile vs dcu
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcu
 
Apresentação principios do design share
Apresentação principios do design shareApresentação principios do design share
Apresentação principios do design share
 
O que você precisa saber de design para montar o seu negócio
O que você precisa saber de design para montar o seu negócioO que você precisa saber de design para montar o seu negócio
O que você precisa saber de design para montar o seu negócio
 
Interface homem computador - Aula06 - logo design e arquitetura da informação
Interface homem computador - Aula06 - logo design e arquitetura da informaçãoInterface homem computador - Aula06 - logo design e arquitetura da informação
Interface homem computador - Aula06 - logo design e arquitetura da informação
 
Strategy Execution Summit 2013 - Programa
Strategy Execution Summit 2013 - ProgramaStrategy Execution Summit 2013 - Programa
Strategy Execution Summit 2013 - Programa
 
Miguel Dantas - Goodyear - painel 2
Miguel Dantas - Goodyear - painel 2Miguel Dantas - Goodyear - painel 2
Miguel Dantas - Goodyear - painel 2
 
Modelos mentais animados revisado
Modelos mentais animados revisadoModelos mentais animados revisado
Modelos mentais animados revisado
 

Mais de Tersis Zonato

Documentar e planejar projetos de UX
Documentar e planejar projetos de UXDocumentar e planejar projetos de UX
Documentar e planejar projetos de UXTersis Zonato
 
Teoria da comunicação
Teoria da comunicaçãoTeoria da comunicação
Teoria da comunicaçãoTersis Zonato
 
Convergência e interfaces digitais
Convergência e interfaces digitaisConvergência e interfaces digitais
Convergência e interfaces digitaisTersis Zonato
 
Convergência e inteligência coletiva
Convergência e inteligência coletivaConvergência e inteligência coletiva
Convergência e inteligência coletivaTersis Zonato
 
Princípios de convergência digital
Princípios de convergência digitalPrincípios de convergência digital
Princípios de convergência digitalTersis Zonato
 
Classificando o conteúdo com card sorting
Classificando o conteúdo com card sortingClassificando o conteúdo com card sorting
Classificando o conteúdo com card sortingTersis Zonato
 
Gerenciando projetos de Experência do Usuário
Gerenciando projetos de Experência do UsuárioGerenciando projetos de Experência do Usuário
Gerenciando projetos de Experência do UsuárioTersis Zonato
 
Introdução à experiência do usuário
Introdução à experiência do usuárioIntrodução à experiência do usuário
Introdução à experiência do usuárioTersis Zonato
 
Curso: Web Design Responsivo
Curso: Web Design ResponsivoCurso: Web Design Responsivo
Curso: Web Design ResponsivoTersis Zonato
 
Wireframes para sites e dispositivos móveis
Wireframes para sites e dispositivos móveisWireframes para sites e dispositivos móveis
Wireframes para sites e dispositivos móveisTersis Zonato
 
Interface e informação
Interface e informaçãoInterface e informação
Interface e informaçãoTersis Zonato
 
Projeto de interface
Projeto de interfaceProjeto de interface
Projeto de interfaceTersis Zonato
 
O Universo das Interações
O Universo das InteraçõesO Universo das Interações
O Universo das InteraçõesTersis Zonato
 
Dicas para o desenvolvimento do seu TCC
Dicas para o desenvolvimento do seu TCCDicas para o desenvolvimento do seu TCC
Dicas para o desenvolvimento do seu TCCTersis Zonato
 
Responsive web design
Responsive web designResponsive web design
Responsive web designTersis Zonato
 
Usabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de NielsenUsabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de NielsenTersis Zonato
 
Meu trabalho... é meu mesmo?
Meu trabalho... é meu mesmo?Meu trabalho... é meu mesmo?
Meu trabalho... é meu mesmo?Tersis Zonato
 
Wireframes para sites e projetos de multimídia
Wireframes para sites e projetos de multimídiaWireframes para sites e projetos de multimídia
Wireframes para sites e projetos de multimídiaTersis Zonato
 
A importância do briefing para evitar “guerras” futuras
A importância do briefing para evitar “guerras” futurasA importância do briefing para evitar “guerras” futuras
A importância do briefing para evitar “guerras” futurasTersis Zonato
 
Inserindo personas em cenários para projetos interativos
Inserindo personas em cenários para projetos interativosInserindo personas em cenários para projetos interativos
Inserindo personas em cenários para projetos interativosTersis Zonato
 

Mais de Tersis Zonato (20)

Documentar e planejar projetos de UX
Documentar e planejar projetos de UXDocumentar e planejar projetos de UX
Documentar e planejar projetos de UX
 
Teoria da comunicação
Teoria da comunicaçãoTeoria da comunicação
Teoria da comunicação
 
Convergência e interfaces digitais
Convergência e interfaces digitaisConvergência e interfaces digitais
Convergência e interfaces digitais
 
Convergência e inteligência coletiva
Convergência e inteligência coletivaConvergência e inteligência coletiva
Convergência e inteligência coletiva
 
Princípios de convergência digital
Princípios de convergência digitalPrincípios de convergência digital
Princípios de convergência digital
 
Classificando o conteúdo com card sorting
Classificando o conteúdo com card sortingClassificando o conteúdo com card sorting
Classificando o conteúdo com card sorting
 
Gerenciando projetos de Experência do Usuário
Gerenciando projetos de Experência do UsuárioGerenciando projetos de Experência do Usuário
Gerenciando projetos de Experência do Usuário
 
Introdução à experiência do usuário
Introdução à experiência do usuárioIntrodução à experiência do usuário
Introdução à experiência do usuário
 
Curso: Web Design Responsivo
Curso: Web Design ResponsivoCurso: Web Design Responsivo
Curso: Web Design Responsivo
 
Wireframes para sites e dispositivos móveis
Wireframes para sites e dispositivos móveisWireframes para sites e dispositivos móveis
Wireframes para sites e dispositivos móveis
 
Interface e informação
Interface e informaçãoInterface e informação
Interface e informação
 
Projeto de interface
Projeto de interfaceProjeto de interface
Projeto de interface
 
O Universo das Interações
O Universo das InteraçõesO Universo das Interações
O Universo das Interações
 
Dicas para o desenvolvimento do seu TCC
Dicas para o desenvolvimento do seu TCCDicas para o desenvolvimento do seu TCC
Dicas para o desenvolvimento do seu TCC
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
Usabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de NielsenUsabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de Nielsen
 
Meu trabalho... é meu mesmo?
Meu trabalho... é meu mesmo?Meu trabalho... é meu mesmo?
Meu trabalho... é meu mesmo?
 
Wireframes para sites e projetos de multimídia
Wireframes para sites e projetos de multimídiaWireframes para sites e projetos de multimídia
Wireframes para sites e projetos de multimídia
 
A importância do briefing para evitar “guerras” futuras
A importância do briefing para evitar “guerras” futurasA importância do briefing para evitar “guerras” futuras
A importância do briefing para evitar “guerras” futuras
 
Inserindo personas em cenários para projetos interativos
Inserindo personas em cenários para projetos interativosInserindo personas em cenários para projetos interativos
Inserindo personas em cenários para projetos interativos
 

Princípios de design