TEORIA DO DESIGN

Aula 01 Arte na Atualidade: Conceitos Bsicos Prof.: Lo Diaz

O QUE DESIGN?
Definio:

Pelo Dicionrio Michaelis (dizin) sm (ingl) 1 Concepo de um projeto ou modelo; planejamento. 2 O produto deste planejamento.

Design ou desenho industrial a idealizao, criao, desenvolvimento, configurao, concepo, elaborao e especificao de objetos que sero produzidos industrialmente ou por meio de sistema de produo seriada e que demandem padronizao dos componentes, compatibilizao do desenho para construo em maquinrio mecnico ou manual, envolvendo a repetio das diferentes etapas de produo. Essa uma atividade estratgica, tcnica e criativa, normalmente orientada por uma inteno ou objetivo, ou para a soluo de um problema.

06/06/2013

TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ

REAS DE ATUAO
Design estratgico

Design de comunicao
Design de som Design visual Design digital Design de produto Design de moda Design de ambientes Design de sinalizao Design de interao

06/06/2013

TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ

DESIGN GRFICO
Esta rea responsvel pela comunicao de um conceito ou ideia atravs de recursos visuais (imagens) e tipogrficos (texto/fonte) geralmente voltada para mdias impressas (jornais, livros, revistas, etc.).

Aplicaes:
Identidade corporativa (Branding) Design de embalagem (Packaging Design) Design editorial Sinaltica (ou Sinalizao) Tipografia
06/06/2013 TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ 4

INDENTIDADE VISUAL
Smbolo Logtipo Manual de Identidade Visual Imagem corporativa Design visual Programao visual Administrao / Gesto Marketing
06/06/2013 TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ 5

IDENTIDADE VISUAL o conjunto de elementos que representa visualmente, e de forma sistematizada, um nome, ideia, produto, empresa, instituio ou servio.

Esse conjunto de elementos costuma ter como base o logtipo, um smbolo visual e conjunto de cores.

O QUE UM DESIGNER GRFICO FAZ?

Primeiramente, ele estuda e conhece questes relacionadas profisso, como cores, tipografia, produo grfica, meios de comunicao, marketing, semitica, ergonomia, entre outras tantas necessrias. Com isso, ele pode estudar cada caso, analisar e vivenciar a situao do cliente, ponderar todas as variveis, a fim de encontrar a melhor soluo, de forma harmnica, vivel e que traga resultados.

06/06/2013

TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ

PORTFLIO
O portflio uma coleo de todo o trabalho em andamento na organizao relacionado com o alcance dos objetivos do negcio.

Para um designer uma imagem diz mais que mil palavras. importante montar um coleo que sirva de amostra de seus trabalhos para mostrar a qualidade e o tipo de servio prestado por ele.

06/06/2013

TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ

SOFTWARES [FERRAMENTAS]
Atualmente existem diversas opes de softwares para auxiliar um designer ou projetista em quase todas as reas, desde editorao at animao 3D
FOTOGRAFIA DESENHO VETORIAL
DESENHO 3D EDITORAO DIGITAL

06/06/2013

TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ

Alguns Fabricantes

SOFTWARES
Vetorial
Adobe Illustrator Corel Draw Inkscape

Bitmap
Adobe Photoshop

GIMP
Corel Photopaint

Pixelmator
Photoscape
06/06/2013 TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ 9

Alguns Fabricantes

SOFTWARES
Editorao
(jornais, Livros e Revistas)
QuarkXPress Adobe InDesign Adobe PageMaker (Descontinuado) PageStream, RagTime Scribus

Design 3D
(personagens, produtos, cenrios e engenharia)
Blender Autodesk 3D Studio Max Google Sketchup Rinoceros Zbrush

Microsoft Publisher

Vue 3D
Apple Pages
CorelDraw

Terragen CINEMA 4D

06/06/2013

TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ

10

TIPOS DE IMAGEM DIGITAL

BITMAP VETORIAL
Calculo e Propriedades Mapa de BITs Possui maior grau de realismo

No Perde Qualidade ao ser Redimensionada

Utilizado em ilustraes e em mdia impressa

Utilizado em fotografias

06/06/2013

TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ

11

VETORIAL
Vetor uma entidade definida pelos atributos direo, mdulo e sentido, podemos dizer que, na comunicao visual, os vetores (imagens vetoriais) so objetos definidos, tambm, por seus atributos. Assim, de modo simplificado, o objeto abaixo (imagem vetorial) poderia ser definido da seguinte maneira:
Tipo de Curva = Circunferncia Raio = 2,6 cm Preenchimento = amarelo Contorno = azul

Observe que, para guardar esse crculo, no precisamos gravar a imagem propriamente dita, que seriam os pixels (gastaria muita memria). Se guardarmos os atributos, como "Circunferncia", preenchida de "amarelo", contornada por "azul" e com raio de "1 cm", qualquer computador poderia reproduzi-la! Esta a principal caracterstica de uma imagem vetorial.
06/06/2013 TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ 12

VETORIAL

06/06/2013

TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ

13

BITMAP
Uma fotografia digitalizada um exemplo claro de imagem bitmap. Bitmaps so imagens que, apresentadas no monitor, so divididas em pequenos quadradinhos, cada um, com uma cor. Esses quadradinhos chamam-se pixels. Quando se grava na modalidade bitmap, grava-se o contedo 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.

06/06/2013

TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ

14

BITMAP

06/06/2013

TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ

15

FORMATOS DE IMAGEM DIGITAL

Raster (Bitmap)
JPEG
AI (Adobe Illustrator) CDR (Corel Draw)

Vetorial

PNG
GIF TIFF BMP RAW
06/06/2013

INDD (Adobe Indesign) EPS (Universal) SVG (Inkscape, Navegadores) DWG (Autodesk AutoCAD)

3DS (3D Studio Max)

OBJ (Blnder)
TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ 16

GLOSSRIO
Arte-final: Layout preciso de um anncio, cartaz, pgina de revista ou jornal etc., preparado pelo designer grfico, mostrando a disposio final de todos os textos e ilustraes, pronto para a reproduo grfica.

Definio: Resoluo, fidelidade ou clareza de detalhes de uma reproduo fotogrfica ou impressa.

Dgrad: Variao progressiva de tons desde um valor mximo at um valor mnimo de pontos de meio-tom. Conjunto de tonalidades de uma mesma cor variando do mais escuro ao mais claro. Design: Projeto grfico

Diagramao: Concepo, organizao e configurao de todos os elementos que compem um trabalho de comunicao visual grfica, incluindo a escolha dos textos e das ilustraes, a definio do formato da obra, a repartio das margens, dos espaos em branco, do texto e das ilustraes, a escolha dos caracteres tipogrficos etc.

06/06/2013

TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ

17

GLOSSRIO
DPI Dots per inch Pontos por Polegada: Unidade de medida de resoluo de um equipamento de sada, conectado a um sistema eletrnico de reproduo, tal como um scanner, um monitor, uma impressora ou uma imagesetter. Escala: Tira de controle de cores, indicativa das cores primrias e de suas sobreposies, impressa na rea de refilo das provas, das folhas ou dos cadernos para controlar a qualidade. Fechamento: Concluso dos trabalhos de redao, diagramao, composio e paginao de um jornal ou revista.

Fonte: Coleo completa de caracteres tipogrficos, alfabticos e para-alfabticos, incluindo todas as letras maisculas e minsculas, nmeros, smbolos e sinais de acentuao e pontuao, que integram o alfabeto num determinado corpo, empregados na composio tipogrfica.
06/06/2013 TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ 18

GLOSSRIO
Halftone: Meio-tom. Hue: Diferena bsica entre as cores (vermelha, azul, verde, amarela, etc.) K - black: Tinta preta.

Layout: Esboo de um trabalho grfico que apresenta todos os seus elementos (textos, grficos, ilustraes etc.) distribudos num espao equivalente quele que ser impresso.
Margem de Sangra/Sangria: Excesso (cerca de 3 mm) que se deve deixar, alm das marcas de corte, quando existem ilustraes sangradas numa pgina composta.

Matriz: Dispositivo de uma impressora que transfere a imagem entintada para uma blanqueta intermediria, ou diretamente para o papel ou para outro suporte de impresso, tal como o clich tipogrfico, a chapa offset, o cilindro rotogravura, a frma flexogrfica e a tela serigrfica.
06/06/2013 TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ 19

GLOSSRIO
Meio-tom: Reproduo de uma imagem de tom-contnuo, composta de pontos que variam em freqncia (nmero por centmetro), em tamanho ou em densidade, produzindo gradaes tonais. Processo utilizado no sistema offset. Opacidade: Relao entre a intensidade da luz incidente e a quantidade de luz transmitida ou refletida pelo original. Um papel completamente opaco no 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 translcido, colocada sobre a arte-final para indicar as aplicaes de cor, de alteraes e de correes. Paginao: 1) Numerao das pginas de um livro ou revista, com os cabealhos e rodaps associados. 2) Imposio dos componentes de uma pgina de revista, jornal, livro etc., feita por processos manuais, fotomecnicos ou na tela do monitor de visualizao de um computador. Pantone: Sistema de classificao de cores e mistura de tintas padronizadas para obteno de cores especiais.
06/06/2013 TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ 20

GLOSSRIO
Prova: Prottipo de um trabalho a ser impresso, obtido eletronicamente, a partir de dados digitais (prova de pr-impresso). A prova serve de amostra para o cliente e guia para o impressor. Resoluo: Medida de definio de uma imagem ou do desempenho de um sistema ptico, expressa em nmero de linhas, de pontos ou de pixels por polegada ou por centmetro. Retcula: 1) Material utilizado para transformar a imagem num conjunto de pontos de meiotom. 2) rea de uma chapa ou de uma folha impressa que reproduz as gradaes tonais atravs de ponto de amplitude ou freqncia varivel. 3) Matriz de pontos, linhas ou crculos utilizada para reproduzir os meios-tons nas reprodues fotomecnicas. RGB: Espao de cores nativo dos monitores de vdeo, que empregam as cores primrias verde, vermelha e azul para reproduzir todas as cores. Sangra (ou Sangria): rea impressa que se estende alm do refilo de uma pgina, geralmente 3mm ou mais alm das marcas de corte.

06/06/2013

TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ

21

GLOSSRIO
Tom: Comprimento de onda da luz refletida ou transmitida por uma cor em seu estado mais puro, sem adio de branco ou preto. Traado: Disposio das pginas a serem impressas em um dos lados da folha, arranjadas em ordem adequada dentro do caderno a ser impresso, geralmente contendo um nmero de pginas mltiplo de oito. Vetor: Descrio matemtica de imposio de imagens e de sua localizao numa pgina montada em sistema eletrnico de editorao; as informaes grficas vetoriais so transferidas de uma estao de trabalho para um processador de imagem por varredura (RIP), o qual interpreta todas as informaes de montagem de pginas para uma imagesetter; a linguagem

06/06/2013

TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ

22

REFERNCIAS
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
06/06/2013 TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ 23

SOBRE O AUTOR
Contatos Lo Diaz (Leonildo) wilborn7@gmail.com Webdesginer Designer Grfico Ilustrador leo.diaz1985

www.facebook.com/wilborn7
wilborn7.deviantart.com/gallery

06/06/2013

TEORIA DO DESIGN - [ AULA 1] POR LO DIAZ

24