Alunos
Antonio Siqueira de Morais Júnior
Aristóteles Alencar Cardoso
Fransuelio Nobre Frazão
Michael Fíllip Quesado
FJN - ...
Repetição
Objetivo:
● Esforço consciente para unificar todos os elementos do
design.
Atento:
Alguns aspectos do design dev...
Exemplo de Repetição
.
Contraste
“A diferença nas propriedades
visuais que faz com que um objeto
seja distinguível de outros e do
plano de fundo....
Contraste
Propósito:
● Criar interesse sobre a página
● Auxiliar na organização das informações
Atento:
Para se obter um b...
Exemplos de Contraste
Exemplos de Contraste
Case - UOL Universo On-Line
uol.com.br
23 de dezembro de 1996
Case - UOL Universo On-Line
uol.com.br
19 de dezembro de 2000
Case - UOL Universo On-Line
uol.com.br
31 de dezembro de 2005
Case - UOL Universo On-Line
uol.com.br
31 de dezembro de 2010
Case - UOL Universo On-Line
uol.com.br
17 de março de 2015
Referências
Williams, R. Design pra quem não é designer, nocões basicas de
planejamento visual, Brasil, Callis
Próximos SlideShares
Carregando em…5
×

Seminário sobre repetição e contraste

415 visualizações

Publicada em

Apresentação dos conceitos de Repetição e Contraste, Cadeira de Interfaces Web, FJN - CE

Publicada em: Design
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
415
No SlideShare
0
A partir de incorporações
0
Número de incorporações
5
Ações
Compartilhamentos
0
Downloads
2
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Seminário sobre repetição e contraste

  1. 1. Alunos Antonio Siqueira de Morais Júnior Aristóteles Alencar Cardoso Fransuelio Nobre Frazão Michael Fíllip Quesado FJN - Faculdade de Juazeiro do Norte Prof. Msc. Allen Gomes Vidal Interfaces Web Sistemas da Informação 5º Semestre, 2015.1
  2. 2. Repetição Objetivo: ● Esforço consciente para unificar todos os elementos do design. Atento: Alguns aspectos do design devem repetir-se no material inteiro. ● Fonte ● Linha ● Sinal do tópico ● Elementos de design ● Um formato específico ● Relações espaciais ● Qualquer item que o leitor reconheça visualmente. Precaução: Evitar repetir o elemento em grande quantidades.
  3. 3. Exemplo de Repetição .
  4. 4. Contraste “A diferença nas propriedades visuais que faz com que um objeto seja distinguível de outros e do plano de fundo.” Fonte: http://pt.wikipedia.org/wiki/Contraste Acessado em: 17 de março de 2015 as 14:58
  5. 5. Contraste Propósito: ● Criar interesse sobre a página ● Auxiliar na organização das informações Atento: Para se obter um bom contraste entre os elementos os diferencie ao máximo. Maneiras de acrescentar contraste a um material para deixá-lo mais interessante: ● Trabalhar com fontes ( mais fácil ) ● Fios ( linhas ) ● Espaçamento entre elementos ● Texturas ● Cores ● Relações Espaciais ● Direções Precaução: Não seja tímido, crie contrastes de maneira forte e objetiva.
  6. 6. Exemplos de Contraste
  7. 7. Exemplos de Contraste
  8. 8. Case - UOL Universo On-Line uol.com.br 23 de dezembro de 1996
  9. 9. Case - UOL Universo On-Line uol.com.br 19 de dezembro de 2000
  10. 10. Case - UOL Universo On-Line uol.com.br 31 de dezembro de 2005
  11. 11. Case - UOL Universo On-Line uol.com.br 31 de dezembro de 2010
  12. 12. Case - UOL Universo On-Line uol.com.br 17 de março de 2015
  13. 13. Referências Williams, R. Design pra quem não é designer, nocões basicas de planejamento visual, Brasil, Callis

×