1. Conceitos Básicos
SAIR

2. Conceitos Básicos
O QUE É DESIGN?
SAIR

3. Conceitos Básicos
O QUE É DESIGN?
Design
ou
desenho
industrial
é
a
idealização, criação, desenvolvimento, configuração, conc
epção, elaboração e especificação de objetos que serão
produzidos industrialmente ou por meio de sistema de
produção seriada e que demandem padronização dos
componentes,
compatibilização
do desenho para
construção
em
maquinário
mecânico
ou
manual, envolvendo a repetição das diferentes etapas de
produção. Essa é uma atividade estratégica, técnica e
criativa, normalmente orientada por uma intenção ou
objetivo, ou para a solução de um problema.
SAIR

4. Conceitos Básicos
ÁREAS DE ATUAÇÃO
SAIR

5. Conceitos Básicos
ÁREAS DE ATUAÇÃO

Design estratégico

Design de produto

Design de
comunicação

Design de moda

Design de som

Design visual

Design digital
SAIR

Design de ambientes

Design de sinalização

Design de interação

6. Conceitos Básicos
DESIGN GRÁFICO
SAIR

7. Conceitos Básicos
DESIGN GRÁFICO
•Esta área é responsável pela comunicação de um
conceito ou ideia através de recursos visuais (imagens)
e tipográficos (texto/fonte) geralmente voltada para
mídias impressas (jornais, livros, revistas, etc.).
Aplicações:

Identidade corporativa (Branding)

Design de embalagem (Packaging Design)

Design editorial

Sinalética (ou Sinalização)

Tipografia
SAIR

8. Conceitos Básicos
INDENTIDADE VISUAL
SAIR

9. Conceitos Básicos
INDENTIDADE VISUAL
•Símbolo Logótipo Manual de Identidade Visual Imagem
corporativa
Design
visual
Programação
visual
Administração / Gestão Marketing
SAIR

10. Conceitos Básicos
INDENTIDADE VISUAL
•Símbolo Logótipo Manual de Identidade Visual Imagem
corporativa
Design
visual
Programação
visual
Administração / Gestão Marketing
IDENTIDADE VISUAL é o conjunto de elementos
que representa visualmente, e de forma
sistematizada,
um
nome, idéia, produto, empresa, instituição ou
serviço. Esse conjunto de elementos costuma ter
como base o logótipo, um símbolo visual e
conjunto de cores.
SAIR

11. Conceitos Básicos
O QUE UM DESIGNER GRÁFICO FAZ?
SAIR

12. Conceitos Básicos
O QUE UM DESIGNER GRÁFICO FAZ?
•Primeiramente, ele estuda e conhece questões
relacionadas
à
profissão,
como
cores, tipografia, produção gráfica, meios de
comunicação, marketing, semiótica, ergonomia, entr
e outras tantas necessárias.
•Com isso, ele pode estudar cada caso, analisar e
vivenciar a situação do cliente, ponderar todas as
variáveis, a fim de encontrar a melhor solução, de
forma harmônica, viável e que traga resultados.
SAIR

13. Conceitos Básicos
PORTFÓLIO
SAIR

14. Conceitos Básicos
PORTFÓLIO
•O portfólio é uma coleção de todo o trabalho em
andamento na organização relacionado com o
alcance dos objetivos do negócio.
•Para um designer uma imagem diz mais que mil
palavras. É importante montar um coleção que sirva
de amostra de seus trabalhos para mostrar a
qualidade e o tipo de serviço prestado por ele.
SAIR

15. Conceitos Básicos
SOFTWARES [FERRAMENTAS]
SAIR

16. Conceitos Básicos
SOFTWARES [FERRAMENTAS]
•Atualmente existem diversas opções de softwares para
auxiliar um designer ou projetista em quase todas as
áreas, desde editoração até animação 3D TEORIA DO
DESIGN - [ AULA 1] POR LÉO DIAZ
SAIR

17. Conceitos Básicos
SOFTWARES [FERRAMENTAS]
•Atualmente existem diversas opções de softwares para
auxiliar um designer ou projetista em quase todas as
áreas, desde editoração até animação 3D TEORIA DO
DESIGN - [ AULA 1] POR LÉO DIAZ
FOTOGRAFIA - DESENHO VETORIAL - DESENHO 3D - EDITORAÇÃO DIGITAL
SAIR

18. Conceitos Básicos
SOFTWARES [FERRAMENTAS]
•Atualmente existem diversas opções de softwares para
auxiliar um designer ou projetista em quase todas as
áreas, desde editoração até animação 3D TEORIA DO
DESIGN - [ AULA 1] POR LÉO DIAZ
FOTOGRAFIA - DESENHO VETORIAL - DESENHO 3D - EDITORAÇÃO DIGITAL
SAIR

19. Conceitos Básicos
SOFTWARES
SAIR

20. Conceitos Básicos
SOFTWARES
Adobe Illustrator
SAIR

21. Conceitos Básicos
SOFTWARES
Adobe Illustrator
Corel Draw
SAIR

22. Conceitos Básicos
SOFTWARES
Adobe Illustrator
Corel Draw
Inkscape
SAIR

23. Conceitos Básicos
SOFTWARES
Adobe Illustrator
Corel Draw
Inkscape
Adobe Photoshop
SAIR

24. Conceitos Básicos
SOFTWARES
Adobe Illustrator
Corel Draw
Inkscape
Adobe Photoshop
SAIR
GIMP

25. Conceitos Básicos
SOFTWARES
Adobe Illustrator
GIMP
Corel Draw
Corel Photopaint
Inkscape
Adobe Photoshop
SAIR

26. Conceitos Básicos
SOFTWARES
Adobe Illustrator
GIMP
Corel Draw
Corel Photopaint
Inkscape
Pixelmator
Adobe Photoshop
SAIR

27. Conceitos Básicos
SOFTWARES
Adobe Illustrator
Corel Draw
Corel Photopaint
Inkscape
Pixelmator
Adobe Photoshop
SAIR
GIMP
Photoscape

28. Conceitos Básicos
SOFTWARES
Adobe Indesigner
SAIR

29. Conceitos Básicos
SOFTWARES
Adobe Indesigner
Scribus
SAIR

30. Conceitos Básicos
SOFTWARES
Adobe Indesigner
Scribus
Microsoft Publisher
SAIR

31. Conceitos Básicos
SOFTWARES
Adobe Indesigner
Scribus
Microsoft Publisher
Blender
SAIR

32. Conceitos Básicos
SOFTWARES
Adobe Indesigner
Scribus
Microsoft Publisher
Blender
SAIR
3D Studio Max

33. Conceitos Básicos
SOFTWARES
Adobe Indesigner
3D Studio Max
Scribus
Google Sketchup
Microsoft Publisher
Blender
SAIR

34. Conceitos Básicos
SOFTWARES
Adobe Indesigner
3D Studio Max
Scribus
Google Sketchup
Microsoft Publisher
Vue 3D
Blender
SAIR

35. Conceitos Básicos
SOFTWARES
Adobe Indesigner
Scribus
Google Sketchup
Microsoft Publisher
Vue 3D
Blender
SAIR
3D Studio Max
Apple Page

36. Conceitos Básicos
TIPOS DE IMAGEM DIGITAL
SAIR

37. Conceitos Básicos
TIPOS DE IMAGEM DIGITAL
•BITMAP
•VETORIAL
Mapa de BIT’s Possui
Calculo e Propriedades
maior grau de realismo Não Perde Qualidade ao
Utilizado em fotografias ser Redimensionada
Utilizado em ilustrações
e em mídia impressa
SAIR

38. Conceitos Básicos
VETORIAL
SAIR

39. Conceitos Básicos
VETORIAL
•Vetor é uma entidade definida pelos atributos
direção, módulo e sentido, podemos dizer que, na
comunicação visual, os vetores (imagens vetoriais) são
objetos definidos, também, por seus atributos.
• Assim, de modo simplificado, o objeto abaixo (imagem
vetorial) poderia ser definido da seguinte maneira:
SAIR

40. Conceitos Básicos
VETORIAL
•Vetor é uma entidade definida pelos atributos
direção, módulo e sentido, podemos dizer que, na
comunicação visual, os vetores (imagens vetoriais) são
objetos definidos, também, por seus atributos.
• Assim, de modo simplificado, o objeto abaixo (imagem
vetorial) poderia ser definido da seguinte maneira:

Tipo de Curva = Circunferência
Raio = 2,6 cm
Preenchimento = amarelo
Contorno = azul
SAIR

41. Conceitos Básicos
VETORIAL
•Observe que, para guardar esse círculo, não precisamos
gravar a imagem propriamente dita, que seriam os pixels
(gastaria muita memória).
•Se
guardarmos
os
atributos,
como
"Circunferência", preenchida de "amarelo", contornada por
"azul" e com raio de "1 cm", qualquer
SAIR

42. Conceitos Básicos
VETORIAL
SAIR

43. Conceitos Básicos
BITMAP
SAIR

44. Conceitos Básicos
BITMAP
•Uma fotografia digitalizada é um exemplo claro de
imagem bitmap.
Bitmaps são imagens que, apresentadas no monitor, são
divididas em pequenos quadradinhos, cada um, com
uma cor.
•Esses quadradinhos chamam-se pixels. Quando se
grava na modalidade bitmap, grava-se o conteúdo de
cada pixel. Num programa que manipula bitmaps, como
o Paint do Windows ou o Photoshop, você pode alterar a
cor até mesmo de um único pixel!
•Apesar das vantagens para se trabalhar com
fotos, ícones, ou outros desenhos, existem algumas
desvantagens para os arquivos do tipo bitmap.
SAIR

45. Conceitos Básicos
BITMAP
SAIR

46. Conceitos Básicos
FORMATOS DE IMAGEM DIGITAL
SAIR

47. Conceitos Básicos
FORMATOS DE IMAGEM DIGITAL
•Raster (Bitmap)

JPEG

PNG

GIF

TIFF

BMP

RAW
SAIR

48. Conceitos Básicos
FORMATOS DE IMAGEM DIGITAL
•Raster (Bitmap)

JPEG

PNG

GIF
•Vetorial
 (Adobe Illustrator)
AI
 (Corel Draw)
CDR

INDD (Adobe Indesign)
 (Universal)
EPS

TIFF

BMP

RAW
 (Inkscape, Navegadores)
SVG

DWG (Autodesk AutoCAD)
 (3D Studio Max)
3DS
 (Blnder)
OBJ
SAIR

49. Conceitos Básicos
GLOSSÁRIO
SAIR

50. Conceitos Básicos
GLOSSÁRIO
Arte-final: Layout preciso de um anúncio, cartaz, página de revista ou
jornal etc., preparado pelo designer gráfico, mostrando a disposição final de
todos os textos e ilustrações, pronto para a reprodução gráfica.
SAIR

51. Conceitos Básicos
GLOSSÁRIO
Arte-final: Layout preciso de um anúncio, cartaz, página de revista ou
jornal etc., preparado pelo designer gráfico, mostrando a disposição final de
todos os textos e ilustrações, pronto para a reprodução gráfica.
Definição: Resolução, fidelidade ou clareza de detalhes de uma reprodução
fotográfica ou impressa.
Dégradé: Variação progressiva de tons desde um valor máximo até um
valor mínimo de pontos de meio-tom. Conjunto de tonalidades de uma
mesma cor variando do mais escuro ao mais claro.
SAIR

52. Conceitos Básicos
GLOSSÁRIO
Arte-final: Layout preciso de um anúncio, cartaz, página de revista ou
jornal etc., preparado pelo designer gráfico, mostrando a disposição final de
todos os textos e ilustrações, pronto para a reprodução gráfica.
Definição: Resolução, fidelidade ou clareza de detalhes de uma reprodução
fotográfica ou impressa.
Dégradé: Variação progressiva de tons desde um valor máximo até um
valor mínimo de pontos de meio-tom. Conjunto de tonalidades de uma
mesma cor variando do mais escuro ao mais claro.
Design: Projeto gráfico Diagramação: Concepção, organização e
configuração de todos os elementos que compõem um trabalho de
comunicação visual gráfica, incluindo a escolha dos textos e das
ilustrações, a definição do formato da obra, a repartição das margens, dos
espaços em branco, do texto e das ilustrações, a escolha dos caracteres
tipográficos etc.
SAIR

53. Conceitos Básicos
GLOSSÁRIO
DPI – Dots per inch – Pontos por Polegada: Unidade de medida de resolução
de um equipamento de saída, conectado a um sistema eletrônico de
reprodução, tal como um scanner, um monitor, uma impressora ou uma
imagesetter.
SAIR

54. Conceitos Básicos
GLOSSÁRIO
DPI – Dots per inch – Pontos por Polegada: Unidade de medida de resolução
de um equipamento de saída, conectado a um sistema eletrônico de
reprodução, tal como um scanner, um monitor, uma impressora ou uma
imagesetter.
Escala: Tira de controle de cores, indicativa das cores primárias e de suas
sobreposições, impressa na área de refilo das provas, das folhas ou dos
cadernos para controlar a qualidade.
Fechamento:
Conclusão
dos
trabalhos
de
redação, diagramação, composição e paginação de um jornal ou revista.
SAIR

55. Conceitos Básicos
GLOSSÁRIO
DPI – Dots per inch – Pontos por Polegada: Unidade de medida de resolução
de um equipamento de saída, conectado a um sistema eletrônico de
reprodução, tal como um scanner, um monitor, uma impressora ou uma
imagesetter.
Escala: Tira de controle de cores, indicativa das cores primárias e de suas
sobreposições, impressa na área de refilo das provas, das folhas ou dos
cadernos para controlar a qualidade.
Fechamento:
Conclusão
dos
trabalhos
de
redação, diagramação, composição e paginação de um jornal ou revista.
Fonte: Coleção completa de caracteres tipográficos, alfabéticos e paraalfabéticos,
incluindo
todas
as
letras
maiúsculas
e
minúsculas, números, símbolos e sinais de acentuação e pontuação, que
integram o alfabeto num determinado corpo, empregados na composição
tipográfica.
SAIR

56. Conceitos Básicos
GLOSSÁRIO
Halftone: Meio-tom.
Hue: Diferença básica entre as cores (vermelha, azul, verde, amarela, etc.)
K - black: Tinta preta.
Layout: Esboço de um trabalho gráfico que apresenta todos os seus
elementos (textos, gráficos, ilustrações etc.) distribuídos num espaço
equivalente àquele que será impresso.
SAIR

57. Conceitos Básicos
GLOSSÁRIO
Halftone: Meio-tom.
Hue: Diferença básica entre as cores (vermelha, azul, verde, amarela, etc.)
K - black: Tinta preta.
Layout: Esboço de um trabalho gráfico que apresenta todos os seus
elementos (textos, gráficos, ilustrações etc.) distribuídos num espaço
equivalente àquele que será impresso.
Margem de Sangra/Sangria: Excesso (cerca de 3 mm) que se deve
deixar, além das marcas de corte, quando existem ilustrações sangradas
numa página composta.
Matriz: Dispositivo de uma impressora que transfere a imagem entintada
para uma blanqueta intermediária, ou diretamente para o papel ou para
outro suporte de impressão, tal como o clichê tipográfico, a chapa offset, o
cilindro rotogravura, a fôrma flexográfica e a tela serigráfica.
SAIR

58. Conceitos Básicos
GLOSSÁRIO
Meio-tom: Reprodução de uma imagem de tom-contínuo, composta de pontos que
variam em freqüência (número por centímetro), em tamanho ou em
densidade, produzindo gradações tonais. Processo utilizado no sistema offset.
SAIR

59. Conceitos Básicos
GLOSSÁRIO
Meio-tom: Reprodução de uma imagem de tom-contínuo, composta de pontos que
variam em freqüência (número por centímetro), em tamanho ou em
densidade, produzindo gradações tonais. Processo utilizado no sistema offset.
Opacidade: Relação entre a intensidade da luz incidente e a quantidade de luz
transmitida ou refletida pelo original. Um papel completamente opaco não permite a
passagem da luz; quando o papel tem baixa opacidade, a imagem impressa num dos
lados interfere no resultado impresso no verso da folha, o que prejudica a leitura e altera
as cores; a opacidade aumenta em virtude da gramatura e do corpo do papel.
SAIR

60. Conceitos Básicos
GLOSSÁRIO
Meio-tom: Reprodução de uma imagem de tom-contínuo, composta de pontos que
variam em freqüência (número por centímetro), em tamanho ou em
densidade, produzindo gradações tonais. Processo utilizado no sistema offset.
Opacidade: Relação entre a intensidade da luz incidente e a quantidade de luz
transmitida ou refletida pelo original. Um papel completamente opaco não permite a
passagem da luz; quando o papel tem baixa opacidade, a imagem impressa num dos
lados interfere no resultado impresso no verso da folha, o que prejudica a leitura e altera
as cores; a opacidade aumenta em virtude da gramatura e do corpo do papel.
Overlay: Folha de material translúcido, colocada sobre a arte-final para indicar as
aplicações de cor, de alterações e de correções.
Paginação: 1) Numeração das páginas de um livro ou revista, com os cabeçalhos e
rodapés associados. 2) Imposição dos componentes de uma página de revista, jornal, livro
etc., feita por processos manuais, foto mecânicos ou na tela do monitor de visualização de
um computador.
Pantone: Sistema de classificação de cores e mistura de tintas padronizadas para
obtenção de cores especiais.
SAIR

61. Conceitos Básicos
GLOSSÁRIO
Prova: Protótipo de um trabalho a ser impresso, obtido eletronicamente, a
partir de dados digitais (prova de pré-impressão). A prova serve de amostra
para o cliente e guia para o impressor. Resolução: Medida de definição de
uma imagem ou do desempenho de um sistema óptico, expressa em número
de linhas, de pontos ou de pixels por polegada ou por centímetro.
SAIR

62. Conceitos Básicos
GLOSSÁRIO
Prova: Protótipo de um trabalho a ser impresso, obtido eletronicamente, a
partir de dados digitais (prova de pré-impressão). A prova serve de amostra
para o cliente e guia para o impressor. Resolução: Medida de definição de
uma imagem ou do desempenho de um sistema óptico, expressa em número
de linhas, de pontos ou de pixels por polegada ou por centímetro.
Retícula: 1) Material utilizado para transformar a imagem num conjunto de
pontos de meio-tom. 2) Área de uma chapa ou de uma folha impressa que
reproduz as gradações tonais através de ponto de amplitude ou freqüência
variável. 3) Matriz de pontos, linhas ou círculos utilizada para reproduzir os
meios-tons nas reproduções foto mecânicas.
SAIR

63. Conceitos Básicos
GLOSSÁRIO
Prova: Protótipo de um trabalho a ser impresso, obtido eletronicamente, a
partir de dados digitais (prova de pré-impressão). A prova serve de amostra
para o cliente e guia para o impressor. Resolução: Medida de definição de
uma imagem ou do desempenho de um sistema óptico, expressa em número
de linhas, de pontos ou de pixels por polegada ou por centímetro.
Retícula: 1) Material utilizado para transformar a imagem num conjunto de
pontos de meio-tom. 2) Área de uma chapa ou de uma folha impressa que
reproduz as gradações tonais através de ponto de amplitude ou freqüência
variável. 3) Matriz de pontos, linhas ou círculos utilizada para reproduzir os
meios-tons nas reproduções foto mecânicas.
RGB: Espaço de cores nativo dos monitores de vídeo, que empregam as
cores primárias verde, vermelha e azul para reproduzir todas as cores. Sangra
(ou Sangria): Área impressa que se estende além do refilo de uma
página, geralmente 3mm ou mais além das marcas de corte.
SAIR

64. Conceitos Básicos
GLOSSÁRIO
Tom: Comprimento de onda da luz refletida ou transmitida por uma cor em
seu estado mais puro, sem adição de branco ou preto.
Traçado: Disposição das páginas a serem impressas em um dos lados da
folha, arranjadas em ordem adequada dentro do caderno a ser
impresso, geralmente contendo um número de páginas múltiplo de oito.
SAIR

65. Conceitos Básicos
GLOSSÁRIO
Tom: Comprimento de onda da luz refletida ou transmitida por uma cor em
seu estado mais puro, sem adição de branco ou preto.
Traçado: Disposição das páginas a serem impressas em um dos lados da
folha, arranjadas em ordem adequada dentro do caderno a ser
impresso, geralmente contendo um número de páginas múltiplo de oito.
Vetor: Descrição matemática de imposição de imagens e de sua localização
numa página montada em sistema eletrônico de editoração; as informações
gráficas vetoriais são transferidas de uma estação de trabalho para um
processador de imagem por varredura (RIP), o qual interpreta todas as
informações de montagem de páginas para uma imagesetter; a linguagem
SAIR

66. Conceitos Básicos
REFERÊNCIAS
SAIR

67. Conceitos Básicos
REFERÊNCIAS
•Fabricantes de Softwares
www.adobe.com
www.corel.com
•Blogs e Sites com Tutoriais
www.abduzeedo.com
www.photoshoptutorials.ws psd.tutsplus.com
•Revistas
www.revistadesign.com.br
www.photoshopcreative.com.br
SAIR

68. Conceitos Básicos
FIM da AULA
SAIR