SlideShare ist ein Scribd-Unternehmen logo
1 von 8
O que é o DESIGN ?
Conceitos gerais e composição
gráfica
Parte I
Definições
• Design é a visualização criativa e sistemática dos processos de interação e
das mensagens de diferentes atores sociais.” Beat Schneider
• “Design is to design a design to produce a design.”
John Heskett
• “Design significa ter e desenvolver um plano, um projeto, significa
designar. É trabalhar com a intenção, com o cenário futuro, executando a
conceção e o planeamento daquilo que virá a existir.”
Mónica Moura
Definições(continuação)
• “Design é a organização das partes de um todo, de um modo que os
componentes produzam o que foi planejado. Só que esse arranjo é
sempre improvável, seja o design de algo extraordinário ou não.”
Helena Katz
•
1 - Conceção de um projeto ou modelo; planeamento.
2 - O produto desse planeamento.
Dicionário Michaelis
Áreas de design
• Design de Interface – Basicamente, o Design de Interface envolve o estudo
e a criação de telas, botões, transições e layouts.
• Design Gráfico - O Designer Gráfico trabalha diretamente com o visual dos
produtos: sejam imagens para um site, material gráfico, fotografias ou
embalagens.
• Game Design - Trabalhar com design para games é uma mescla de Design
Gráfico, animação, programação, modelagem 3D e Design de Interface.
• Design de Moda - Aplicação do design na criação de roupas e acessórios. É
uma área que mistura elementos gráficos com o aspeto técnico da
construção de roupas.
Parte II
Infografia
Webgrafia
• Parte I
• http://designices.com/o-que-e-design/
• http://www.designerd.com.br/principais-areas-
do-design/ParteII
• http://www.significados.com.br/layout/
• http://old.knoow.net/cienceconempr/gestao/iden
tidadecorporativa.htm
• http://www.significados.com.br/tipologia/
• http://www.significados.com.br/copyright/
• http://www.infopedia.pt/dicionarios/lingua-
portuguesa/banner
• http://www.dicionarioinformal.com.br/designer/
• https://pt.wikipedia.org/wiki/Logotipo
• https://pt.wikipedia.org/wiki/Mockup
• https://pt.wikipedia.org/wiki/Portf%C3%B3lio
• http://www.dicionarioinformal.com.br/target/
• http://www.designculture.com.br/o-que-e-ui-
design-e-ux-design/
• http://www.infopedia.pt/dicionarios/lingua-
portuguesa/sketchh
• http://blogdoscursos.com.br/a-hierarquia-visual-
no-web-design/
• http://www.significados.com.br/ergonomia/
• http://arquiteturadeinformacao.com/mobile/o-
que-e-responsive-web-design/
• http://www.priberam.pt/dlpo/consist%C3%AAnci
a
• https://pt.wikipedia.org/wiki/Equil%C3%ADbrio_g
r%C3%A1fico
• http://www.explorando.com.br/o-que-e-interface-
grafica/
• https://pt.wikipedia.org/wiki/Tipografia
• https://pt.wikipedia.org/wiki/Comunica%C3%A7%
C3%A3o_visual
• http://portaldebranding.com/v1/?p=4965
• http://www.significados.com.br/brainstorming/
• http://www.significados.com.br/briefing/
• http://chocoladesign.com/o-que-e-gestalt
• http://www.significados.com.br/logomarca/
• https://pt.wikipedia.org/wiki/Metodologia_de_pr
ojeto
• https://pt.wikipedia.org/wiki/Teaser
• https://pt.wikipedia.org/wiki/Thumbnail
• http://www.fatdux.com/pt/What/What-is-UX
• https://pt.wikipedia.org/wiki/Serifa
• https://pt.wikipedia.org/wiki/Usabilidade
• http://www.significados.com.br/acessibilidade/

Weitere ähnliche Inhalte

Was ist angesagt?

Metodos de Design
Metodos de DesignMetodos de Design
Metodos de Design
prismatica
 
Aula 02 design gráfico na publicidade princípios de design
Aula 02   design gráfico na publicidade princípios de designAula 02   design gráfico na publicidade princípios de design
Aula 02 design gráfico na publicidade princípios de design
Elizeu Nascimento Silva
 
Informática na educação infantil
Informática na educação infantilInformática na educação infantil
Informática na educação infantil
Claudinéia da Silva
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
Deisi Motter
 
Módulo 4 design multimédia
Módulo 4   design multimédiaMódulo 4   design multimédia
Módulo 4 design multimédia
beatrizantos
 

Was ist angesagt? (20)

Design de Interface - Diretrizes
Design de Interface - DiretrizesDesign de Interface - Diretrizes
Design de Interface - Diretrizes
 
Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]
 
(Breve) Introdução ao Design
(Breve) Introdução ao Design(Breve) Introdução ao Design
(Breve) Introdução ao Design
 
Metodos de Design
Metodos de DesignMetodos de Design
Metodos de Design
 
Design historia
Design historiaDesign historia
Design historia
 
Aula 02 design gráfico na publicidade princípios de design
Aula 02   design gráfico na publicidade princípios de designAula 02   design gráfico na publicidade princípios de design
Aula 02 design gráfico na publicidade princípios de design
 
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
 
Painél semântico
Painél semânticoPainél semântico
Painél semântico
 
Noções de Design Gráfico
Noções de Design GráficoNoções de Design Gráfico
Noções de Design Gráfico
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digital
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02
 
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
 
Principios do design
Principios do designPrincipios do design
Principios do design
 
Informática na educação infantil
Informática na educação infantilInformática na educação infantil
Informática na educação infantil
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
 
Informática Básica - Aula 04 - Software
Informática Básica - Aula 04 - SoftwareInformática Básica - Aula 04 - Software
Informática Básica - Aula 04 - Software
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
 
IHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de DesignIHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de Design
 
Métodos de Design: Uma abordagem para estudos de viabilidade em projetos de s...
Métodos de Design: Uma abordagem para estudos de viabilidade em projetos de s...Métodos de Design: Uma abordagem para estudos de viabilidade em projetos de s...
Métodos de Design: Uma abordagem para estudos de viabilidade em projetos de s...
 
Módulo 4 design multimédia
Módulo 4   design multimédiaMódulo 4   design multimédia
Módulo 4 design multimédia
 

Andere mochten auch

Design e composição gráfica parte2
Design e composição gráfica parte2Design e composição gráfica parte2
Design e composição gráfica parte2
Luis Vieira
 
Animação e computação gráfica
Animação e computação gráficaAnimação e computação gráfica
Animação e computação gráfica
Hélder Prando
 
Linguagem gráfica
Linguagem gráficaLinguagem gráfica
Linguagem gráfica
Luiz Carlos
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - Introdução
Tony Alexander Hild
 
Regras básicas na construção de um site
Regras básicas na construção de um siteRegras básicas na construção de um site
Regras básicas na construção de um site
Ana Santos
 

Andere mochten auch (17)

Composição gráfica
Composição gráficaComposição gráfica
Composição gráfica
 
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
 
Ana amelia
Ana ameliaAna amelia
Ana amelia
 
Design e composição gráfica parte2
Design e composição gráfica parte2Design e composição gráfica parte2
Design e composição gráfica parte2
 
Programação Criativa com Processing
Programação Criativa com ProcessingProgramação Criativa com Processing
Programação Criativa com Processing
 
Introdução a programação gráfica com Processing - Aula 02
Introdução a programação gráfica com Processing - Aula 02Introdução a programação gráfica com Processing - Aula 02
Introdução a programação gráfica com Processing - Aula 02
 
Interface grafica do usuario
Interface grafica do usuarioInterface grafica do usuario
Interface grafica do usuario
 
Assistente de programação visual gráfica
Assistente de programação visual gráficaAssistente de programação visual gráfica
Assistente de programação visual gráfica
 
Animação e computação gráfica
Animação e computação gráficaAnimação e computação gráfica
Animação e computação gráfica
 
Computação grafica
Computação graficaComputação grafica
Computação grafica
 
Linguagem gráfica
Linguagem gráficaLinguagem gráfica
Linguagem gráfica
 
Aula Interface Gráfica do Usuário
Aula Interface Gráfica do UsuárioAula Interface Gráfica do Usuário
Aula Interface Gráfica do Usuário
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - Introdução
 
Sensores de Posição
Sensores de PosiçãoSensores de Posição
Sensores de Posição
 
Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2
Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2
Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2
 
Regras básicas na construção de um site
Regras básicas na construção de um siteRegras básicas na construção de um site
Regras básicas na construção de um site
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - Introdução
 

Ähnlich wie Design e composição gráfica

O que é o design parte 1
O que é o design  parte 1O que é o design  parte 1
O que é o design parte 1
Luis Vieira
 

Ähnlich wie Design e composição gráfica (20)

O que é o design parte 1
O que é o design  parte 1O que é o design  parte 1
O que é o design parte 1
 
Tiago esteves n%c2%ba12
Tiago esteves n%c2%ba12Tiago esteves n%c2%ba12
Tiago esteves n%c2%ba12
 
O que é Design
O que é DesignO que é Design
O que é Design
 
Carolina costa nº2
Carolina costa nº2Carolina costa nº2
Carolina costa nº2
 
Sketching
SketchingSketching
Sketching
 
O que é o design
O que é o designO que é o design
O que é o design
 
O que é o design
O que é o designO que é o design
O que é o design
 
O que é o Design
O que é o DesignO que é o Design
O que é o Design
 
Hd 2016.1 aula 2_o que e design
Hd 2016.1 aula 2_o que e designHd 2016.1 aula 2_o que e design
Hd 2016.1 aula 2_o que e design
 
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
 
Design De MóVeis
Design De MóVeisDesign De MóVeis
Design De MóVeis
 
Designer: ser ou não ser
Designer: ser ou não serDesigner: ser ou não ser
Designer: ser ou não ser
 
Design e emoção
Design e emoçãoDesign e emoção
Design e emoção
 
Introdução ao Metadesign
Introdução ao MetadesignIntrodução ao Metadesign
Introdução ao Metadesign
 
Design
Design Design
Design
 
SPP - Design e Direção de Arte
SPP - Design e Direção de ArteSPP - Design e Direção de Arte
SPP - Design e Direção de Arte
 
Aula01 cpg conceito-design
Aula01 cpg conceito-designAula01 cpg conceito-design
Aula01 cpg conceito-design
 
Ihc2016.2 aula 2 design centrado no usuário e processos de design
Ihc2016.2 aula 2 design centrado no usuário e processos de designIhc2016.2 aula 2 design centrado no usuário e processos de design
Ihc2016.2 aula 2 design centrado no usuário e processos de design
 
02_NecessidaDoDesign.pdf
02_NecessidaDoDesign.pdf02_NecessidaDoDesign.pdf
02_NecessidaDoDesign.pdf
 
Oficina Design Thinking
Oficina Design Thinking Oficina Design Thinking
Oficina Design Thinking
 

Kürzlich hochgeladen

matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
CleidianeCarvalhoPer
 
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffffSSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
NarlaAquino
 
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
AntonioVieira539017
 

Kürzlich hochgeladen (20)

Seminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptxSeminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptx
 
Araribá slides 9ano.pdf para os alunos do medio
Araribá slides 9ano.pdf para os alunos do medioAraribá slides 9ano.pdf para os alunos do medio
Araribá slides 9ano.pdf para os alunos do medio
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
 
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
 
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdfPROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
 
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIAPROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
 
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffffSSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
 
aula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptaula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.ppt
 
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia TecnologiaPROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
 
EDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVA
EDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVAEDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVA
EDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVA
 
Texto dramático com Estrutura e exemplos.ppt
Texto dramático com Estrutura e exemplos.pptTexto dramático com Estrutura e exemplos.ppt
Texto dramático com Estrutura e exemplos.ppt
 
Aula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIXAula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIX
 
Cartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptxCartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptx
 
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdfCurrículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
 
Estudar, para quê? Ciência, para quê? Parte 1 e Parte 2
Estudar, para quê?  Ciência, para quê? Parte 1 e Parte 2Estudar, para quê?  Ciência, para quê? Parte 1 e Parte 2
Estudar, para quê? Ciência, para quê? Parte 1 e Parte 2
 
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
 
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEMPRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
 
About Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de HotéisAbout Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de Hotéis
 
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para criançasJogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
 
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptxSlides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
 

Design e composição gráfica

  • 1. O que é o DESIGN ? Conceitos gerais e composição gráfica
  • 3. Definições • Design é a visualização criativa e sistemática dos processos de interação e das mensagens de diferentes atores sociais.” Beat Schneider • “Design is to design a design to produce a design.” John Heskett • “Design significa ter e desenvolver um plano, um projeto, significa designar. É trabalhar com a intenção, com o cenário futuro, executando a conceção e o planeamento daquilo que virá a existir.” Mónica Moura
  • 4. Definições(continuação) • “Design é a organização das partes de um todo, de um modo que os componentes produzam o que foi planejado. Só que esse arranjo é sempre improvável, seja o design de algo extraordinário ou não.” Helena Katz • 1 - Conceção de um projeto ou modelo; planeamento. 2 - O produto desse planeamento. Dicionário Michaelis
  • 5. Áreas de design • Design de Interface – Basicamente, o Design de Interface envolve o estudo e a criação de telas, botões, transições e layouts. • Design Gráfico - O Designer Gráfico trabalha diretamente com o visual dos produtos: sejam imagens para um site, material gráfico, fotografias ou embalagens. • Game Design - Trabalhar com design para games é uma mescla de Design Gráfico, animação, programação, modelagem 3D e Design de Interface. • Design de Moda - Aplicação do design na criação de roupas e acessórios. É uma área que mistura elementos gráficos com o aspeto técnico da construção de roupas.
  • 8. Webgrafia • Parte I • http://designices.com/o-que-e-design/ • http://www.designerd.com.br/principais-areas- do-design/ParteII • http://www.significados.com.br/layout/ • http://old.knoow.net/cienceconempr/gestao/iden tidadecorporativa.htm • http://www.significados.com.br/tipologia/ • http://www.significados.com.br/copyright/ • http://www.infopedia.pt/dicionarios/lingua- portuguesa/banner • http://www.dicionarioinformal.com.br/designer/ • https://pt.wikipedia.org/wiki/Logotipo • https://pt.wikipedia.org/wiki/Mockup • https://pt.wikipedia.org/wiki/Portf%C3%B3lio • http://www.dicionarioinformal.com.br/target/ • http://www.designculture.com.br/o-que-e-ui- design-e-ux-design/ • http://www.infopedia.pt/dicionarios/lingua- portuguesa/sketchh • http://blogdoscursos.com.br/a-hierarquia-visual- no-web-design/ • http://www.significados.com.br/ergonomia/ • http://arquiteturadeinformacao.com/mobile/o- que-e-responsive-web-design/ • http://www.priberam.pt/dlpo/consist%C3%AAnci a • https://pt.wikipedia.org/wiki/Equil%C3%ADbrio_g r%C3%A1fico • http://www.explorando.com.br/o-que-e-interface- grafica/ • https://pt.wikipedia.org/wiki/Tipografia • https://pt.wikipedia.org/wiki/Comunica%C3%A7% C3%A3o_visual • http://portaldebranding.com/v1/?p=4965 • http://www.significados.com.br/brainstorming/ • http://www.significados.com.br/briefing/ • http://chocoladesign.com/o-que-e-gestalt • http://www.significados.com.br/logomarca/ • https://pt.wikipedia.org/wiki/Metodologia_de_pr ojeto • https://pt.wikipedia.org/wiki/Teaser • https://pt.wikipedia.org/wiki/Thumbnail • http://www.fatdux.com/pt/What/What-is-UX • https://pt.wikipedia.org/wiki/Serifa • https://pt.wikipedia.org/wiki/Usabilidade • http://www.significados.com.br/acessibilidade/