SlideShare uma empresa Scribd logo
1 de 11
PAINEL SEMÂNTICO
Prof. Daniel Brandão – Curso: Programação Visual Gráfica
Escola SENAI Bonifácio Almodóvar
www.profdanielbrandao.wordpress.com
Painel Semântico ou MooD BoARD
 Semântica é o ramo da linguística que estuda o significado
das palavras. Assim, o que buscamos por meio de imagens é
a visualização dos significados evocados pelas palavras-chave
e verbalizados em determinadas fases do projeto. O painel
semântico ou mood board é uma técnica que busca traduzir a
linguagem verbal em signos visuais. Durante o projeto, o
designer articula conceitos abstratos ou metafóricos em
imagens, evocando significação destes conceitos. A
visualização das imagens pode esclarecer dúvidas sobre o
significado das palavras e a utilização dos painéis semânticos
no âmbito projetual apresenta-se como agente de criação e
de mediação.
www.profdanielbrandao.wordpress.com
 Trabalhar com métodos visuais está gradualmente se
tornando uma necessidade no desenvolvimento de
produtos de design. As descrições verbais dos objetivos,
conceitos e soluções não são mais suficientes,
especialmente nos projetos desenvolvidos para um
mercado global. As diferenças semânticas entre
conceitos resultam em entendimentos equivocados,
mesmo entre designers, técnicos e diretores de
marketing da mesma equipe de
desenvolvimento(BÜRDEK, 2005, p. 265)
www.profdanielbrandao.wordpress.com
 O autor nos mostra que em uma equipe multidisciplinar
é possível haver diferenças importantes nas atribuições
de sentido entre os envolvidos, e as imagens contribuem
para um discurso menos divergente. Podemos perceber
que não há regras rígidas ou pré-estabelecidas sobre
como conduzir esta técnica projetual, e sim algumas
premissas que devem norteá-la a fim de torná-la mais
objetiva, e com aplicação em outras etapas projetuais
que exijam esclarecer conceitos complexos. Esta técnica
proporciona um modo visual capaz de estimular e
inspirar o processo de desenvolvimento de projetos,
“que devem ser consideradas por serem mais lógicas e
empáticas para o contexto do design que a abordagem
tradicional centrada no código verbal”
www.profdanielbrandao.wordpress.com
Grupos principais
 Do ponto de vista prático, a técnica consiste em coletar
e reunir imagens referenciais sobre os diversos aspectos
relativos ao projeto, especificamente três grupos
principais: objetos, pessoas e ambientes, e organizá-
las visualmente em um painel para que todos os
envolvidos no processo possam, através de diversos
pontos de vista, observar, refletir e articular as
características citadas nestas referências. Pode-se
extrair do painel semântico referências como cor, forma,
texturas, tipografia e também conceitos subjetivos,
figuras de linguagem, a metáfora, o símbolo, assim
como o estilo de vida ou emoções que dizem respeito
especificamente ao público-alvo
www.profdanielbrandao.wordpress.com
Exemplo 1
www.profdanielbrandao.wordpress.com
Exemplo 2
www.profdanielbrandao.wordpress.com
Exemplos 3 e 4
www.profdanielbrandao.wordpress.com
 Figura 1: Diagrama contendo as etapas de processo do painel
semântico. Fonte: (EDWARDS et al., 2009, p.6)
www.profdanielbrandao.wordpress.com
Fases da criação
 A criação do painel semântico necessita ser orientada por
etapas para garantir a efetividade da técnica. De acordo com
Jacques e Santos(2009) podem ser adotadas cinco fases:
 1º) compreensão exaustiva do problema projetual, o que
pode ser alcançado através de dinâmicas ou valendo-se de
técnicas como obrainstorming;
 2º) transformação do entendimento verbal do problema
projetual em linguagem escrita – brainwriting;
 3º) transformação da linguagem escrita em visual, ou seja, a
busca por imagens que realmente identifiquem ou traduzam
a palavra ou o termo listado, ou as necessidades que se
procura atender a partir dos objetivos de projeto que se quer
alcançar;
www.profdanielbrandao.wordpress.com
Fases da criação
 4º) montagem da ambiência visual, construída pela
composição do painel;
 5º) definição de cartela de cores, formas e texturas a serem
utilizadas no produto, pode-se ainda descrever o painel
através de um pequeno texto para auxiliar sua compreensão.
www.profdanielbrandao.wordpress.com

Mais conteúdo relacionado

Mais procurados

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áficonfeio
 
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/2Fábio Gonçalves
 
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroComposição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroFábio Gonçalves
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioErico Fileno
 
Processo de Criacão de Logomarca
Processo de Criacão de LogomarcaProcesso de Criacão de Logomarca
Processo de Criacão de LogomarcaBreno Brito
 
Apresentação de Design Thinking
Apresentação de Design ThinkingApresentação de Design Thinking
Apresentação de Design Thinkingbaufaker
 
Exercício de criação: Sonho de Valsa
Exercício de criação: Sonho de ValsaExercício de criação: Sonho de Valsa
Exercício de criação: Sonho de ValsaCíntia Dal Bello
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das CoresAline Okumura
 
Ebook guia-completo-de-arte-final-para-designers
Ebook guia-completo-de-arte-final-para-designersEbook guia-completo-de-arte-final-para-designers
Ebook guia-completo-de-arte-final-para-designersKarol Gandra
 
Design Thinking e Ferramentas de Inovação
Design Thinking e Ferramentas de InovaçãoDesign Thinking e Ferramentas de Inovação
Design Thinking e Ferramentas de InovaçãoMaristela Meireles
 
Os 15 mandamentos da direção de arte
Os 15 mandamentos da direção de arteOs 15 mandamentos da direção de arte
Os 15 mandamentos da direção de arteAline Corso
 
Teoria Das Cores
Teoria Das CoresTeoria Das Cores
Teoria Das Coresmartha
 

Mais procurados (20)

Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
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
 
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
 
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroComposição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
 
Moodboard
MoodboardMoodboard
Moodboard
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no Usuário
 
Processo de Criacão de Logomarca
Processo de Criacão de LogomarcaProcesso de Criacão de Logomarca
Processo de Criacão de Logomarca
 
Apresentação de Design Thinking
Apresentação de Design ThinkingApresentação de Design Thinking
Apresentação de Design Thinking
 
Processo Criativo - como criar uma marca
Processo Criativo - como criar uma marcaProcesso Criativo - como criar uma marca
Processo Criativo - como criar uma marca
 
Aula 05 Briefing
Aula 05   BriefingAula 05   Briefing
Aula 05 Briefing
 
Exercício de criação: Sonho de Valsa
Exercício de criação: Sonho de ValsaExercício de criação: Sonho de Valsa
Exercício de criação: Sonho de Valsa
 
Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das Cores
 
Briefing
BriefingBriefing
Briefing
 
Ebook guia-completo-de-arte-final-para-designers
Ebook guia-completo-de-arte-final-para-designersEbook guia-completo-de-arte-final-para-designers
Ebook guia-completo-de-arte-final-para-designers
 
Design Thinking e Ferramentas de Inovação
Design Thinking e Ferramentas de InovaçãoDesign Thinking e Ferramentas de Inovação
Design Thinking e Ferramentas de Inovação
 
Os 15 mandamentos da direção de arte
Os 15 mandamentos da direção de arteOs 15 mandamentos da direção de arte
Os 15 mandamentos da direção de arte
 
Teoria Das Cores
Teoria Das CoresTeoria Das Cores
Teoria Das Cores
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 

Destaque

Descrição de recursos em wikis semânticos
Descrição de recursos em wikis semânticosDescrição de recursos em wikis semânticos
Descrição de recursos em wikis semânticosJaider Andrade Ferreira
 
Portfólio - Cadeira de Balanço
Portfólio - Cadeira de BalançoPortfólio - Cadeira de Balanço
Portfólio - Cadeira de BalançoNanacereja
 
Indigo presentation
Indigo presentationIndigo presentation
Indigo presentationIndigosoft
 
LIMPPANO I EMBALAGENS
LIMPPANO I EMBALAGENSLIMPPANO I EMBALAGENS
LIMPPANO I EMBALAGENSp_brands
 
Branding - como tornar sua marca apaixonante
Branding - como tornar sua marca apaixonanteBranding - como tornar sua marca apaixonante
Branding - como tornar sua marca apaixonanteTracto Content Marketing
 
3D Interiores - Projeto república feminina
3D Interiores  - Projeto república feminina3D Interiores  - Projeto república feminina
3D Interiores - Projeto república femininaCaroline Rodrigues
 
E-Branding - Marcelo Trevisani
E-Branding - Marcelo TrevisaniE-Branding - Marcelo Trevisani
E-Branding - Marcelo TrevisaniIntegra Cursos
 
Identidade Coorporativa
Identidade CoorporativaIdentidade Coorporativa
Identidade CoorporativaAnderson Silva
 
Cadeira animal projeto
Cadeira animal projetoCadeira animal projeto
Cadeira animal projetoMateus Mes
 
PHP Aula 06 - Include, Require e Querystring
PHP Aula 06 - Include, Require e QuerystringPHP Aula 06 - Include, Require e Querystring
PHP Aula 06 - Include, Require e QuerystringDaniel Brandão
 
Trabalho final gestão de produtos e marcas 3
Trabalho final gestão de produtos e marcas 3Trabalho final gestão de produtos e marcas 3
Trabalho final gestão de produtos e marcas 3Catarina Gonçalves
 
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áficaDaniel Brandão
 
Manual da Marca - Spartanian Security
Manual da Marca - Spartanian SecurityManual da Marca - Spartanian Security
Manual da Marca - Spartanian SecurityResulta Mkt & Vendas
 
Design thinking para empreendedores_Impacta/Verena Pessim_out 2013
Design thinking para empreendedores_Impacta/Verena Pessim_out 2013Design thinking para empreendedores_Impacta/Verena Pessim_out 2013
Design thinking para empreendedores_Impacta/Verena Pessim_out 2013Verena Pessim
 

Destaque (20)

Descrição de recursos em wikis semânticos
Descrição de recursos em wikis semânticosDescrição de recursos em wikis semânticos
Descrição de recursos em wikis semânticos
 
Palestra Mkt Digital - Criação
Palestra Mkt Digital - CriaçãoPalestra Mkt Digital - Criação
Palestra Mkt Digital - Criação
 
Portfólio - Cadeira de Balanço
Portfólio - Cadeira de BalançoPortfólio - Cadeira de Balanço
Portfólio - Cadeira de Balanço
 
Indigo presentation
Indigo presentationIndigo presentation
Indigo presentation
 
LIMPPANO I EMBALAGENS
LIMPPANO I EMBALAGENSLIMPPANO I EMBALAGENS
LIMPPANO I EMBALAGENS
 
A imagem gera o domínio
A imagem gera o domínioA imagem gera o domínio
A imagem gera o domínio
 
Lettering Estudo da Letra
Lettering   Estudo da LetraLettering   Estudo da Letra
Lettering Estudo da Letra
 
Marcas
MarcasMarcas
Marcas
 
Branding - como tornar sua marca apaixonante
Branding - como tornar sua marca apaixonanteBranding - como tornar sua marca apaixonante
Branding - como tornar sua marca apaixonante
 
Leadership e calligrafia
Leadership e calligrafiaLeadership e calligrafia
Leadership e calligrafia
 
3D Interiores - Projeto república feminina
3D Interiores  - Projeto república feminina3D Interiores  - Projeto república feminina
3D Interiores - Projeto república feminina
 
E-Branding - Marcelo Trevisani
E-Branding - Marcelo TrevisaniE-Branding - Marcelo Trevisani
E-Branding - Marcelo Trevisani
 
Identidade Coorporativa
Identidade CoorporativaIdentidade Coorporativa
Identidade Coorporativa
 
Cadeira animal projeto
Cadeira animal projetoCadeira animal projeto
Cadeira animal projeto
 
PHP Aula 06 - Include, Require e Querystring
PHP Aula 06 - Include, Require e QuerystringPHP Aula 06 - Include, Require e Querystring
PHP Aula 06 - Include, Require e Querystring
 
Trabalho final gestão de produtos e marcas 3
Trabalho final gestão de produtos e marcas 3Trabalho final gestão de produtos e marcas 3
Trabalho final gestão de produtos e marcas 3
 
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
 
Hong Kong Brand Guide
Hong Kong Brand GuideHong Kong Brand Guide
Hong Kong Brand Guide
 
Manual da Marca - Spartanian Security
Manual da Marca - Spartanian SecurityManual da Marca - Spartanian Security
Manual da Marca - Spartanian Security
 
Design thinking para empreendedores_Impacta/Verena Pessim_out 2013
Design thinking para empreendedores_Impacta/Verena Pessim_out 2013Design thinking para empreendedores_Impacta/Verena Pessim_out 2013
Design thinking para empreendedores_Impacta/Verena Pessim_out 2013
 

Semelhante a Painel Semântico como técnica de projeto visual

Alfabetismo Visual na Moda
Alfabetismo Visual na ModaAlfabetismo Visual na Moda
Alfabetismo Visual na ModaMarcio Duarte
 
Design de interface (trabalho acadêmico)
Design de interface (trabalho acadêmico)Design de interface (trabalho acadêmico)
Design de interface (trabalho acadêmico)DesignCarminatti
 
Projeto Interativo Aula 2 - Metodologias 2
Projeto Interativo Aula 2 - Metodologias 2Projeto Interativo Aula 2 - Metodologias 2
Projeto Interativo Aula 2 - Metodologias 2Militao Ricardo
 
Apresentação_TDC_Design_Thinking_2019.pdf
Apresentação_TDC_Design_Thinking_2019.pdfApresentação_TDC_Design_Thinking_2019.pdf
Apresentação_TDC_Design_Thinking_2019.pdfALLYSONALVESCARVALHO
 
Design de superfície: criatividade e tecnologia renata rubim
Design de superfície: criatividade e tecnologia renata rubimDesign de superfície: criatividade e tecnologia renata rubim
Design de superfície: criatividade e tecnologia renata rubimSustentare Escola de Negócios
 
Design em movimento: Estudo Taxonômico de Técnicas de Animação
Design em movimento: Estudo Taxonômico de Técnicas de AnimaçãoDesign em movimento: Estudo Taxonômico de Técnicas de Animação
Design em movimento: Estudo Taxonômico de Técnicas de AnimaçãoKendra Rubio
 
Semiótica Aplicada ao Design (Aula 01)
Semiótica Aplicada ao Design (Aula 01)Semiótica Aplicada ao Design (Aula 01)
Semiótica Aplicada ao Design (Aula 01)Hely Costa Júnior
 
Um seculo em cartaz
Um seculo em cartazUm seculo em cartaz
Um seculo em cartazVenise Melo
 
Every place identidade visual primeira versão
Every place   identidade visual primeira versãoEvery place   identidade visual primeira versão
Every place identidade visual primeira versãoMarcus Ortense
 
Metadesign para Projeto de Identidade Visual_argentina_Palermo.pptx
Metadesign para Projeto de Identidade Visual_argentina_Palermo.pptxMetadesign para Projeto de Identidade Visual_argentina_Palermo.pptx
Metadesign para Projeto de Identidade Visual_argentina_Palermo.pptxFaculdades Integradas de Bauru
 

Semelhante a Painel Semântico como técnica de projeto visual (20)

Cpg Aula1
Cpg Aula1Cpg Aula1
Cpg Aula1
 
Alfabetismo Visual na Moda
Alfabetismo Visual na ModaAlfabetismo Visual na Moda
Alfabetismo Visual na Moda
 
Design de interface
Design de interfaceDesign de interface
Design de interface
 
Design de interface (trabalho acadêmico)
Design de interface (trabalho acadêmico)Design de interface (trabalho acadêmico)
Design de interface (trabalho acadêmico)
 
Projeto Interativo Aula 2 - Metodologias 2
Projeto Interativo Aula 2 - Metodologias 2Projeto Interativo Aula 2 - Metodologias 2
Projeto Interativo Aula 2 - Metodologias 2
 
Apresentação_TDC_Design_Thinking_2019.pdf
Apresentação_TDC_Design_Thinking_2019.pdfApresentação_TDC_Design_Thinking_2019.pdf
Apresentação_TDC_Design_Thinking_2019.pdf
 
Design de superfície: criatividade e tecnologia renata rubim
Design de superfície: criatividade e tecnologia renata rubimDesign de superfície: criatividade e tecnologia renata rubim
Design de superfície: criatividade e tecnologia renata rubim
 
Aula01 cpg conceito-design
Aula01 cpg conceito-designAula01 cpg conceito-design
Aula01 cpg conceito-design
 
Planos de Ensinos de Design Digital 2012
Planos de Ensinos de Design Digital 2012Planos de Ensinos de Design Digital 2012
Planos de Ensinos de Design Digital 2012
 
Design em movimento: Estudo Taxonômico de Técnicas de Animação
Design em movimento: Estudo Taxonômico de Técnicas de AnimaçãoDesign em movimento: Estudo Taxonômico de Técnicas de Animação
Design em movimento: Estudo Taxonômico de Técnicas de Animação
 
Semiótica Aplicada ao Design (Aula 01)
Semiótica Aplicada ao Design (Aula 01)Semiótica Aplicada ao Design (Aula 01)
Semiótica Aplicada ao Design (Aula 01)
 
Um seculo em cartaz
Um seculo em cartazUm seculo em cartaz
Um seculo em cartaz
 
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
 
Every place identidade visual primeira versão
Every place   identidade visual primeira versãoEvery place   identidade visual primeira versão
Every place identidade visual primeira versão
 
Carolina costa nº2
Carolina costa nº2Carolina costa nº2
Carolina costa nº2
 
Conceitos Design
Conceitos DesignConceitos Design
Conceitos Design
 
Fase apresentação
Fase apresentaçãoFase apresentação
Fase apresentação
 
Metadesign para Projeto de Identidade Visual_argentina_Palermo.pptx
Metadesign para Projeto de Identidade Visual_argentina_Palermo.pptxMetadesign para Projeto de Identidade Visual_argentina_Palermo.pptx
Metadesign para Projeto de Identidade Visual_argentina_Palermo.pptx
 
Curso de Design Gráfico CCJ Recife 03
Curso de Design Gráfico CCJ Recife 03Curso de Design Gráfico CCJ Recife 03
Curso de Design Gráfico CCJ Recife 03
 

Mais de Daniel Brandão

PHP Aula07 - conexão Com Banco de Dados
PHP Aula07 - conexão Com Banco de DadosPHP Aula07 - conexão Com Banco de Dados
PHP Aula07 - conexão Com Banco de DadosDaniel Brandão
 
Introdução ao editor de texto Word
Introdução ao editor de texto WordIntrodução ao editor de texto Word
Introdução ao editor de texto WordDaniel Brandão
 
CSS - Módulo Básico de WEB
CSS - Módulo Básico de WEBCSS - Módulo Básico de WEB
CSS - Módulo Básico de WEBDaniel Brandão
 
Apostila Multimidia Aplicada a Educação
Apostila Multimidia Aplicada a EducaçãoApostila Multimidia Aplicada a Educação
Apostila Multimidia Aplicada a EducaçãoDaniel Brandão
 
Introducao a Programacao Web - HTML
Introducao a Programacao Web - HTMLIntroducao a Programacao Web - HTML
Introducao a Programacao Web - HTMLDaniel Brandão
 
Sistemas operacionais de redes II
Sistemas operacionais de redes IISistemas operacionais de redes II
Sistemas operacionais de redes IIDaniel Brandão
 
Sistemas Operacionais em redes
Sistemas Operacionais em redesSistemas Operacionais em redes
Sistemas Operacionais em redesDaniel Brandão
 
Notas sobre Sistemas Operacionais
Notas sobre Sistemas Operacionais Notas sobre Sistemas Operacionais
Notas sobre Sistemas Operacionais Daniel Brandão
 
Introdução ao Banco de dados - Prof. Daniel Brandão
Introdução ao Banco de dados - Prof. Daniel BrandãoIntrodução ao Banco de dados - Prof. Daniel Brandão
Introdução ao Banco de dados - Prof. Daniel BrandãoDaniel Brandão
 
Introdução a Banco de Dados
Introdução a Banco de DadosIntrodução a Banco de Dados
Introdução a Banco de DadosDaniel Brandão
 
Apostila xp programação ágil
Apostila xp   programação ágilApostila xp   programação ágil
Apostila xp programação ágilDaniel Brandão
 
Logotipos e seus significados
Logotipos e seus significadosLogotipos e seus significados
Logotipos e seus significadosDaniel Brandão
 
Extreme programming (xp) - Resumo
Extreme programming (xp) - ResumoExtreme programming (xp) - Resumo
Extreme programming (xp) - ResumoDaniel Brandão
 
Tipos de dados do MySQL 5
Tipos de dados do MySQL 5Tipos de dados do MySQL 5
Tipos de dados do MySQL 5Daniel Brandão
 
Resumo sistemas operacionais
Resumo sistemas operacionaisResumo sistemas operacionais
Resumo sistemas operacionaisDaniel Brandão
 
Sistemas operacionais mobile
Sistemas operacionais mobileSistemas operacionais mobile
Sistemas operacionais mobileDaniel Brandão
 

Mais de Daniel Brandão (20)

PHP Aula07 - conexão Com Banco de Dados
PHP Aula07 - conexão Com Banco de DadosPHP Aula07 - conexão Com Banco de Dados
PHP Aula07 - conexão Com Banco de Dados
 
Introdução ao editor de texto Word
Introdução ao editor de texto WordIntrodução ao editor de texto Word
Introdução ao editor de texto Word
 
CSS - Módulo Básico de WEB
CSS - Módulo Básico de WEBCSS - Módulo Básico de WEB
CSS - Módulo Básico de WEB
 
Apostila Multimidia Aplicada a Educação
Apostila Multimidia Aplicada a EducaçãoApostila Multimidia Aplicada a Educação
Apostila Multimidia Aplicada a Educação
 
Introducao a Programacao Web - HTML
Introducao a Programacao Web - HTMLIntroducao a Programacao Web - HTML
Introducao a Programacao Web - HTML
 
Sistemas operacionais de redes II
Sistemas operacionais de redes IISistemas operacionais de redes II
Sistemas operacionais de redes II
 
Sistemas Operacionais em redes
Sistemas Operacionais em redesSistemas Operacionais em redes
Sistemas Operacionais em redes
 
Notas sobre Sistemas Operacionais
Notas sobre Sistemas Operacionais Notas sobre Sistemas Operacionais
Notas sobre Sistemas Operacionais
 
Introdução ao Banco de dados - Prof. Daniel Brandão
Introdução ao Banco de dados - Prof. Daniel BrandãoIntrodução ao Banco de dados - Prof. Daniel Brandão
Introdução ao Banco de dados - Prof. Daniel Brandão
 
Modelo de briefing
Modelo de briefingModelo de briefing
Modelo de briefing
 
Introdução a Banco de Dados
Introdução a Banco de DadosIntrodução a Banco de Dados
Introdução a Banco de Dados
 
Apostila xp programação ágil
Apostila xp   programação ágilApostila xp   programação ágil
Apostila xp programação ágil
 
Logotipos e seus significados
Logotipos e seus significadosLogotipos e seus significados
Logotipos e seus significados
 
Tipos de dados em MySQL
Tipos de dados em MySQLTipos de dados em MySQL
Tipos de dados em MySQL
 
Extreme programming (xp) - Resumo
Extreme programming (xp) - ResumoExtreme programming (xp) - Resumo
Extreme programming (xp) - Resumo
 
Registros no windows 7
Registros no windows 7Registros no windows 7
Registros no windows 7
 
Tipos de dados do MySQL 5
Tipos de dados do MySQL 5Tipos de dados do MySQL 5
Tipos de dados do MySQL 5
 
Introdução à Web
Introdução à WebIntrodução à Web
Introdução à Web
 
Resumo sistemas operacionais
Resumo sistemas operacionaisResumo sistemas operacionais
Resumo sistemas operacionais
 
Sistemas operacionais mobile
Sistemas operacionais mobileSistemas operacionais mobile
Sistemas operacionais mobile
 

Painel Semântico como técnica de projeto visual

  • 1. PAINEL SEMÂNTICO Prof. Daniel Brandão – Curso: Programação Visual Gráfica Escola SENAI Bonifácio Almodóvar www.profdanielbrandao.wordpress.com
  • 2. Painel Semântico ou MooD BoARD  Semântica é o ramo da linguística que estuda o significado das palavras. Assim, o que buscamos por meio de imagens é a visualização dos significados evocados pelas palavras-chave e verbalizados em determinadas fases do projeto. O painel semântico ou mood board é uma técnica que busca traduzir a linguagem verbal em signos visuais. Durante o projeto, o designer articula conceitos abstratos ou metafóricos em imagens, evocando significação destes conceitos. A visualização das imagens pode esclarecer dúvidas sobre o significado das palavras e a utilização dos painéis semânticos no âmbito projetual apresenta-se como agente de criação e de mediação. www.profdanielbrandao.wordpress.com
  • 3.  Trabalhar com métodos visuais está gradualmente se tornando uma necessidade no desenvolvimento de produtos de design. As descrições verbais dos objetivos, conceitos e soluções não são mais suficientes, especialmente nos projetos desenvolvidos para um mercado global. As diferenças semânticas entre conceitos resultam em entendimentos equivocados, mesmo entre designers, técnicos e diretores de marketing da mesma equipe de desenvolvimento(BÜRDEK, 2005, p. 265) www.profdanielbrandao.wordpress.com
  • 4.  O autor nos mostra que em uma equipe multidisciplinar é possível haver diferenças importantes nas atribuições de sentido entre os envolvidos, e as imagens contribuem para um discurso menos divergente. Podemos perceber que não há regras rígidas ou pré-estabelecidas sobre como conduzir esta técnica projetual, e sim algumas premissas que devem norteá-la a fim de torná-la mais objetiva, e com aplicação em outras etapas projetuais que exijam esclarecer conceitos complexos. Esta técnica proporciona um modo visual capaz de estimular e inspirar o processo de desenvolvimento de projetos, “que devem ser consideradas por serem mais lógicas e empáticas para o contexto do design que a abordagem tradicional centrada no código verbal” www.profdanielbrandao.wordpress.com
  • 5. Grupos principais  Do ponto de vista prático, a técnica consiste em coletar e reunir imagens referenciais sobre os diversos aspectos relativos ao projeto, especificamente três grupos principais: objetos, pessoas e ambientes, e organizá- las visualmente em um painel para que todos os envolvidos no processo possam, através de diversos pontos de vista, observar, refletir e articular as características citadas nestas referências. Pode-se extrair do painel semântico referências como cor, forma, texturas, tipografia e também conceitos subjetivos, figuras de linguagem, a metáfora, o símbolo, assim como o estilo de vida ou emoções que dizem respeito especificamente ao público-alvo www.profdanielbrandao.wordpress.com
  • 8. Exemplos 3 e 4 www.profdanielbrandao.wordpress.com
  • 9.  Figura 1: Diagrama contendo as etapas de processo do painel semântico. Fonte: (EDWARDS et al., 2009, p.6) www.profdanielbrandao.wordpress.com
  • 10. Fases da criação  A criação do painel semântico necessita ser orientada por etapas para garantir a efetividade da técnica. De acordo com Jacques e Santos(2009) podem ser adotadas cinco fases:  1º) compreensão exaustiva do problema projetual, o que pode ser alcançado através de dinâmicas ou valendo-se de técnicas como obrainstorming;  2º) transformação do entendimento verbal do problema projetual em linguagem escrita – brainwriting;  3º) transformação da linguagem escrita em visual, ou seja, a busca por imagens que realmente identifiquem ou traduzam a palavra ou o termo listado, ou as necessidades que se procura atender a partir dos objetivos de projeto que se quer alcançar; www.profdanielbrandao.wordpress.com
  • 11. Fases da criação  4º) montagem da ambiência visual, construída pela composição do painel;  5º) definição de cartela de cores, formas e texturas a serem utilizadas no produto, pode-se ainda descrever o painel através de um pequeno texto para auxiliar sua compreensão. www.profdanielbrandao.wordpress.com