SlideShare uma empresa Scribd logo
DESIGNdesenho, desígnio
Princípios de designProximidade e alinhamentoEquilíbrio, proporção e simetriaIII. Contraste, cores e brancosIV. Ordem, consistência e repetição V. Simplificação VI. LegibilidadeVII.Integração
Princípios de designlegibilidadeShe 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
Gridarquitetura da informação
Gridárea total
Griddefinição de proporçãoproporção áurea
Design
utilização da proporção
fuga da proporção
Gridpadronize as dimensões
faça um levantamento dos elementos
Corespsicologia das corescada cor carrega um sentimento
Cores
Corescomposição
Coresdisco de cores
Coresmonocromático
Coresanálogo
Corescomplementar
Coreshttp://kuler.adobe.com
Tipografiao 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 ?
TipografiaalinhamentoUm 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, hebraicoou árabe): nossos olhos marcam uma margem, lêem alinha 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ássicosou tradicionais. Não se deve usá-los para textos corridosporque os olhos do leitor não saberão onde começa alinha, pois não têm a margem para se apoiar.
TipografiaalinhamentoAlinhar um texto à direita é uma soluçãode contraste bastante radical e costuma chamarmuito a atenção. Em longos textos é tão difícilde ler quanto o layout centralizado, pois nãohá 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.
Tipografiafontes seguras
Tipografiaimpresso - 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.
Tipografiafontes de legíveisescreva 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
Tipografiadestaque as palavras-chavessempre 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
Design
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

PPT
Tipografia
PDF
Tipografia 2
PDF
Tipografia - versão 2.0
PPTX
Tipografia
PPTX
Informática para Internet - Aula 08
PPT
Conceitos básicos sobre tipografia.
PPT
Textos em outros formatos e plataformas
PPT
Dicas para escrever bem
Tipografia
Tipografia 2
Tipografia - versão 2.0
Tipografia
Informática para Internet - Aula 08
Conceitos básicos sobre tipografia.
Textos em outros formatos e plataformas
Dicas para escrever bem

Mais procurados (16)

PDF
Como escrever-com-clareza
PPT
Como Escrever Bem
PPTX
Dicas para fazer uma melhor apresentação
PPTX
Dicas redação
PPTX
Dicas para um bom texto jornalístico
PPTX
Aula 1 - Técnica de Redação de Documentos
PDF
Como produzir um artigo jornalístico
PPT
Seminário de redação iv
PPTX
Orientações sobre uma Boa Redação SildoRodriguesJR
PPTX
Redação:Texto Dissertativo
PDF
Blog ligado na lição
PPT
Planejamento paragrafo
PPTX
AULA 05 - DICAS DE REDAÇÃO - DETALHES QUE FARÃO DIFERENÇA NA SUA REDAÇÃO
PPTX
Apresentação final v7
Como escrever-com-clareza
Como Escrever Bem
Dicas para fazer uma melhor apresentação
Dicas redação
Dicas para um bom texto jornalístico
Aula 1 - Técnica de Redação de Documentos
Como produzir um artigo jornalístico
Seminário de redação iv
Orientações sobre uma Boa Redação SildoRodriguesJR
Redação:Texto Dissertativo
Blog ligado na lição
Planejamento paragrafo
AULA 05 - DICAS DE REDAÇÃO - DETALHES QUE FARÃO DIFERENÇA NA SUA REDAÇÃO
Apresentação final v7
Anúncio

Destaque (20)

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

Semelhante a Design (20)

PPT
Arte publicitária i princípios básicos do design e tipografia
PPTX
Diagramacao ua
PPSX
Composicao pps
DOC
O design equilibrado6
PDF
Princípios básicos II
PDF
4 principios planejamento visual
PDF
Planej Visual Os Quatros PrincíPios BáSicos
PDF
PDF
Noções de planejamento visual
PDF
Aula03 planejamento grafico
PPT
Design para quem nao eh designer
PPT
Design Pra Quem Não é Designer
PPSX
Aula 06 linguagem visual
PPT
Aula03
PDF
659 html
DOCX
O que significa comunicacao gráfica visual
PPT
Composição gráfica
PDF
Planejamento visual os 4 principios basicos
Arte publicitária i princípios básicos do design e tipografia
Diagramacao ua
Composicao pps
O design equilibrado6
Princípios básicos II
4 principios planejamento visual
Planej Visual Os Quatros PrincíPios BáSicos
Noções de planejamento visual
Aula03 planejamento grafico
Design para quem nao eh designer
Design Pra Quem Não é Designer
Aula 06 linguagem visual
Aula03
659 html
O que significa comunicacao gráfica visual
Composição gráfica
Planejamento visual os 4 principios basicos

Último (13)

PPTX
Teorias Motivacionais: Teoria das necessidades de Abrham Maslow
PPTX
volume currículoOOOOOOOOOOOOOOOOOOOO.pptx
PDF
Certificado AS DIFERENTES RAÇAS BOVINAS DE CORTE EM DIFERENTES BIOMAS.pdf
PPTX
Espatula Culinaria do futuro by inteligência artificial
PDF
DOC-20250806-WA0031._20250806_140925_0000.pdf
PDF
CERTIFICADO BIOMAS DO BRASIL DIVERSIDADE, SABERES E TECNOLOGIAS SOCIAIS.pdf
PPT
inimigos-invisc3adveis.ppttttttttttttttttt
PPTX
Trabalho, Energia e Potncia. e seus diferentes
PDF
Slide de apresentação - legendas africanas
PPTX
ppt-licao04-jesusrestaurador.pptxxxxxxxxxx
PDF
lesoes cancerizaveis da boca educação e desenvolvimento.pdf
PPTX
tema_7_-_discipulado_novo_tempo.pptxxxxxx
PDF
12-EPISTOLAS-GERAIS-CFTM-BASICO-Instituto-EDUC_compressed-1.pdf
Teorias Motivacionais: Teoria das necessidades de Abrham Maslow
volume currículoOOOOOOOOOOOOOOOOOOOO.pptx
Certificado AS DIFERENTES RAÇAS BOVINAS DE CORTE EM DIFERENTES BIOMAS.pdf
Espatula Culinaria do futuro by inteligência artificial
DOC-20250806-WA0031._20250806_140925_0000.pdf
CERTIFICADO BIOMAS DO BRASIL DIVERSIDADE, SABERES E TECNOLOGIAS SOCIAIS.pdf
inimigos-invisc3adveis.ppttttttttttttttttt
Trabalho, Energia e Potncia. e seus diferentes
Slide de apresentação - legendas africanas
ppt-licao04-jesusrestaurador.pptxxxxxxxxxx
lesoes cancerizaveis da boca educação e desenvolvimento.pdf
tema_7_-_discipulado_novo_tempo.pptxxxxxx
12-EPISTOLAS-GERAIS-CFTM-BASICO-Instituto-EDUC_compressed-1.pdf

Design