Introdução a Design [2]

Princípios de
Design e
Projeto Gráfico
Professor Ari Oliveira
 Introdução a Design [2]

• O que é Design e qual sua importância

– Design no mundo contemporâneo
– Design na informática
• Itens do Design Gráfico
– Elementos, Espaços, Fio, Linha de Base, Tópicos, Texto
Corrido.
• Preenchimento da Página
– Princípios da Proximidade

2
 Introdução a Design [2]

Entende-se por design a melhoria dos aspectos

funcionais, ergonômicos e visuais de um produto, de modo a
atender às necessidades do usuário, aumentando o conforto
ao ser utilizado, além de sua segurança e satisfação.
O design serve para adicionar valor aos produtos
industrializados, sendo utilizado para introduzir–lhes
diferenciações com o intuito de obter destaque no mercado.
É a busca por um produto melhor tendo em vista sua
forma, usabilidade e melhorias de desempenho.

3
 Introdução a Design [2]

4
 Introdução a Design [2]

O mundo sem Design

5
 Introdução a Design [2]

● Design de interfaces (software – Interação

humano computador).
● Design de Produtos (celulares, notebooks,
mouses, computadores, monitores, mouses,
teclados, etc.).
● Design de conteúdos web (Web Design).

6
 Introdução a Design [2]

7
 Introdução a Design [2]

8
Introdução a Design [2]
 Introdução a Design [2]

• Elementos: São os Objetos individuais da página.

Podem ser uma linha, texto, figura, etc.
• Espaços em branco: É o local na página que não
está preenchido.
• Fio: Uma única linha desenhada.
• Linhas de Base: Linha invisível que servem para
posicionar os tipos (tipologia).
• Fluxo dos olhos: Movimento ocular durante a
compreensão da pagina por completo.
10
 Introdução a Design [2]

• Estrutura de Tópicos: Marcadores para listas e

enumerações.
• Texto Corrido: Texto principal da página. Bloco
de texto a ser lido pelo usuário. Se muito
grande, chama-se Texto Extenso.

11
 Introdução a Design [2]

Ao se preencher uma página com elementos, deve haver uma

organização visual dos espaços, onde os itens relacionados entre
si devem ser agrupados e aproximados um dos outros para dar a
ideia de grupo, de um conjunto coeso. Os elementos que não
possuem relação entre si não devem estar próximos, oferecendo
ao leitor uma visualização imediata da organização estrutural da
página.

Gestalt e o princípio da proximidade

12
 Introdução a Design [2]

Design para quem não é Designer, 2ª edição, 2006 – p.16, 17

13
 Introdução a Design [2]

Design para quem não é Designer, 2ª edição, 2006 – p.16, 17

14
 Introdução a Design [2]

15
 Introdução a Design [2]

16
 Introdução a Design [2]

17
 Introdução a Design [2]

18
 Introdução a Design [2]

19
 Introdução a Design [2]

20
 Introdução a Design [2]

21
 Introdução a Design [2]

22
 Introdução a Design [2]

23
 Introdução a Design [2]

24
 Introdução a Design [2]

25
 Introdução a Design [2]

26
 Introdução a Design [2]

• Esta atividade contém duas coisas: uma arte e a explicação.

• Desenvolver, usando qualquer programa (PowerPoint, Paint,
Photoshop)
• Você deve anunciar a inscrição de alunos para as turmas de 2021 do
nosso Campus do IFRN
• Pode ser banner, ou outdoor, ou folder, ou panfleto, ou o que
desejar.
• Fique atento ao uso das técnicas aprendidas (princípio da
proximidade)
• Justificar, em outra página (ou abaixo do anúncio) o que você fez
de especial/diferente neste trabalho.
• Enviar pelo Google Sala de Aula

27
 Introdução a Design [2]

Venha se inscrever para fazer o ensino médio no

IFRN! IFRN – turmas 2021 – inscrições abertas.
Cursos de ensino médio integrado em: Técnico
em Informática para Internet, Técnico em
Edificações e Técnico em Eletrotécnica.
Inscrições até dia 5 de setembro em
https://inscricoes.funcern.org, com custo de 30
reais.
28
 Introdução a Design [2]

WILLIAMS, Robin - Design para quem não é Designer. Tradução

Laura Karin Gillon. 2ª ed. rev. e ampl. -- São Paulo: Callis, 2005.

29
 Introdução a Design [2]

Princípios de
Design e
Projeto Gráfico
Professor Ari Oliveira