SlideShare uma empresa Scribd logo
1 de 31
DESIGN desenho, desígnio
Princípios de design Proximidade e alinhamento Equilíbrio, proporção e simetria III. Contraste, cores e brancos IV. Ordem, consistência e repetição  V. Simplificação  VI. Legibilidade VII.Integração
Princípios de design legibilidade She sells shells by the sea shore. So if she sells shells on the sea shore, I'm sure she sells seashore shells.
Processo de Criação
Definir propósito e público-alvo  objetivo da comunicação? que perfil de usuários se espera no site? estética+usabilidade
Grid arquitetura da informação
Grid área total
Grid definição de proporção proporção áurea
utilização da proporção
fuga da proporção
Grid padronize as dimensões
faça um levantamento dos elementos
Cores psicologia das cores cada cor carrega um sentimento
Cores
Cores composição
Cores disco de cores
Cores monocromático
Cores análogo
Cores complementar
Cores http://kuler.adobe.com
Tipografia o texto fala “todos os bancários disseram que iriam entrar em greve se não fossem atendidos” Um texto COM TODAS AS LETRAS EM MAIÚSCULAS é lido muito lentamente e só deve ser usado em situações de muita ênfase. Na web, é o equivalente de um grito. OLHA PRA MIM! Marketing não leva itálico, entrepeneurshipleva. V O C Ê  S A B E  S O L E T R A R ?
Tipografia alinhamento Um texto pode estar alinhado à esquerda, que é a forma mais fácil de se ler (a não ser, óbvio, que você esteja escrevendo em chinês, japonês, hebraico ou árabe): nossos olhos marcam uma margem, lêem a linha inteira de texto e pulam até a linha de baixo. Textos centralizados costumam ser estáticos. Podem ser usados como títulos de produtos clássicos ou tradicionais. Não se deve usá-los para textos corridos porque os olhos do leitor não saberão onde começa a linha, pois não têm a margem para se apoiar.
Tipografia alinhamento Alinhar um texto à direita é uma solução de contraste bastante radical e costuma chamar muito a atenção. Em longos textos é tão difícil de ler quanto o layout centralizado, pois não há referência de onde começa a linha. Quando cometemos um erro e escrevemos explicando o porquê, estamos fazendo uma justificativa.Isso é um texto justificado. Aqueles textos alinhadinhos nas duas margens são chamados blocados (justificado é tradução ruim do inglês justified, “ajustado”) e muito usados em layouts clássicos. Não devem ser utilizados em colunas estreitas, pois podem criar “rios” de espaços em branco entre as palavras, dificultando a leitura.
Tipografia fontes seguras
Tipografia impresso - o leitor irá seguir o fluxo de informação do início ao fim da esquerda para direita. online - o usuário antes da leitura passa por toda página a procura por algo no conteúdo que lhe interesse.
Tipografia fontes de legíveis escreva títulos que possam resumir o que o usuário irá encontrar no texto. sempre que possível utilize uma curta introdução. utilize parágrafos pequenos, pois podem ser lidos mais rapidamente. tratamento de links
Tipografia destaque as palavras-chaves sempre que possível organize seu conteúdo em listas, gráficos ou tabelas. eles facilitam a compreensão e conseguem reunir uma grande quantidade de informação. utilize imagens para conquistar o usuário
Agora é mão na massa! o mundo é completamente novo e é bom se preparar para ele. pois o único jeito de prever o futuro é criá-lo!
Obrigado! :) para contatos imediatos de 1°, 2° e 3° grau, se liga no link: meadiciona.com/kennedy

Mais conteúdo relacionado

Mais procurados

Dicas para escrever bem
Dicas  para escrever  bemDicas  para escrever  bem
Dicas para escrever bemgervaine
 
Como escrever-com-clareza
Como escrever-com-clarezaComo escrever-com-clareza
Como escrever-com-clarezaorvel
 
Dicas para fazer uma melhor apresentação
Dicas para fazer uma melhor apresentaçãoDicas para fazer uma melhor apresentação
Dicas para fazer uma melhor apresentaçãoArtur Castro
 
Aula 1 - Técnica de Redação de Documentos
Aula 1 - Técnica de Redação de DocumentosAula 1 - Técnica de Redação de Documentos
Aula 1 - Técnica de Redação de DocumentosHebert De Paula Santana
 
Seminário de redação iv
Seminário de redação ivSeminário de redação iv
Seminário de redação ivJess Gama
 
Orientações sobre uma Boa Redação SildoRodriguesJR
Orientações sobre uma Boa Redação  SildoRodriguesJROrientações sobre uma Boa Redação  SildoRodriguesJR
Orientações sobre uma Boa Redação SildoRodriguesJRSildo Junior
 
Blog ligado na lição
Blog ligado na liçãoBlog ligado na lição
Blog ligado na liçãoligadonalicao
 
AULA 05 - DICAS DE REDAÇÃO - DETALHES QUE FARÃO DIFERENÇA NA SUA REDAÇÃO
AULA 05 - DICAS DE REDAÇÃO - DETALHES QUE FARÃO DIFERENÇA NA SUA REDAÇÃOAULA 05 - DICAS DE REDAÇÃO - DETALHES QUE FARÃO DIFERENÇA NA SUA REDAÇÃO
AULA 05 - DICAS DE REDAÇÃO - DETALHES QUE FARÃO DIFERENÇA NA SUA REDAÇÃOMarcelo Cordeiro Souza
 
Apresentação final v7
Apresentação final v7Apresentação final v7
Apresentação final v7apaltorodes
 

Mais procurados (17)

Dicas para escrever bem
Dicas  para escrever  bemDicas  para escrever  bem
Dicas para escrever bem
 
Como escrever-com-clareza
Como escrever-com-clarezaComo escrever-com-clareza
Como escrever-com-clareza
 
Como Escrever Bem
Como Escrever BemComo Escrever Bem
Como Escrever Bem
 
Dicas para fazer uma melhor apresentação
Dicas para fazer uma melhor apresentaçãoDicas para fazer uma melhor apresentação
Dicas para fazer uma melhor apresentação
 
Dicas redação
Dicas redaçãoDicas redação
Dicas redação
 
Dicas para um bom texto jornalístico
Dicas para um bom texto jornalísticoDicas para um bom texto jornalístico
Dicas para um bom texto jornalístico
 
Aula 1 - Técnica de Redação de Documentos
Aula 1 - Técnica de Redação de DocumentosAula 1 - Técnica de Redação de Documentos
Aula 1 - Técnica de Redação de Documentos
 
Como produzir um artigo jornalístico
Como produzir um artigo jornalísticoComo produzir um artigo jornalístico
Como produzir um artigo jornalístico
 
Seminário de redação iv
Seminário de redação ivSeminário de redação iv
Seminário de redação iv
 
LEITURA
LEITURALEITURA
LEITURA
 
Orientações sobre uma Boa Redação SildoRodriguesJR
Orientações sobre uma Boa Redação  SildoRodriguesJROrientações sobre uma Boa Redação  SildoRodriguesJR
Orientações sobre uma Boa Redação SildoRodriguesJR
 
Redação:Texto Dissertativo
Redação:Texto DissertativoRedação:Texto Dissertativo
Redação:Texto Dissertativo
 
Carta
CartaCarta
Carta
 
Blog ligado na lição
Blog ligado na liçãoBlog ligado na lição
Blog ligado na lição
 
Planejamento paragrafo
Planejamento paragrafoPlanejamento paragrafo
Planejamento paragrafo
 
AULA 05 - DICAS DE REDAÇÃO - DETALHES QUE FARÃO DIFERENÇA NA SUA REDAÇÃO
AULA 05 - DICAS DE REDAÇÃO - DETALHES QUE FARÃO DIFERENÇA NA SUA REDAÇÃOAULA 05 - DICAS DE REDAÇÃO - DETALHES QUE FARÃO DIFERENÇA NA SUA REDAÇÃO
AULA 05 - DICAS DE REDAÇÃO - DETALHES QUE FARÃO DIFERENÇA NA SUA REDAÇÃO
 
Apresentação final v7
Apresentação final v7Apresentação final v7
Apresentação final v7
 

Destaque

Manual Infoglobo
Manual InfogloboManual Infoglobo
Manual Infoglobodmazbnet
 
Guia de Identidade Visual e Naming by ABA
Guia de Identidade Visual e Naming by ABAGuia de Identidade Visual e Naming by ABA
Guia de Identidade Visual e Naming by ABABeto Lima Branding
 
O uso das cores na publicidade
O uso das cores na publicidadeO uso das cores na publicidade
O uso das cores na publicidadeBreno Brito
 
Desafios do Profissional de Comunicação Visual
Desafios do Profissional de Comunicação VisualDesafios do Profissional de Comunicação Visual
Desafios do Profissional de Comunicação VisualAlessandro Dias
 
Apostila dominando ps cs5
Apostila dominando ps cs5Apostila dominando ps cs5
Apostila dominando ps cs5grazielli1993
 
Workshop de textos - Palavras ao vento - photoshop, illustrator, coreldraw, i...
Workshop de textos - Palavras ao vento - photoshop, illustrator, coreldraw, i...Workshop de textos - Palavras ao vento - photoshop, illustrator, coreldraw, i...
Workshop de textos - Palavras ao vento - photoshop, illustrator, coreldraw, i...haroldo Brito
 
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...haroldo Brito
 
InDesign - Fechamento de Arquivo em PostScript e PDF
InDesign - Fechamento de Arquivo em PostScript e PDFInDesign - Fechamento de Arquivo em PostScript e PDF
InDesign - Fechamento de Arquivo em PostScript e PDFdualpixel
 
Manual Digital
Manual DigitalManual Digital
Manual Digitaldmazbnet
 
Apresentação Modelos de Negócios Digitais - FEI - São Bernardo do Campo - 08/...
Apresentação Modelos de Negócios Digitais - FEI - São Bernardo do Campo - 08/...Apresentação Modelos de Negócios Digitais - FEI - São Bernardo do Campo - 08/...
Apresentação Modelos de Negócios Digitais - FEI - São Bernardo do Campo - 08/...Fabio Souza Damasceno
 
[cv - 2011.2] 13 - layout e proporção áurea
[cv - 2011.2] 13 - layout e proporção áurea[cv - 2011.2] 13 - layout e proporção áurea
[cv - 2011.2] 13 - layout e proporção áureaEduardo Novais
 
O processo de design_Graphic Design Thinking
O processo de design_Graphic Design ThinkingO processo de design_Graphic Design Thinking
O processo de design_Graphic Design Thinkingprofclaubordin
 
Criação Publicitária - Espaço Pixel - 15-02-2014
Criação Publicitária - Espaço Pixel - 15-02-2014Criação Publicitária - Espaço Pixel - 15-02-2014
Criação Publicitária - Espaço Pixel - 15-02-2014Netto Carvalho
 

Destaque (20)

Manual Infoglobo
Manual InfogloboManual Infoglobo
Manual Infoglobo
 
Guia de Identidade Visual e Naming by ABA
Guia de Identidade Visual e Naming by ABAGuia de Identidade Visual e Naming by ABA
Guia de Identidade Visual e Naming by ABA
 
O Layout
O LayoutO Layout
O Layout
 
Projeto Gráfico | Pictogramas
Projeto Gráfico | PictogramasProjeto Gráfico | Pictogramas
Projeto Gráfico | Pictogramas
 
O uso das cores na publicidade
O uso das cores na publicidadeO uso das cores na publicidade
O uso das cores na publicidade
 
Desafios do Profissional de Comunicação Visual
Desafios do Profissional de Comunicação VisualDesafios do Profissional de Comunicação Visual
Desafios do Profissional de Comunicação Visual
 
Apostila dominando ps cs5
Apostila dominando ps cs5Apostila dominando ps cs5
Apostila dominando ps cs5
 
Workshop de textos - Palavras ao vento - photoshop, illustrator, coreldraw, i...
Workshop de textos - Palavras ao vento - photoshop, illustrator, coreldraw, i...Workshop de textos - Palavras ao vento - photoshop, illustrator, coreldraw, i...
Workshop de textos - Palavras ao vento - photoshop, illustrator, coreldraw, i...
 
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
 
InDesign - Fechamento de Arquivo em PostScript e PDF
InDesign - Fechamento de Arquivo em PostScript e PDFInDesign - Fechamento de Arquivo em PostScript e PDF
InDesign - Fechamento de Arquivo em PostScript e PDF
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
 
Manual Digital
Manual DigitalManual Digital
Manual Digital
 
Apresentação Modelos de Negócios Digitais - FEI - São Bernardo do Campo - 08/...
Apresentação Modelos de Negócios Digitais - FEI - São Bernardo do Campo - 08/...Apresentação Modelos de Negócios Digitais - FEI - São Bernardo do Campo - 08/...
Apresentação Modelos de Negócios Digitais - FEI - São Bernardo do Campo - 08/...
 
Marketing 3.0 - Aplicação
Marketing 3.0 - AplicaçãoMarketing 3.0 - Aplicação
Marketing 3.0 - Aplicação
 
Apresentação Stuart Hall e Barbosa & Campbell
Apresentação Stuart Hall e Barbosa & CampbellApresentação Stuart Hall e Barbosa & Campbell
Apresentação Stuart Hall e Barbosa & Campbell
 
[cv - 2011.2] 13 - layout e proporção áurea
[cv - 2011.2] 13 - layout e proporção áurea[cv - 2011.2] 13 - layout e proporção áurea
[cv - 2011.2] 13 - layout e proporção áurea
 
Proporção Áurea
Proporção ÁureaProporção Áurea
Proporção Áurea
 
O processo de design_Graphic Design Thinking
O processo de design_Graphic Design ThinkingO processo de design_Graphic Design Thinking
O processo de design_Graphic Design Thinking
 
Criação Publicitária - Espaço Pixel - 15-02-2014
Criação Publicitária - Espaço Pixel - 15-02-2014Criação Publicitária - Espaço Pixel - 15-02-2014
Criação Publicitária - Espaço Pixel - 15-02-2014
 
Conceito, Linha Criativa e Execução
Conceito, Linha Criativa e ExecuçãoConceito, Linha Criativa e Execução
Conceito, Linha Criativa e Execução
 

Semelhante a Design

O que significa comunicacao gráfica visual
O que significa comunicacao gráfica visualO que significa comunicacao gráfica visual
O que significa comunicacao gráfica visualAndrea Castro
 
Composicao pps
Composicao ppsComposicao pps
Composicao ppswiccket
 
Regras Para A CriaçãO De Powerpoint1
Regras Para A CriaçãO De Powerpoint1Regras Para A CriaçãO De Powerpoint1
Regras Para A CriaçãO De Powerpoint1Domusnet
 
Aperfeiçoar apresentações
Aperfeiçoar apresentaçõesAperfeiçoar apresentações
Aperfeiçoar apresentaçõesMarcio Uzum
 
Arte publicitária i princípios básicos do design e tipografia
Arte publicitária i   princípios básicos do design e tipografiaArte publicitária i   princípios básicos do design e tipografia
Arte publicitária i princípios básicos do design e tipografiaTaís Paranhos
 
Midia Impressa #03 - Elementos Gráficos 2
Midia Impressa #03 - Elementos Gráficos 2Midia Impressa #03 - Elementos Gráficos 2
Midia Impressa #03 - Elementos Gráficos 2Renato Melo
 
Lm1 t15 tipografia digital parte_3
Lm1 t15 tipografia digital parte_3Lm1 t15 tipografia digital parte_3
Lm1 t15 tipografia digital parte_3Mariovski Sky
 
DC - GUIÃO_MÓD5.docx
DC - GUIÃO_MÓD5.docxDC - GUIÃO_MÓD5.docx
DC - GUIÃO_MÓD5.docxFrancisTirso
 
Design Pra Quem Não é Designer
Design Pra Quem Não é DesignerDesign Pra Quem Não é Designer
Design Pra Quem Não é DesignerDaniela Fiuza
 
Design para quem nao eh designer
Design para quem nao eh designerDesign para quem nao eh designer
Design para quem nao eh designerMônica Arriada
 
PRINCÍPIOS E TÉCNICAS DE DESIGN NA PRODUÇÃO DE AUDIOVISUAIS.pdf
PRINCÍPIOS E TÉCNICAS DE DESIGN NA PRODUÇÃO DE AUDIOVISUAIS.pdfPRINCÍPIOS E TÉCNICAS DE DESIGN NA PRODUÇÃO DE AUDIOVISUAIS.pdf
PRINCÍPIOS E TÉCNICAS DE DESIGN NA PRODUÇÃO DE AUDIOVISUAIS.pdfHiran Ferreira Lira
 

Semelhante a Design (20)

O que significa comunicacao gráfica visual
O que significa comunicacao gráfica visualO que significa comunicacao gráfica visual
O que significa comunicacao gráfica visual
 
Composicao pps
Composicao ppsComposicao pps
Composicao pps
 
Composição gráfica
Composição gráficaComposição gráfica
Composição gráfica
 
Princípios básicos
Princípios básicosPrincípios básicos
Princípios básicos
 
Regras Para A CriaçãO De Powerpoint1
Regras Para A CriaçãO De Powerpoint1Regras Para A CriaçãO De Powerpoint1
Regras Para A CriaçãO De Powerpoint1
 
Aperfeiçoar apresentações
Aperfeiçoar apresentaçõesAperfeiçoar apresentações
Aperfeiçoar apresentações
 
Arte publicitária i princípios básicos do design e tipografia
Arte publicitária i   princípios básicos do design e tipografiaArte publicitária i   princípios básicos do design e tipografia
Arte publicitária i princípios básicos do design e tipografia
 
Midia Impressa #03 - Elementos Gráficos 2
Midia Impressa #03 - Elementos Gráficos 2Midia Impressa #03 - Elementos Gráficos 2
Midia Impressa #03 - Elementos Gráficos 2
 
Workshop
WorkshopWorkshop
Workshop
 
Lm1 t15 tipografia digital parte_3
Lm1 t15 tipografia digital parte_3Lm1 t15 tipografia digital parte_3
Lm1 t15 tipografia digital parte_3
 
Guia para Desenvolver Interfaces Digitais Acessíveis
Guia para Desenvolver Interfaces Digitais AcessíveisGuia para Desenvolver Interfaces Digitais Acessíveis
Guia para Desenvolver Interfaces Digitais Acessíveis
 
CRP0357-2014-05
CRP0357-2014-05CRP0357-2014-05
CRP0357-2014-05
 
DC - GUIÃO_MÓD5.docx
DC - GUIÃO_MÓD5.docxDC - GUIÃO_MÓD5.docx
DC - GUIÃO_MÓD5.docx
 
Dicas Powerpoint
Dicas PowerpointDicas Powerpoint
Dicas Powerpoint
 
Palestra tipografia fernanda mujica
Palestra tipografia   fernanda mujicaPalestra tipografia   fernanda mujica
Palestra tipografia fernanda mujica
 
Design Pra Quem Não é Designer
Design Pra Quem Não é DesignerDesign Pra Quem Não é Designer
Design Pra Quem Não é Designer
 
Design para quem nao eh designer
Design para quem nao eh designerDesign para quem nao eh designer
Design para quem nao eh designer
 
Tipografia
TipografiaTipografia
Tipografia
 
PRINCÍPIOS E TÉCNICAS DE DESIGN NA PRODUÇÃO DE AUDIOVISUAIS.pdf
PRINCÍPIOS E TÉCNICAS DE DESIGN NA PRODUÇÃO DE AUDIOVISUAIS.pdfPRINCÍPIOS E TÉCNICAS DE DESIGN NA PRODUÇÃO DE AUDIOVISUAIS.pdf
PRINCÍPIOS E TÉCNICAS DE DESIGN NA PRODUÇÃO DE AUDIOVISUAIS.pdf
 
CRP0357-2016-04
CRP0357-2016-04CRP0357-2016-04
CRP0357-2016-04
 

Design

  • 2. Princípios de design Proximidade e alinhamento Equilíbrio, proporção e simetria III. Contraste, cores e brancos IV. Ordem, consistência e repetição V. Simplificação VI. Legibilidade VII.Integração
  • 3. Princípios de design legibilidade She sells shells by the sea shore. So if she sells shells on the sea shore, I'm sure she sells seashore shells.
  • 5. Definir propósito e público-alvo objetivo da comunicação? que perfil de usuários se espera no site? estética+usabilidade
  • 6. Grid arquitetura da informação
  • 8. Grid definição de proporção proporção áurea
  • 9.
  • 12. Grid padronize as dimensões
  • 13. faça um levantamento dos elementos
  • 14. Cores psicologia das cores cada cor carrega um sentimento
  • 15. Cores
  • 17. Cores disco de cores
  • 22. Tipografia o texto fala “todos os bancários disseram que iriam entrar em greve se não fossem atendidos” Um texto COM TODAS AS LETRAS EM MAIÚSCULAS é lido muito lentamente e só deve ser usado em situações de muita ênfase. Na web, é o equivalente de um grito. OLHA PRA MIM! Marketing não leva itálico, entrepeneurshipleva. V O C Ê S A B E S O L E T R A R ?
  • 23. Tipografia alinhamento Um texto pode estar alinhado à esquerda, que é a forma mais fácil de se ler (a não ser, óbvio, que você esteja escrevendo em chinês, japonês, hebraico ou árabe): nossos olhos marcam uma margem, lêem a linha inteira de texto e pulam até a linha de baixo. Textos centralizados costumam ser estáticos. Podem ser usados como títulos de produtos clássicos ou tradicionais. Não se deve usá-los para textos corridos porque os olhos do leitor não saberão onde começa a linha, pois não têm a margem para se apoiar.
  • 24. Tipografia alinhamento Alinhar um texto à direita é uma solução de contraste bastante radical e costuma chamar muito a atenção. Em longos textos é tão difícil de ler quanto o layout centralizado, pois não há referência de onde começa a linha. Quando cometemos um erro e escrevemos explicando o porquê, estamos fazendo uma justificativa.Isso é um texto justificado. Aqueles textos alinhadinhos nas duas margens são chamados blocados (justificado é tradução ruim do inglês justified, “ajustado”) e muito usados em layouts clássicos. Não devem ser utilizados em colunas estreitas, pois podem criar “rios” de espaços em branco entre as palavras, dificultando a leitura.
  • 26. Tipografia impresso - o leitor irá seguir o fluxo de informação do início ao fim da esquerda para direita. online - o usuário antes da leitura passa por toda página a procura por algo no conteúdo que lhe interesse.
  • 27. Tipografia fontes de legíveis escreva títulos que possam resumir o que o usuário irá encontrar no texto. sempre que possível utilize uma curta introdução. utilize parágrafos pequenos, pois podem ser lidos mais rapidamente. tratamento de links
  • 28. Tipografia destaque as palavras-chaves sempre que possível organize seu conteúdo em listas, gráficos ou tabelas. eles facilitam a compreensão e conseguem reunir uma grande quantidade de informação. utilize imagens para conquistar o usuário
  • 29.
  • 30. Agora é mão na massa! o mundo é completamente novo e é bom se preparar para ele. pois o único jeito de prever o futuro é criá-lo!
  • 31. Obrigado! :) para contatos imediatos de 1°, 2° e 3° grau, se liga no link: meadiciona.com/kennedy