Your SlideShare is downloading. ×
  • Like
Teoria do design aula 01 [conceitos basicos]
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Teoria do design aula 01 [conceitos basicos]

  • 2,483 views
Published

Conceitos básicos do Design.

Conceitos básicos do Design.

Published in Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,483
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
114
Comments
0
Likes
6

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. TEORIA DO DESIGNAula 01 – Arte na Atualidade:Conceitos BásicosProf.: 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ãoproduzidos industrialmente ou por meio de sistema de produção seriada e quedemandem padronização dos componentes, compatibilização do desenho paraconstrução em maquinário mecânico ou manual, envolvendo a repetição dasdiferentes etapas de produção.Essa é uma atividade estratégica, técnica e criativa, normalmente orientada poruma 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çãoTEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 306/06/2013
  • 4. DESIGN GRÁFICOEsta á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)TipografiaTEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 406/06/2013
  • 5. INDENTIDADE VISUALSímboloLogótipoManual de Identidade VisualImagem corporativaDesign visualProgramação visualAdministração / GestãoMarketingTEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 5IDENTIDADE VISUAL é o conjunto de elementos querepresenta visualmente, e de forma sistematizada, umnome, ideia, produto, empresa, instituição ou serviço.Esse conjunto de elementos costuma ter como base ologó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 formaharmônica, viável e que traga resultados.TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 606/06/2013
  • 7. PORTFÓLIOO portfólio é uma coleção de todo o trabalho em andamento na organizaçãorelacionado com o alcance dos objetivos do negócio.Para um designer uma imagem diz mais que mil palavras. É importante montar umcoleção que sirva de amostra de seus trabalhos para mostrar a qualidade e o tipode 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 ouprojetista em quase todas as áreas, desde editoração até animação 3DTEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 8FOTOGRAFIA DESENHO VETORIAL DESENHO 3D EDITORAÇÃO DIGITAL06/06/2013
  • 9. SOFTWARESVetorial•Adobe Illustrator•Corel Draw•InkscapeBitmap•Adobe Photoshop•GIMP•Corel Photopaint•Pixelmator•PhotoscapeTEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 9Alguns Fabricantes06/06/2013
  • 10. SOFTWARESEditoração(jornais, Livros e Revistas)• QuarkXPress• Adobe InDesign• Adobe PageMaker (Descontinuado)• PageStream, RagTime• Scribus• Microsoft Publisher• Apple Pages• CorelDrawDesign 3D(personagens, produtos, cenários e engenharia)• Blender• Autodesk 3D Studio Max• Google Sketchup• Rinoceros• Zbrush• Vue 3D• Terragen• CINEMA 4DTEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 10Alguns Fabricantes06/06/2013
  • 11. TIPOS DE IMAGEM DIGITALBITMAPMapa de BIT’sPossui maior grau de realismoUtilizado em fotografiasVETORIALCalculo e PropriedadesNão Perde Qualidade ao serRedimensionadaUtilizado em ilustrações e em mídiaimpressaTEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1106/06/2013
  • 12. VETORIALVetor é uma entidade definida pelos atributos direção, módulo e sentido, podemos dizer que, nacomunicaçã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 = azulObserve que, para guardar esse círculo, não precisamos gravar a imagem propriamente dita, que seriam ospixels (gastaria muita memória).•Se guardarmos os atributos, como "Circunferência", preenchida de "amarelo", contornada por "azul" e comraio de "1 cm", qualquer computador poderia reproduzi-la! Esta é a principal característica de umaimagem vetorial.TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1206/06/2013
  • 13. VETORIALTEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1306/06/2013
  • 14. BITMAPUma fotografia digitalizada é um exemplo claro de imagem bitmap.Bitmaps são imagens que, apresentadas no monitor, são divididas em pequenos quadradinhos, cadaum, com uma cor.Esses quadradinhos chamam-se pixels. Quando se grava na modalidade bitmap, grava-se o conteúdode 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 algumasdesvantagens para os arquivos do tipo bitmap.TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1406/06/2013
  • 15. BITMAPTEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1506/06/2013
  • 16. FORMATOS DE IMAGEM DIGITALRaster (Bitmap)JPEGPNGGIFTIFFBMPRAWVetorial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ÁRIOArte-final: Layout preciso de um anúncio, cartaz, página de revista ou jornal etc., preparado pelodesigner gráfico, mostrando a disposição final de todos os textos e ilustrações, pronto para areprodução gráfica.Definição: Resolução, fidelidade ou clareza de detalhes de uma reprodução fotográfica ouimpressa.Dégradé: Variação progressiva de tons desde um valor máximo até um valor mínimo de pontos demeio-tom. Conjunto de tonalidades de uma mesma cor variando do mais escuro ao mais claro.Design: Projeto gráficoDiagramação: Concepção, organização e configuração de todos os elementos que compõem umtrabalho de comunicação visual gráfica, incluindo a escolha dos textos e das ilustrações, a definiçãodo 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ÁRIODPI – Dots per inch – Pontos por Polegada: Unidade de medida de resolução de umequipamento de saída, conectado a um sistema eletrônico de reprodução, tal comoum scanner, um monitor, uma impressora ou uma imagesetter.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 dos cadernospara controlar a qualidade.Fechamento: Conclusão dos trabalhos de redação, diagramação, composição epaginaçã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 deacentuaçã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ÁRIOHalftone: 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 marcasde corte, quando existem ilustrações sangradas numa página composta.Matriz: Dispositivo de uma impressora que transfere a imagem entintada para umablanqueta 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 atela serigráfica.TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 1906/06/2013
  • 20. GLOSSÁRIOMeio-tom: Reprodução de uma imagem de tom-contínuo, composta de pontos que variam emfreqüê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 ourefletida pelo original. Um papel completamente opaco não permite a passagem da luz; quando opapel tem baixa opacidade, a imagem impressa num dos lados interfere no resultado impresso noverso da folha, o que prejudica a leitura e altera as cores; a opacidade aumenta em virtude dagramatura e do corpo do papel.Overlay: Folha de material translúcido, colocada sobre a arte-final para indicar as aplicações decor, 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ésassociados. 2) Imposição dos componentes de uma página de revista, jornal, livro etc., feita porprocessos 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 decores especiais.TEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 2006/06/2013
  • 21. GLOSSÁRIOProva: Protótipo de um trabalho a ser impresso, obtido eletronicamente, a partir de dadosdigitais (prova de pré-impressão). A prova serve de amostra para o cliente e guia para oimpressor.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 tonaisatravés de ponto de amplitude ou freqüência variável. 3) Matriz de pontos, linhas ou círculosutilizada 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áriasverde, 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ÁRIOTom: Comprimento de onda da luz refletida ou transmitida por uma cor em seuestado 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, geralmentecontendo 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 numapágina montada em sistema eletrônico de editoração; as informações gráficasvetoriais são transferidas de uma estação de trabalho para um processador deimagem por varredura (RIP), o qual interpreta todas as informações de montagemde páginas para uma imagesetter; a linguagemTEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 2206/06/2013
  • 23. REFERÊNCIASFabricantes de Softwareswww.adobe.comwww.corel.comBlogs e Sites com Tutoriaiswww.abduzeedo.comwww.photoshoptutorials.wspsd.tutsplus.comRevistaswww.revistadesign.com.brwww.photoshopcreative.com.brTEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 2306/06/2013
  • 24. SOBRE O AUTORLéo Diaz (Leonildo)WebdesginerDesigner GráficoIlustradorContatoswilborn7@gmail.comleo.diaz1985www.facebook.com/wilborn7wilborn7.deviantart.com/galleryTEORIA DO DESIGN - [ AULA 1] POR LÉO DIAZ 2406/06/2013