SlideShare a Scribd company logo
1 of 34
Download to read offline
da informação
Design
Design informação
Design informação
Design informação
[...] tem o objetivo de organizar, estruturar
e exemplificar visualmente qualquer tipo de
informação, transmitindo a mensagem de
uma maneira didática e concisa.
Alberto Cairo
[...] sua finalidade de comunicação, portanto,
cabendo como argumento estético.
William Robson Cordeiro Silva
O Design de informação (DI) auxilia a
construção de narrativas, organiza ideias,
estrutura trajetos, transforma linguagem
textual em visual e, acima de tudo, busca
transmitir informação de uma maneira
rápida, didatica e inteligível.
Patricia Prado
Construção
de narrativas
Design informação
Design informação
Design informação
Trajetos
Design informação
Design informação
Design informação
The Times, abril de 1806
Linguagem
visual
SEMELHANÇAPREGNÂNCIAFECHAMENTO
Forma
PROXIMIDADEUNIDADES CONTINUIDADE
Leis da Gestalt
Design informação
Desenho
esboço
planta baixa
fotografia
maquete
pintura
Design informação
Abstração da
informação
234563648596847364869372620584736210
395823456364859684736486937262058473
620395823456364859684736486937261205
847362103958234563648596847364869372
620584736203958234563648591684736486
937262058473620395823456364859684736
486913726205847362039583456364859684
736486937262058473621039582345636485
968473648693726205847362103958234563
64859684736481693726205 9582345636486
234563648596847364869372620584736210
395823456364859684736486937262058473
620395823456364859684736486937261205
847362103958234563648596847364869372
620584736203958234563648591684736486
937262058473620395823456364859684736
486913726205847362039583456364859684
736486937262058473621039582345636485
968473648693726205847362103958234563
64859684736481693726205 9582345636486
234563648596847364869372620584736210
395823456364859684736486937262058473
620395823456364859684736486937261205
847362103958234563648596847364869372
620584736203958234563648591684736486
937262058473620395823456364859684736
486913726205847362039583456364859684
736486937262058473621039582345636485
968473648693726205847362103958234563
64859684736481693726205 9582345636486
Gritesussurre
vídeo
Arquitetura de
informação
Design estrutural de ambientes de
informação, combinações de esquemas
organizacionais, rotulação.
Guilhermo Reis apud Rosenfeld e Morville
Proposta de metodologia para produção de infográficos Parte integrante da Monografia “Infografia: conceito e prática”
Pauta
Propósito
Conteúdo
Informacional
Recursos
Meios de
produção
Circunstância
de uso
Usuário
Análise de
similares
Apuração de dados
O infográfico tem início com a sugestão de
uma tema a ser discutido e publicado. Pode
ser um tema de estudo, um fato ou uma
notícia. Tal tema deve ser relavante para
determinada publicação ou público.
Definido o tema, parte-se para a pesquisa
do que é relevante ser exposto, e como o
conteúdo deve ser exposto. Propõe-se
aqui, o uso da classificação de Twyman
(1985), editada da seguinte maneira:
Início do processo de organizar as
Propósito: Qual o objetivo do
infográfico? O que se deseja transmitir
ao leitor?
Meio de produção: Como será
desenvolvido? Ilustração? Fotografia?
Em quais softwares?
Conteúdo informacional: Quais
informações são necessárias para
realizar o objetivo?
Usuário: Para quem é destinado o
infográfico?
Recursos: Avaliação de tempo,
verba, profissionais disponíveis, além
de outras limitações, como mídia,
cores, etc.
Circunstâncias de uso: Em qual
mídia será vista, e como será vista a
publicação?
Elaboração
de conteúdo
Arquitetura
da informação
Informacional
Meios de
produção
Circunstância
de uso
Usuário
Análise de
similares
Arte-Final RevisãoAcabamento Publicação Análise crítica
Nesta fase, buscam-se referências do que
já foi feito com o tema em questão, além de
inspirações estéticas.
Após avaliação daquilo que deve ser
transmitido, elabora-se o conteúdo
informacional: o texto.
Início do processo de organizar as
informações no espaço disponível. São
esboços que podem ser feitos manual ou
digitalmente.
O esboço é convertido para peça
finalizada. Ilustrações ganham cores,
estilos. Fotografia são produzidas.
Textos e formas ganham
propriedades.
Realização de ajustes da integração
entre texto, imagens e/ou formas.
Tamanho de legendas, e demais
ajustes são realizados.
Revisão final do artefato. Se
necessário, realizam-se novos ajustes.
Envia-se o infográfico para a
produção, onde será publicado na
mídia: internet, jornal, revista, livro,
etc.
Após publicado, é recomendado fazer
uma análise dos pontos positivos e
negativos do processo, no intuito de
gerar aprendizagem.
desenvolvido? Ilustração? Fotografia?
Em quais softwares?
Conteúdo informacional: Quais
informações são necessárias para
realizar o objetivo?
de outras limitações, como mídia,
cores, etc.
Circunstâncias de uso: Em qual
mídia será vista, e como será vista a
publicação?
Exemplos e
atividade
Header
Segmento
nome do produto
mês | ano
Todos os direitos reservados. A reprodução não autorizada desta publicação, no todo ou em parte, constitui violação dos direitos autorais (lei nº 9.610)
Coordenador: Marcondes da Silva Cândido
Gestor do Projeto: Douglas luís Três
Conteudista: Maria Gorete Hoffmann
SEBRAE Santa Catarina
Endereço: Av. rio Branco, 611 – Centro
CEp: 88015203 florianópolis – SC
Telefone: 0800 570 0800
Dúvidas ou sugestões sobre o conteúdo do
relatório envie um e-mail para:
atendimento.sis@sebrae.sc.com.br
faça também suas contribuições
para o SEBrAE-SC
enviando um e-mail para:
falecom.sis@sebrae.sc.com.br
www.sebrae-sc.com.br/sis
Segmento
nome do produto
µês | ano
Footer
SIS
Sistema Reason
• Desenvolver a arquitetura de informação
• Iconografia
• Estudo de cores
Patricia Prado
Formada em Design Gráfico pelas Faculdades de Artes Aplicadas Barddal (FAAB),
pós-graduanda em Design Experiencial pela Universidade Federal de Santa Catarina
(UFSC), diretora da Associação dos Designers Gráficos do Brasil – 2013/2015 (ADG
Brasil), participante da Sociedade Brasileira de Design da Informação (SBDI), sócia
da QG Digital e designer da Knowtec, empresa da DOT Digital Group.
Blog: www.clicrbs.com.br/inconstante
@prbprado
br.linkedin.com/in/prbprado/
prbprado@gmail.com

More Related Content

What's hot

Colecao de mapas_conceituais
Colecao de mapas_conceituaisColecao de mapas_conceituais
Colecao de mapas_conceituaisclaudia murta
 
Oficina mapa conceitual
Oficina   mapa conceitualOficina   mapa conceitual
Oficina mapa conceitualanamariadis
 
Tutorial mapa conceitual
Tutorial mapa conceitualTutorial mapa conceitual
Tutorial mapa conceitualAldean
 
Mapas conceituais - Educação e TIC
Mapas conceituais - Educação e TICMapas conceituais - Educação e TIC
Mapas conceituais - Educação e TICFernando Pimentel
 

What's hot (7)

Mapas conceituais
Mapas conceituaisMapas conceituais
Mapas conceituais
 
Colecao de mapas_conceituais
Colecao de mapas_conceituaisColecao de mapas_conceituais
Colecao de mapas_conceituais
 
Mapas conceituais
Mapas conceituaisMapas conceituais
Mapas conceituais
 
Oficina mapa conceitual
Oficina   mapa conceitualOficina   mapa conceitual
Oficina mapa conceitual
 
Mapa conceitual
Mapa conceitualMapa conceitual
Mapa conceitual
 
Tutorial mapa conceitual
Tutorial mapa conceitualTutorial mapa conceitual
Tutorial mapa conceitual
 
Mapas conceituais - Educação e TIC
Mapas conceituais - Educação e TICMapas conceituais - Educação e TIC
Mapas conceituais - Educação e TIC
 

Similar to Design informação

Análise dos elementos básicos de visualização de dados
Análise dos elementos básicos de visualização de dadosAnálise dos elementos básicos de visualização de dados
Análise dos elementos básicos de visualização de dadosPatricia Prado
 
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
 
Redes Sociais: espaços de criação artística coletivos
 Redes Sociais: espaços de criação artística coletivos Redes Sociais: espaços de criação artística coletivos
Redes Sociais: espaços de criação artística coletivosLavínia Seabra
 
Ebook da Unidade - Introdução Ao Adobe Photoshop.pdf
Ebook da Unidade - Introdução Ao Adobe Photoshop.pdfEbook da Unidade - Introdução Ao Adobe Photoshop.pdf
Ebook da Unidade - Introdução Ao Adobe Photoshop.pdfFabiSantos38
 
Conceitos Gerais de design
Conceitos Gerais de designConceitos Gerais de design
Conceitos Gerais de designNiurcaC
 
Módulo 4 design multimédia
Módulo 4  design multimédiaMódulo 4  design multimédia
Módulo 4 design multimédiaJoao Correia
 
Editoracao eletrônica e design gráfico
Editoracao eletrônica e design gráficoEditoracao eletrônica e design gráfico
Editoracao eletrônica e design gráficoLinguarudosPublicidade
 
Comunicação Integrada
Comunicação IntegradaComunicação Integrada
Comunicação IntegradaClaudio Toldo
 
Não há cidadania sem informação, nem informação sem design
Não há cidadania sem informação, nem informação sem designNão há cidadania sem informação, nem informação sem design
Não há cidadania sem informação, nem informação sem design+ Aloisio Magalhães
 
INF-PROF-CP-MI-TIC1-Planificação-22-23.pdf
INF-PROF-CP-MI-TIC1-Planificação-22-23.pdfINF-PROF-CP-MI-TIC1-Planificação-22-23.pdf
INF-PROF-CP-MI-TIC1-Planificação-22-23.pdfFilipeSarmento4
 
Oficina improvavel: infografia e visualização
Oficina improvavel: infografia e visualizaçãoOficina improvavel: infografia e visualização
Oficina improvavel: infografia e visualizaçãoMarta Pinto
 
Apresentação Plano Investigação
Apresentação Plano InvestigaçãoApresentação Plano Investigação
Apresentação Plano Investigaçãoneozgul
 
Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Doisnovemeia Publicidade
 
Introdução do curso adm 40 h
Introdução do curso adm 40 hIntrodução do curso adm 40 h
Introdução do curso adm 40 hmarciaorion
 

Similar to Design informação (20)

Análise dos elementos básicos de visualização de dados
Análise dos elementos básicos de visualização de dadosAnálise dos elementos básicos de visualização de dados
Análise dos elementos básicos de visualização de dados
 
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
 
Redes Sociais: espaços de criação artística coletivos
 Redes Sociais: espaços de criação artística coletivos Redes Sociais: espaços de criação artística coletivos
Redes Sociais: espaços de criação artística coletivos
 
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
 
Multimédia scriptwriting auxiliares
Multimédia scriptwriting auxiliaresMultimédia scriptwriting auxiliares
Multimédia scriptwriting auxiliares
 
Ebook da Unidade - Introdução Ao Adobe Photoshop.pdf
Ebook da Unidade - Introdução Ao Adobe Photoshop.pdfEbook da Unidade - Introdução Ao Adobe Photoshop.pdf
Ebook da Unidade - Introdução Ao Adobe Photoshop.pdf
 
Conceitos Gerais de design
Conceitos Gerais de designConceitos Gerais de design
Conceitos Gerais de design
 
Módulo 4 design multimédia
Módulo 4  design multimédiaMódulo 4  design multimédia
Módulo 4 design multimédia
 
Editoracao eletrônica e design gráfico
Editoracao eletrônica e design gráficoEditoracao eletrônica e design gráfico
Editoracao eletrônica e design gráfico
 
Notícias para ver
Notícias para verNotícias para ver
Notícias para ver
 
Comunicação Integrada
Comunicação IntegradaComunicação Integrada
Comunicação Integrada
 
Não há cidadania sem informação, nem informação sem design
Não há cidadania sem informação, nem informação sem designNão há cidadania sem informação, nem informação sem design
Não há cidadania sem informação, nem informação sem design
 
INF-PROF-CP-MI-TIC1-Planificação-22-23.pdf
INF-PROF-CP-MI-TIC1-Planificação-22-23.pdfINF-PROF-CP-MI-TIC1-Planificação-22-23.pdf
INF-PROF-CP-MI-TIC1-Planificação-22-23.pdf
 
Oficina improvavel: infografia e visualização
Oficina improvavel: infografia e visualizaçãoOficina improvavel: infografia e visualização
Oficina improvavel: infografia e visualização
 
Inov Aula2
Inov Aula2Inov Aula2
Inov Aula2
 
Apresentação Plano Investigação
Apresentação Plano InvestigaçãoApresentação Plano Investigação
Apresentação Plano Investigação
 
Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira
 
Sketching
SketchingSketching
Sketching
 
Introdução do curso adm 40 h
Introdução do curso adm 40 hIntrodução do curso adm 40 h
Introdução do curso adm 40 h
 
Conceituando Editoração Eletrônica
Conceituando Editoração EletrônicaConceituando Editoração Eletrônica
Conceituando Editoração Eletrônica
 

More from Patricia Prado

Materiais e processos gráficos
Materiais e processos gráficosMateriais e processos gráficos
Materiais e processos gráficosPatricia Prado
 
Design de Informação: Interface web para infográfico sobre a Balneabilidade n...
Design de Informação: Interface web para infográfico sobre a Balneabilidade n...Design de Informação: Interface web para infográfico sobre a Balneabilidade n...
Design de Informação: Interface web para infográfico sobre a Balneabilidade n...Patricia Prado
 

More from Patricia Prado (9)

Design de interfaces
Design de interfacesDesign de interfaces
Design de interfaces
 
Materiais e processos gráficos
Materiais e processos gráficosMateriais e processos gráficos
Materiais e processos gráficos
 
IxDA Floripa
IxDA FloripaIxDA Floripa
IxDA Floripa
 
Cognição situada
Cognição situadaCognição situada
Cognição situada
 
Design emocional
Design emocionalDesign emocional
Design emocional
 
Ferramenta Emofaces
Ferramenta EmofacesFerramenta Emofaces
Ferramenta Emofaces
 
Design de Informação: Interface web para infográfico sobre a Balneabilidade n...
Design de Informação: Interface web para infográfico sobre a Balneabilidade n...Design de Informação: Interface web para infográfico sobre a Balneabilidade n...
Design de Informação: Interface web para infográfico sobre a Balneabilidade n...
 
Design de informção
Design de informçãoDesign de informção
Design de informção
 
Revista para tablet
Revista para tabletRevista para tablet
Revista para tablet
 

Design informação