Download - Teoria do designer
Conceitos Básicos
SAIR
Conceitos Básicos
SAIR
O QUE É DESIGN?
Conceitos Básicos
SAIR
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.
Conceitos Básicos
SAIR
ÁREAS DE ATUAÇÃO
Conceitos Básicos
SAIR
ÁREAS DE ATUAÇÃO
Design estratégico
Design de
comunicação
Design de som
Design visual
Design digital
Design de produto
Design de moda
Design de ambientes
Design de sinalização
Design de interação
Conceitos Básicos
SAIR
DESIGN GRÁFICO
Conceitos Básicos
SAIR
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
Conceitos Básicos
SAIR
INDENTIDADE VISUAL
Conceitos Básicos
SAIR
INDENTIDADE VISUAL
•Símbolo Logótipo Manual de Identidade Visual Imagem
corporativa Design visual Programação visual
Administração / Gestão Marketing
Conceitos Básicos
SAIR
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.
Conceitos Básicos
SAIR
O QUE UM DESIGNER GRÁFICO FAZ?
Conceitos Básicos
SAIR
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.
Conceitos Básicos
SAIR
PORTFÓLIO
Conceitos Básicos
SAIR
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.
Conceitos Básicos
SAIR
SOFTWARES [FERRAMENTAS]
Conceitos Básicos
SAIR
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
Conceitos Básicos
SAIR
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
Conceitos Básicos
SAIR
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
Conceitos Básicos
SAIR
SOFTWARES
Conceitos Básicos
SAIR
SOFTWARES
Adobe Illustrator
Conceitos Básicos
SAIR
SOFTWARES
Adobe Illustrator
Corel Draw
Conceitos Básicos
SAIR
SOFTWARES
Adobe Illustrator
Corel Draw
Inkscape
Conceitos Básicos
SAIR
SOFTWARES
Adobe Illustrator
Corel Draw
Inkscape
Adobe Photoshop
Conceitos Básicos
SAIR
SOFTWARES
Adobe Illustrator
Corel Draw
Inkscape
Adobe Photoshop
GIMP
Conceitos Básicos
SAIR
SOFTWARES
Adobe Illustrator
Corel Draw
Inkscape
Adobe Photoshop
Corel Photopaint
GIMP
Conceitos Básicos
SAIR
SOFTWARES
Adobe Illustrator
Corel Draw
Inkscape
Adobe Photoshop
Corel Photopaint
GIMP
Pixelmator
Conceitos Básicos
SAIR
SOFTWARES
Adobe Illustrator
Corel Draw
Inkscape
Adobe Photoshop
Corel Photopaint
Photoscape
GIMP
Pixelmator
Conceitos Básicos
SAIR
SOFTWARES
Adobe Indesigner
Conceitos Básicos
SAIR
SOFTWARES
Adobe Indesigner
Scribus
Conceitos Básicos
SAIR
SOFTWARES
Adobe Indesigner
Scribus
Microsoft Publisher
Conceitos Básicos
SAIR
SOFTWARES
Adobe Indesigner
Scribus
Microsoft Publisher
Blender
Conceitos Básicos
SAIR
SOFTWARES
Adobe Indesigner
Scribus
Microsoft Publisher
Blender
3D Studio Max
Conceitos Básicos
SAIR
SOFTWARES
Adobe Indesigner
Scribus
Microsoft Publisher
Blender
3D Studio Max
Google Sketchup
Conceitos Básicos
SAIR
SOFTWARES
Adobe Indesigner
Scribus
Microsoft Publisher
Blender
3D Studio Max
Google Sketchup
Vue 3D
Conceitos Básicos
SAIR
SOFTWARES
Adobe Indesigner
Scribus
Microsoft Publisher
Blender
3D Studio Max
Google Sketchup
Vue 3D
Apple Page
Conceitos Básicos
SAIR
TIPOS DE IMAGEM DIGITAL
Conceitos Básicos
SAIR
TIPOS DE IMAGEM DIGITAL
•BITMAP
Mapa de BIT’s Possui
maior grau de realismo
Utilizado em fotografias
•VETORIAL
Calculo e Propriedades
Não Perde Qualidade ao
ser Redimensionada
Utilizado em ilustrações
e em mídia impressa
Conceitos Básicos
SAIR
VETORIAL
Conceitos Básicos
SAIR
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:
Conceitos Básicos
SAIR
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
Conceitos Básicos
SAIR
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
Conceitos Básicos
SAIR
VETORIAL
Conceitos Básicos
SAIR
BITMAP
Conceitos Básicos
SAIR
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.
Conceitos Básicos
SAIR
BITMAP
Conceitos Básicos
SAIR
FORMATOS DE IMAGEM DIGITAL
Conceitos Básicos
SAIR
FORMATOS DE IMAGEM DIGITAL
•Raster (Bitmap)
JPEG
PNG
GIF
TIFF
BMP
RAW
Conceitos Básicos
SAIR
FORMATOS DE IMAGEM DIGITAL
•Raster (Bitmap)
JPEG
PNG
GIF
TIFF
BMP
RAW
•Vetorial
AI (Adobe Illustrator)
CDR (Corel Draw)
INDD (Adobe Indesign)
EPS (Universal)
SVG (Inkscape, Navegadores)
DWG (Autodesk AutoCAD)
3DS (3D Studio Max)
OBJ (Blnder)
Conceitos Básicos
SAIR
GLOSSÁRIO
Conceitos Básicos
SAIR
GLOSSÁRIO
Arte-final: Layout preciso de um anúncio, cartaz, página de revista oujornal etc., preparado pelo designer gráfico, mostrando a disposição final detodos os textos e ilustrações, pronto para a reprodução gráfica.
Conceitos Básicos
SAIR
GLOSSÁRIO
Arte-final: Layout preciso de um anúncio, cartaz, página de revista oujornal etc., preparado pelo designer gráfico, mostrando a disposição final detodos os textos e ilustrações, pronto para a reprodução gráfica.
Definição: Resolução, fidelidade ou clareza de detalhes de uma reproduçãofotográfica ou impressa.Dégradé: Variação progressiva de tons desde um valor máximo até umvalor mínimo de pontos de meio-tom. Conjunto de tonalidades de umamesma cor variando do mais escuro ao mais claro.
Conceitos Básicos
SAIR
GLOSSÁRIO
Arte-final: Layout preciso de um anúncio, cartaz, página de revista oujornal etc., preparado pelo designer gráfico, mostrando a disposição final detodos os textos e ilustrações, pronto para a reprodução gráfica.
Definição: Resolução, fidelidade ou clareza de detalhes de uma reproduçãofotográfica ou impressa.Dégradé: Variação progressiva de tons desde um valor máximo até umvalor mínimo de pontos de meio-tom. Conjunto de tonalidades de umamesma cor variando do mais escuro ao mais claro.
Design: Projeto gráfico Diagramação: Concepção, organização econfiguração de todos os elementos que compõem um trabalho decomunicação visual gráfica, incluindo a escolha dos textos e dasilustrações, a definição do formato da obra, a repartição das margens, dosespaços em branco, do texto e das ilustrações, a escolha dos caracterestipográficos etc.
Conceitos Básicos
SAIR
GLOSSÁRIO
DPI – Dots per inch – Pontos por Polegada: Unidade de medida de resoluçãode um equipamento de saída, conectado a um sistema eletrônico dereprodução, tal como um scanner, um monitor, uma impressora ou umaimagesetter.
Conceitos Básicos
SAIR
GLOSSÁRIO
DPI – Dots per inch – Pontos por Polegada: Unidade de medida de resoluçãode um equipamento de saída, conectado a um sistema eletrônico dereprodução, tal como um scanner, um monitor, uma impressora ou umaimagesetter.
Escala: Tira de controle de cores, indicativa das cores primárias e de suassobreposições, impressa na área de refilo das provas, das folhas ou doscadernos para controlar a qualidade.Fechamento: Conclusão dos trabalhos deredação, diagramação, composição e paginação de um jornal ou revista.
Conceitos Básicos
SAIR
GLOSSÁRIO
DPI – Dots per inch – Pontos por Polegada: Unidade de medida de resoluçãode um equipamento de saída, conectado a um sistema eletrônico dereprodução, tal como um scanner, um monitor, uma impressora ou umaimagesetter.
Escala: Tira de controle de cores, indicativa das cores primárias e de suassobreposições, impressa na área de refilo das provas, das folhas ou doscadernos para controlar a qualidade.Fechamento: Conclusão dos trabalhos deredação, diagramação, composição e paginação de um jornal ou revista.
Fonte: Coleção completa de caracteres tipográficos, alfabéticos e para-alfabéticos, incluindo todas as letras maiúsculas eminúsculas, números, símbolos e sinais de acentuação e pontuação, queintegram o alfabeto num determinado corpo, empregados na composiçãotipográfica.
Conceitos Básicos
SAIR
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 seuselementos (textos, gráficos, ilustrações etc.) distribuídos num espaçoequivalente àquele que será impresso.
Conceitos Básicos
SAIR
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 seuselementos (textos, gráficos, ilustrações etc.) distribuídos num espaçoequivalente àquele que será impresso.
Margem de Sangra/Sangria: Excesso (cerca de 3 mm) que se devedeixar, além das marcas de corte, quando existem ilustrações sangradasnuma página composta.Matriz: Dispositivo de uma impressora que transfere a imagem entintadapara uma blanqueta intermediária, ou diretamente para o papel ou paraoutro suporte de impressão, tal como o clichê tipográfico, a chapa offset, ocilindro rotogravura, a fôrma flexográfica e a tela serigráfica.
Conceitos Básicos
SAIR
GLOSSÁRIO
Meio-tom: Reprodução de uma imagem de tom-contínuo, composta de pontos quevariam em freqüência (número por centímetro), em tamanho ou emdensidade, produzindo gradações tonais. Processo utilizado no sistema offset.
Conceitos Básicos
SAIR
GLOSSÁRIO
Meio-tom: Reprodução de uma imagem de tom-contínuo, composta de pontos quevariam em freqüência (número por centímetro), em tamanho ou emdensidade, produzindo gradações tonais. Processo utilizado no sistema offset.
Opacidade: Relação entre a intensidade da luz incidente e a quantidade de luztransmitida ou refletida pelo original. Um papel completamente opaco não permite apassagem da luz; quando o papel tem baixa opacidade, a imagem impressa num doslados interfere no resultado impresso no verso da folha, o que prejudica a leitura e alteraas cores; a opacidade aumenta em virtude da gramatura e do corpo do papel.
Conceitos Básicos
SAIR
GLOSSÁRIO
Meio-tom: Reprodução de uma imagem de tom-contínuo, composta de pontos quevariam em freqüência (número por centímetro), em tamanho ou emdensidade, produzindo gradações tonais. Processo utilizado no sistema offset.
Opacidade: Relação entre a intensidade da luz incidente e a quantidade de luztransmitida ou refletida pelo original. Um papel completamente opaco não permite apassagem da luz; quando o papel tem baixa opacidade, a imagem impressa num doslados interfere no resultado impresso no verso da folha, o que prejudica a leitura e alteraas 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 asaplicaçõ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 erodapés associados. 2) Imposição dos componentes de uma página de revista, jornal, livroetc., feita por processos manuais, foto mecânicos ou na tela do monitor de visualização deum computador.Pantone: Sistema de classificação de cores e mistura de tintas padronizadas paraobtenção de cores especiais.
Conceitos Básicos
SAIR
GLOSSÁRIO
Prova: Protótipo de um trabalho a ser impresso, obtido eletronicamente, apartir de dados digitais (prova de pré-impressão). A prova serve de amostrapara o cliente e guia para o impressor. Resolução: Medida de definição deuma imagem ou do desempenho de um sistema óptico, expressa em númerode linhas, de pontos ou de pixels por polegada ou por centímetro.
Conceitos Básicos
SAIR
GLOSSÁRIO
Prova: Protótipo de um trabalho a ser impresso, obtido eletronicamente, apartir de dados digitais (prova de pré-impressão). A prova serve de amostrapara o cliente e guia para o impressor. Resolução: Medida de definição deuma imagem ou do desempenho de um sistema óptico, expressa em númerode linhas, de pontos ou de pixels por polegada ou por centímetro.
Retícula: 1) Material utilizado para transformar a imagem num conjunto depontos de meio-tom. 2) Área de uma chapa ou de uma folha impressa quereproduz as gradações tonais através de ponto de amplitude ou freqüênciavariável. 3) Matriz de pontos, linhas ou círculos utilizada para reproduzir osmeios-tons nas reproduções foto mecânicas.
Conceitos Básicos
SAIR
GLOSSÁRIO
Prova: Protótipo de um trabalho a ser impresso, obtido eletronicamente, apartir de dados digitais (prova de pré-impressão). A prova serve de amostrapara o cliente e guia para o impressor. Resolução: Medida de definição deuma imagem ou do desempenho de um sistema óptico, expressa em númerode linhas, de pontos ou de pixels por polegada ou por centímetro.
Retícula: 1) Material utilizado para transformar a imagem num conjunto depontos de meio-tom. 2) Área de uma chapa ou de uma folha impressa quereproduz as gradações tonais através de ponto de amplitude ou freqüênciavariável. 3) Matriz de pontos, linhas ou círculos utilizada para reproduzir osmeios-tons nas reproduções foto mecânicas.
RGB: Espaço de cores nativo dos monitores de vídeo, que empregam ascores primárias verde, vermelha e azul para reproduzir todas as cores. Sangra(ou Sangria): Área impressa que se estende além do refilo de umapágina, geralmente 3mm ou mais além das marcas de corte.
Conceitos Básicos
SAIR
GLOSSÁRIO
Tom: Comprimento de onda da luz refletida ou transmitida por uma cor emseu estado mais puro, sem adição de branco ou preto.Traçado: Disposição das páginas a serem impressas em um dos lados dafolha, arranjadas em ordem adequada dentro do caderno a serimpresso, geralmente contendo um número de páginas múltiplo de oito.
Conceitos Básicos
SAIR
GLOSSÁRIO
Tom: Comprimento de onda da luz refletida ou transmitida por uma cor emseu estado mais puro, sem adição de branco ou preto.Traçado: Disposição das páginas a serem impressas em um dos lados dafolha, arranjadas em ordem adequada dentro do caderno a serimpresso, 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çãonuma página montada em sistema eletrônico de editoração; as informaçõesgráficas vetoriais são transferidas de uma estação de trabalho para umprocessador de imagem por varredura (RIP), o qual interpreta todas asinformações de montagem de páginas para uma imagesetter; a linguagem
Conceitos Básicos
SAIR
REFERÊNCIAS
Conceitos Básicos
SAIR
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
Conceitos Básicos
SAIR
FIM da AULA