Este documento discute repetição e contraste no design visual. Ele explica que a repetição de elementos como fonte, linha e sinal de tópico ajuda a unificar o design, enquanto o contraste entre elementos como cor, espaçamento e direção ajuda a organizar as informações e criar interesse. Exemplos ilustram como o site UOL usou repetição constante e contraste crescente ao longo dos anos.

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. 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. Exemplo de Repetição
.

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. 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. Exemplos de Contraste

7. Exemplos de Contraste

8. Case - UOL Universo On-Line
uol.com.br
23 de dezembro de 1996

9. Case - UOL Universo On-Line
uol.com.br
19 de dezembro de 2000

10. Case - UOL Universo On-Line
uol.com.br
31 de dezembro de 2005

11. Case - UOL Universo On-Line
uol.com.br
31 de dezembro de 2010

12. Case - UOL Universo On-Line
uol.com.br
17 de março de 2015

13. Referências
Williams, R. Design pra quem não é designer, nocões basicas de
planejamento visual, Brasil, Callis