24
TEORIA DO DESIGN Aula 01 – Arte na Atualidade: Conceitos Básicos Prof.: Léo Diaz

Teoria do design aula 01 [conceitos basicos]

Embed Size (px)

DESCRIPTION

Conceitos básicos do Design.

Citation preview

Page 1: Teoria do design aula 01 [conceitos basicos]

TEORIA DO DESIGN Aula 01 – Arte na Atualidade:

Conceitos Básicos

Prof.: Léo Diaz

Page 2: Teoria do design aula 01 [conceitos basicos]

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 2 06/06/2013

Page 3: Teoria do design aula 01 [conceitos basicos]

Á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 3 06/06/2013

Page 4: Teoria do design aula 01 [conceitos basicos]

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 4 06/06/2013

Page 5: Teoria do design aula 01 [conceitos basicos]

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

Page 6: Teoria do design aula 01 [conceitos basicos]

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 6 06/06/2013

Page 7: Teoria do design aula 01 [conceitos basicos]

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 7 06/06/2013

Page 8: Teoria do design aula 01 [conceitos basicos]

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

Page 9: Teoria do design aula 01 [conceitos basicos]

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

Page 10: Teoria do design aula 01 [conceitos basicos]

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

Page 11: Teoria do design aula 01 [conceitos basicos]

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 11 06/06/2013

Page 12: Teoria do design aula 01 [conceitos basicos]

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 12 06/06/2013

Page 13: Teoria do design aula 01 [conceitos basicos]

VETORIAL

TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 13 06/06/2013

Page 14: Teoria do design aula 01 [conceitos basicos]

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 14 06/06/2013

Page 15: Teoria do design aula 01 [conceitos basicos]

BITMAP

TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 15 06/06/2013

Page 16: Teoria do design aula 01 [conceitos basicos]

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 16 06/06/2013

Page 17: Teoria do design aula 01 [conceitos basicos]

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 17 06/06/2013

Page 18: Teoria do design aula 01 [conceitos basicos]

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 18 06/06/2013

Page 19: Teoria do design aula 01 [conceitos basicos]

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 19 06/06/2013

Page 20: Teoria do design aula 01 [conceitos basicos]

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 20 06/06/2013

Page 21: Teoria do design aula 01 [conceitos basicos]

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 21 06/06/2013

Page 22: Teoria do design aula 01 [conceitos basicos]

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 22 06/06/2013

Page 24: Teoria do design aula 01 [conceitos basicos]

SOBRE O AUTOR

Léo Diaz (Leonildo)

Webdesginer

Designer Gráfico

Ilustrador

Contatos

[email protected]

leo.diaz1985

www.facebook.com/wilborn7

wilborn7.deviantart.com/gallery

TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 24 06/06/2013