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