SlideShare uma empresa Scribd logo
1 de 24
Baixar para ler offline
TEORIA DO DESIGN
Aula 01 – Arte na Atualidade:
Conceitos Básicos
Prof.: Léo Diaz
O QUE É DESIGN?
Definição:
Design ou desenho industrial é a idealização, criação, desenvolvimento,
configuração, concepçã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.
Pelo Dicionário Michaelis
(dizáin) sm (ingl)
1 Concepção de um projeto ou modelo; planejamento.
2 O produto deste planejamento.
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 206/06/2013
Á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
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 306/06/2013
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
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 406/06/2013
INDENTIDADE VISUAL
Símbolo
Logótipo
Manual de Identidade Visual
Imagem corporativa
Design visual
Programação visual
Administração / Gestão
Marketing
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 5
IDENTIDADE VISUAL é o conjunto de elementos que
representa visualmente, e de forma sistematizada, um
nome, ideia, 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.
06/06/2013
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, entre 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.
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 606/06/2013
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.
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 706/06/2013
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 8
FOTOGRAFIA DESENHO VETORIAL DESENHO 3D EDITORAÇÃO DIGITAL
06/06/2013
SOFTWARES
Vetorial
•Adobe Illustrator
•Corel Draw
•Inkscape
Bitmap
•Adobe Photoshop
•GIMP
•Corel Photopaint
•Pixelmator
•Photoscape
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 9
Alguns Fabricantes
06/06/2013
SOFTWARES
Editoração
(jornais, Livros e Revistas)
• QuarkXPress
• Adobe InDesign
• Adobe PageMaker (Descontinuado)
• PageStream, RagTime
• Scribus
• Microsoft Publisher
• Apple Pages
• CorelDraw
Design 3D
(personagens, produtos, cenários e engenharia)
• Blender
• Autodesk 3D Studio Max
• Google Sketchup
• Rinoceros
• Zbrush
• Vue 3D
• Terragen
• CINEMA 4D
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 10
Alguns Fabricantes
06/06/2013
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
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1106/06/2013
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
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 computador poderia reproduzi-la! Esta é a principal característica de uma
imagem vetorial.
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1206/06/2013
VETORIAL
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1306/06/2013
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.
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1406/06/2013
BITMAP
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1506/06/2013
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)
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1606/06/2013
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.
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1706/06/2013
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 para-alfabé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.
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1806/06/2013
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.
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1906/06/2013
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, fotomecâ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.
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 2006/06/2013
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 fotomecâ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.
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 2106/06/2013
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
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 2206/06/2013
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
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 2306/06/2013
SOBRE O AUTOR
Léo Diaz (Leonildo)
Webdesginer
Designer Gráfico
Ilustrador
Contatos
wilborn7@gmail.com
leo.diaz1985
www.facebook.com/wilborn7
wilborn7.deviantart.com/gallery
TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 2406/06/2013

Mais conteúdo relacionado

Mais procurados

Aula 07 metodologia munari
Aula 07   metodologia munariAula 07   metodologia munari
Aula 07 metodologia munariMarcio Duarte
 
Formas em axonometrias
Formas em axonometriasFormas em axonometrias
Formas em axonometriasSamuel Rosa
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito designpaulo_batista
 
Aula 2 composição visual
Aula  2 composição visualAula  2 composição visual
Aula 2 composição visualArtedoiscmb Cmb
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficonfeio
 
Principios do design
Principios do designPrincipios do design
Principios do designIuri Lammel
 
Timeline e historia do design
Timeline e historia do designTimeline e historia do design
Timeline e historia do designMarcio Duarte
 
Metodologia para Projeto de Design
Metodologia para Projeto de DesignMetodologia para Projeto de Design
Metodologia para Projeto de DesignMarcio Duarte
 
História do Design (2016)
História do Design (2016)História do Design (2016)
História do Design (2016)Marcio Duarte
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fábio Gonçalves
 
Elementos visuais
Elementos visuaisElementos visuais
Elementos visuaisKeyla Dias
 
Conceito de Ponto, Linha e Plano
Conceito de Ponto, Linha e PlanoConceito de Ponto, Linha e Plano
Conceito de Ponto, Linha e PlanoDébora Cseri
 
Design Industrial - Produto
Design Industrial - ProdutoDesign Industrial - Produto
Design Industrial - ProdutoValdir Soares
 
Projeto 21. Aula 01: 1. Design, A Palavra; 2. O Conceito; 3. A Historia; 4. D...
Projeto 21. Aula 01: 1. Design, A Palavra; 2. O Conceito; 3. A Historia; 4. D...Projeto 21. Aula 01: 1. Design, A Palavra; 2. O Conceito; 3. A Historia; 4. D...
Projeto 21. Aula 01: 1. Design, A Palavra; 2. O Conceito; 3. A Historia; 4. D...Francisco Gómez Castro
 
Metodologia do Design - Aplicação no Contexto Atual
Metodologia do Design - Aplicação no Contexto AtualMetodologia do Design - Aplicação no Contexto Atual
Metodologia do Design - Aplicação no Contexto AtualGabriel Meneses
 

Mais procurados (20)

Aula 07 metodologia munari
Aula 07   metodologia munariAula 07   metodologia munari
Aula 07 metodologia munari
 
Formas em axonometrias
Formas em axonometriasFormas em axonometrias
Formas em axonometrias
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
 
Aula 2 composição visual
Aula  2 composição visualAula  2 composição visual
Aula 2 composição visual
 
Design/ Design Gráfico
Design/ Design GráficoDesign/ Design Gráfico
Design/ Design Gráfico
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráfico
 
Principios do design
Principios do designPrincipios do design
Principios do design
 
Design
Design Design
Design
 
Timeline e historia do design
Timeline e historia do designTimeline e historia do design
Timeline e historia do design
 
Metodologia para Projeto de Design
Metodologia para Projeto de DesignMetodologia para Projeto de Design
Metodologia para Projeto de Design
 
História do Design (2016)
História do Design (2016)História do Design (2016)
História do Design (2016)
 
Tipografia
TipografiaTipografia
Tipografia
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2
 
Elementos visuais
Elementos visuaisElementos visuais
Elementos visuais
 
Conceito de Ponto, Linha e Plano
Conceito de Ponto, Linha e PlanoConceito de Ponto, Linha e Plano
Conceito de Ponto, Linha e Plano
 
Design Industrial - Produto
Design Industrial - ProdutoDesign Industrial - Produto
Design Industrial - Produto
 
Ilustração
IlustraçãoIlustração
Ilustração
 
Projeto 21. Aula 01: 1. Design, A Palavra; 2. O Conceito; 3. A Historia; 4. D...
Projeto 21. Aula 01: 1. Design, A Palavra; 2. O Conceito; 3. A Historia; 4. D...Projeto 21. Aula 01: 1. Design, A Palavra; 2. O Conceito; 3. A Historia; 4. D...
Projeto 21. Aula 01: 1. Design, A Palavra; 2. O Conceito; 3. A Historia; 4. D...
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Metodologia do Design - Aplicação no Contexto Atual
Metodologia do Design - Aplicação no Contexto AtualMetodologia do Design - Aplicação no Contexto Atual
Metodologia do Design - Aplicação no Contexto Atual
 

Destaque

Aula introdutória da disciplina de webdesign
Aula introdutória da disciplina de webdesignAula introdutória da disciplina de webdesign
Aula introdutória da disciplina de webdesignClaudia Bordin Rodrigues
 
Gaining Competitive Advantages Through Supply Chain Management:Success Stories
Gaining Competitive Advantages Through Supply Chain Management:Success StoriesGaining Competitive Advantages Through Supply Chain Management:Success Stories
Gaining Competitive Advantages Through Supply Chain Management:Success StoriesLijo M Loyid
 
Web Design > html (aula 2)
Web Design > html (aula 2)Web Design > html (aula 2)
Web Design > html (aula 2)Felipe Fernandes
 
Responsive web design
Responsive web designResponsive web design
Responsive web designTersis Zonato
 
Marketing de conteúdo
Marketing de conteúdoMarketing de conteúdo
Marketing de conteúdoMake it Loyal
 
Marketing de Conteúdo na Web
Marketing de Conteúdo na WebMarketing de Conteúdo na Web
Marketing de Conteúdo na WebElva Vieira
 
Princípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não DesignersPrincípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não DesignersLeonardo Pereira
 
Design Gráfico - Introdução
Design Gráfico - IntroduçãoDesign Gráfico - Introdução
Design Gráfico - IntroduçãoDanilo Fernandes
 
Mapeamento e Wireframes - conceitos básicos, bem básicos
Mapeamento e Wireframes - conceitos básicos, bem básicosMapeamento e Wireframes - conceitos básicos, bem básicos
Mapeamento e Wireframes - conceitos básicos, bem básicosClaudia Bordin Rodrigues
 
Business Analysis Canvas [Canvas para Análise de Negócio]
Business Analysis Canvas [Canvas para Análise de Negócio]Business Analysis Canvas [Canvas para Análise de Negócio]
Business Analysis Canvas [Canvas para Análise de Negócio]Rildo (@rildosan) Santos
 
Design Gráfico para Web: HTML 5 - Multimídia
Design Gráfico para Web: HTML 5 - MultimídiaDesign Gráfico para Web: HTML 5 - Multimídia
Design Gráfico para Web: HTML 5 - MultimídiaDra. Camila Hamdan
 
Web Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltWeb Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltFelipe Fernandes
 
Palestra: Otimização de websites
Palestra: Otimização de websitesPalestra: Otimização de websites
Palestra: Otimização de websitesIntrus
 
Planejamento de produtos digitais - 2
Planejamento de produtos digitais - 2Planejamento de produtos digitais - 2
Planejamento de produtos digitais - 2Jornalismo Digital
 

Destaque (20)

Aula introdutória da disciplina de webdesign
Aula introdutória da disciplina de webdesignAula introdutória da disciplina de webdesign
Aula introdutória da disciplina de webdesign
 
Gaining Competitive Advantages Through Supply Chain Management:Success Stories
Gaining Competitive Advantages Through Supply Chain Management:Success StoriesGaining Competitive Advantages Through Supply Chain Management:Success Stories
Gaining Competitive Advantages Through Supply Chain Management:Success Stories
 
Web Design > html (aula 2)
Web Design > html (aula 2)Web Design > html (aula 2)
Web Design > html (aula 2)
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
Marketing de conteúdo
Marketing de conteúdoMarketing de conteúdo
Marketing de conteúdo
 
Marketing de Conteúdo na Web
Marketing de Conteúdo na WebMarketing de Conteúdo na Web
Marketing de Conteúdo na Web
 
Princípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não DesignersPrincípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não Designers
 
Design Gráfico - Introdução
Design Gráfico - IntroduçãoDesign Gráfico - Introdução
Design Gráfico - Introdução
 
Mapeamento e Wireframes - conceitos básicos, bem básicos
Mapeamento e Wireframes - conceitos básicos, bem básicosMapeamento e Wireframes - conceitos básicos, bem básicos
Mapeamento e Wireframes - conceitos básicos, bem básicos
 
Business Analysis Canvas [Canvas para Análise de Negócio]
Business Analysis Canvas [Canvas para Análise de Negócio]Business Analysis Canvas [Canvas para Análise de Negócio]
Business Analysis Canvas [Canvas para Análise de Negócio]
 
02 Tipografia_marcas
02 Tipografia_marcas02 Tipografia_marcas
02 Tipografia_marcas
 
Design Gráfico para Web: HTML 5 - Multimídia
Design Gráfico para Web: HTML 5 - MultimídiaDesign Gráfico para Web: HTML 5 - Multimídia
Design Gráfico para Web: HTML 5 - Multimídia
 
Web Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltWeb Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à Gestalt
 
Palestra: Otimização de websites
Palestra: Otimização de websitesPalestra: Otimização de websites
Palestra: Otimização de websites
 
Projeto grafico II | Aula 01
Projeto grafico II | Aula 01Projeto grafico II | Aula 01
Projeto grafico II | Aula 01
 
01 introducao_identidade
01 introducao_identidade01 introducao_identidade
01 introducao_identidade
 
Web Design > Cores
Web Design > CoresWeb Design > Cores
Web Design > Cores
 
Planejamento de produtos digitais - 2
Planejamento de produtos digitais - 2Planejamento de produtos digitais - 2
Planejamento de produtos digitais - 2
 
Aula Naming
Aula NamingAula Naming
Aula Naming
 
Elementos visuais I
Elementos visuais IElementos visuais I
Elementos visuais I
 

Semelhante a Teoria do design aula 01 [conceitos basicos]

Teoria do designer
Teoria do designerTeoria do designer
Teoria do designerElizeu Ferro
 
01 o que é design gráfico cida medeiros
01 o que é design gráfico cida medeiros01 o que é design gráfico cida medeiros
01 o que é design gráfico cida medeirosAVMDesigner
 
mini-curso-interpretacao-projetos-arquitetonicos-1.pdf
mini-curso-interpretacao-projetos-arquitetonicos-1.pdfmini-curso-interpretacao-projetos-arquitetonicos-1.pdf
mini-curso-interpretacao-projetos-arquitetonicos-1.pdfmarumjose
 
LEITURA E INTERPRETAÇÃO DE PROJETOS ARQUITETÔNICOS
LEITURA E INTERPRETAÇÃO DE PROJETOS ARQUITETÔNICOSLEITURA E INTERPRETAÇÃO DE PROJETOS ARQUITETÔNICOS
LEITURA E INTERPRETAÇÃO DE PROJETOS ARQUITETÔNICOSssusere56b8e
 
Glossário do design gráfico
Glossário do design gráficoGlossário do design gráfico
Glossário do design gráficoA Ideia Digital
 
Apostila projeto arquitetônico
Apostila projeto arquitetônicoApostila projeto arquitetônico
Apostila projeto arquitetônicoMichel Franco
 
1º encontro -_graf-_cc4_-_apostila_leitura_e_interpretao_de_projetos_arquitet...
1º encontro -_graf-_cc4_-_apostila_leitura_e_interpretao_de_projetos_arquitet...1º encontro -_graf-_cc4_-_apostila_leitura_e_interpretao_de_projetos_arquitet...
1º encontro -_graf-_cc4_-_apostila_leitura_e_interpretao_de_projetos_arquitet...Gia Cawele
 
1º encontro -_graf-_cc4_-_apostila_leitura_e_interpretao_de_projetos_arquitet...
1º encontro -_graf-_cc4_-_apostila_leitura_e_interpretao_de_projetos_arquitet...1º encontro -_graf-_cc4_-_apostila_leitura_e_interpretao_de_projetos_arquitet...
1º encontro -_graf-_cc4_-_apostila_leitura_e_interpretao_de_projetos_arquitet...Fernando Azevedo
 
AULA 1 - CONCEITUAÇÃO
AULA 1 - CONCEITUAÇÃOAULA 1 - CONCEITUAÇÃO
AULA 1 - CONCEITUAÇÃOEd Marcos
 
Corel draw facil é golpe
Corel draw facil é golpeCorel draw facil é golpe
Corel draw facil é golperafinha93
 
D arte 05
D arte 05D arte 05
D arte 05Uninove
 
Comunicação visual fatece - bkp 2
Comunicação visual   fatece - bkp 2Comunicação visual   fatece - bkp 2
Comunicação visual fatece - bkp 2edsonfgodoy
 

Semelhante a Teoria do design aula 01 [conceitos basicos] (20)

Teoria do designer
Teoria do designerTeoria do designer
Teoria do designer
 
01 o que é design gráfico cida medeiros
01 o que é design gráfico cida medeiros01 o que é design gráfico cida medeiros
01 o que é design gráfico cida medeiros
 
10 revisao producao_grafica
10 revisao producao_grafica10 revisao producao_grafica
10 revisao producao_grafica
 
Apostila Photoshop
Apostila Photoshop Apostila Photoshop
Apostila Photoshop
 
mini-curso-interpretacao-projetos-arquitetonicos-1.pdf
mini-curso-interpretacao-projetos-arquitetonicos-1.pdfmini-curso-interpretacao-projetos-arquitetonicos-1.pdf
mini-curso-interpretacao-projetos-arquitetonicos-1.pdf
 
LEITURA E INTERPRETAÇÃO DE PROJETOS ARQUITETÔNICOS
LEITURA E INTERPRETAÇÃO DE PROJETOS ARQUITETÔNICOSLEITURA E INTERPRETAÇÃO DE PROJETOS ARQUITETÔNICOS
LEITURA E INTERPRETAÇÃO DE PROJETOS ARQUITETÔNICOS
 
Glossário do design gráfico
Glossário do design gráficoGlossário do design gráfico
Glossário do design gráfico
 
Apostila projeto arquitetônico
Apostila projeto arquitetônicoApostila projeto arquitetônico
Apostila projeto arquitetônico
 
1º encontro -_graf-_cc4_-_apostila_leitura_e_interpretao_de_projetos_arquitet...
1º encontro -_graf-_cc4_-_apostila_leitura_e_interpretao_de_projetos_arquitet...1º encontro -_graf-_cc4_-_apostila_leitura_e_interpretao_de_projetos_arquitet...
1º encontro -_graf-_cc4_-_apostila_leitura_e_interpretao_de_projetos_arquitet...
 
1º encontro -_graf-_cc4_-_apostila_leitura_e_interpretao_de_projetos_arquitet...
1º encontro -_graf-_cc4_-_apostila_leitura_e_interpretao_de_projetos_arquitet...1º encontro -_graf-_cc4_-_apostila_leitura_e_interpretao_de_projetos_arquitet...
1º encontro -_graf-_cc4_-_apostila_leitura_e_interpretao_de_projetos_arquitet...
 
Comp civil aula 01
Comp civil   aula 01Comp civil   aula 01
Comp civil aula 01
 
Aula 1
Aula 1Aula 1
Aula 1
 
AULA 1 - CONCEITUAÇÃO
AULA 1 - CONCEITUAÇÃOAULA 1 - CONCEITUAÇÃO
AULA 1 - CONCEITUAÇÃO
 
Corel draw facil é golpe
Corel draw facil é golpeCorel draw facil é golpe
Corel draw facil é golpe
 
Apostila d moda
Apostila d modaApostila d moda
Apostila d moda
 
Aula 1 aldeci
Aula 1 aldeciAula 1 aldeci
Aula 1 aldeci
 
D arte 05
D arte 05D arte 05
D arte 05
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
 
Comunicação visual fatece - bkp 2
Comunicação visual   fatece - bkp 2Comunicação visual   fatece - bkp 2
Comunicação visual fatece - bkp 2
 
Cpg Aula1
Cpg Aula1Cpg Aula1
Cpg Aula1
 

Mais de Léo Dias

Enumerar do Brasil - apresentação institucional soluções para saúde 2020
Enumerar do Brasil - apresentação institucional soluções para saúde 2020Enumerar do Brasil - apresentação institucional soluções para saúde 2020
Enumerar do Brasil - apresentação institucional soluções para saúde 2020Léo Dias
 
Curriculo para Designer leonildo wagner - 08-2016
Curriculo para Designer  leonildo wagner - 08-2016 Curriculo para Designer  leonildo wagner - 08-2016
Curriculo para Designer leonildo wagner - 08-2016 Léo Dias
 
Curso de css3 unidade 1 - introdução ao css
Curso de css3   unidade 1 - introdução ao cssCurso de css3   unidade 1 - introdução ao css
Curso de css3 unidade 1 - introdução ao cssLéo Dias
 
Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01   Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01 Léo Dias
 
Tcc leonildo wagner reestruturação de website utilizando padrões w3 c 26-04...
Tcc leonildo wagner   reestruturação de website utilizando padrões w3 c 26-04...Tcc leonildo wagner   reestruturação de website utilizando padrões w3 c 26-04...
Tcc leonildo wagner reestruturação de website utilizando padrões w3 c 26-04...Léo Dias
 
Teoria do design aula 2 - Estudo das Cores
Teoria do design   aula 2 - Estudo das CoresTeoria do design   aula 2 - Estudo das Cores
Teoria do design aula 2 - Estudo das CoresLéo Dias
 

Mais de Léo Dias (6)

Enumerar do Brasil - apresentação institucional soluções para saúde 2020
Enumerar do Brasil - apresentação institucional soluções para saúde 2020Enumerar do Brasil - apresentação institucional soluções para saúde 2020
Enumerar do Brasil - apresentação institucional soluções para saúde 2020
 
Curriculo para Designer leonildo wagner - 08-2016
Curriculo para Designer  leonildo wagner - 08-2016 Curriculo para Designer  leonildo wagner - 08-2016
Curriculo para Designer leonildo wagner - 08-2016
 
Curso de css3 unidade 1 - introdução ao css
Curso de css3   unidade 1 - introdução ao cssCurso de css3   unidade 1 - introdução ao css
Curso de css3 unidade 1 - introdução ao css
 
Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01   Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01
 
Tcc leonildo wagner reestruturação de website utilizando padrões w3 c 26-04...
Tcc leonildo wagner   reestruturação de website utilizando padrões w3 c 26-04...Tcc leonildo wagner   reestruturação de website utilizando padrões w3 c 26-04...
Tcc leonildo wagner reestruturação de website utilizando padrões w3 c 26-04...
 
Teoria do design aula 2 - Estudo das Cores
Teoria do design   aula 2 - Estudo das CoresTeoria do design   aula 2 - Estudo das Cores
Teoria do design aula 2 - Estudo das Cores
 

Teoria do design aula 01 [conceitos basicos]

  • 1. TEORIA DO DESIGN Aula 01 – Arte na Atualidade: Conceitos Básicos Prof.: Léo Diaz
  • 2. O QUE É DESIGN? Definição: Design ou desenho industrial é a idealização, criação, desenvolvimento, configuração, concepçã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. Pelo Dicionário Michaelis (dizáin) sm (ingl) 1 Concepção de um projeto ou modelo; planejamento. 2 O produto deste planejamento. TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 206/06/2013
  • 3. Á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 TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 306/06/2013
  • 4. 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 TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 406/06/2013
  • 5. INDENTIDADE VISUAL Símbolo Logótipo Manual de Identidade Visual Imagem corporativa Design visual Programação visual Administração / Gestão Marketing TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 5 IDENTIDADE VISUAL é o conjunto de elementos que representa visualmente, e de forma sistematizada, um nome, ideia, 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. 06/06/2013
  • 6. 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, entre 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. TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 606/06/2013
  • 7. 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. TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 706/06/2013
  • 8. 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 8 FOTOGRAFIA DESENHO VETORIAL DESENHO 3D EDITORAÇÃO DIGITAL 06/06/2013
  • 9. SOFTWARES Vetorial •Adobe Illustrator •Corel Draw •Inkscape Bitmap •Adobe Photoshop •GIMP •Corel Photopaint •Pixelmator •Photoscape TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 9 Alguns Fabricantes 06/06/2013
  • 10. SOFTWARES Editoração (jornais, Livros e Revistas) • QuarkXPress • Adobe InDesign • Adobe PageMaker (Descontinuado) • PageStream, RagTime • Scribus • Microsoft Publisher • Apple Pages • CorelDraw Design 3D (personagens, produtos, cenários e engenharia) • Blender • Autodesk 3D Studio Max • Google Sketchup • Rinoceros • Zbrush • Vue 3D • Terragen • CINEMA 4D TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 10 Alguns Fabricantes 06/06/2013
  • 11. 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 TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1106/06/2013
  • 12. 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 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 computador poderia reproduzi-la! Esta é a principal característica de uma imagem vetorial. TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1206/06/2013
  • 13. VETORIAL TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1306/06/2013
  • 14. 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. TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1406/06/2013
  • 15. BITMAP TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1506/06/2013
  • 16. 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) TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1606/06/2013
  • 17. 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. TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1706/06/2013
  • 18. 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 para-alfabé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. TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1806/06/2013
  • 19. 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. TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1906/06/2013
  • 20. 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, fotomecâ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. TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 2006/06/2013
  • 21. 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 fotomecâ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. TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 2106/06/2013
  • 22. 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 TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 2206/06/2013
  • 23. 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 TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 2306/06/2013
  • 24. SOBRE O AUTOR Léo Diaz (Leonildo) Webdesginer Designer Gráfico Ilustrador Contatos wilborn7@gmail.com leo.diaz1985 www.facebook.com/wilborn7 wilborn7.deviantart.com/gallery TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 2406/06/2013