Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
da informação
Design
[...] tem o objetivo de organizar, estruturar
e exemplificar visualmente qualquer tipo de
informação, transmitindo a men...
[...] 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
...
Construção
de narrativas
Trajetos
The Times, abril de 1806
Linguagem
visual
SEMELHANÇAPREGNÂNCIAFECHAMENTO
Forma
PROXIMIDADEUNIDADES CONTINUIDADE
Leis da Gestalt
Desenho
esboço
planta baixa
fotografia
maquete
pintura
Abstração da
informação
234563648596847364869372620584736210
395823456364859684736486937262058473
620395823456364859684736486937261205
84736210395...
234563648596847364869372620584736210
395823456364859684736486937262058473
620395823456364859684736486937261205
84736210395...
234563648596847364869372620584736210
395823456364859684736486937262058473
620395823456364859684736486937261205
84736210395...
Gritesussurre
vídeo
Arquitetura de
informação
Design estrutural de ambientes de
informação, combinações de esquemas
organizacionais, rotulação.
Guilhermo Reis apud Rose...
Proposta de metodologia para produção de infográficos Parte integrante da Monografia “Infografia: conceito e prática”
Paut...
Elaboração
de conteúdo
Arquitetura
da informação
Informacional
Meios de
produção
Circunstância
de uso
Usuário
Análise de
s...
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 t...
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 Exper...
Design informação
Design informação
Design informação
Design informação
Design informação
Design informação
Design informação
Design informação
Design informação
Design informação
Design informação
Upcoming SlideShare
Loading in …5
×

Design informação

625 views

Published on

Apresentação para workshop sobre design de informação.

Published in: Design

Design informação

  1. 1. da informação Design
  2. 2. [...] 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
  3. 3. [...] sua finalidade de comunicação, portanto, cabendo como argumento estético. William Robson Cordeiro Silva
  4. 4. 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
  5. 5. Construção de narrativas
  6. 6. Trajetos
  7. 7. The Times, abril de 1806
  8. 8. Linguagem visual
  9. 9. SEMELHANÇAPREGNÂNCIAFECHAMENTO Forma PROXIMIDADEUNIDADES CONTINUIDADE Leis da Gestalt
  10. 10. Desenho esboço planta baixa fotografia maquete pintura
  11. 11. Abstração da informação
  12. 12. 234563648596847364869372620584736210 395823456364859684736486937262058473 620395823456364859684736486937261205 847362103958234563648596847364869372 620584736203958234563648591684736486 937262058473620395823456364859684736 486913726205847362039583456364859684 736486937262058473621039582345636485 968473648693726205847362103958234563 64859684736481693726205 9582345636486
  13. 13. 234563648596847364869372620584736210 395823456364859684736486937262058473 620395823456364859684736486937261205 847362103958234563648596847364869372 620584736203958234563648591684736486 937262058473620395823456364859684736 486913726205847362039583456364859684 736486937262058473621039582345636485 968473648693726205847362103958234563 64859684736481693726205 9582345636486
  14. 14. 234563648596847364869372620584736210 395823456364859684736486937262058473 620395823456364859684736486937261205 847362103958234563648596847364869372 620584736203958234563648591684736486 937262058473620395823456364859684736 486913726205847362039583456364859684 736486937262058473621039582345636485 968473648693726205847362103958234563 64859684736481693726205 9582345636486
  15. 15. Gritesussurre vídeo
  16. 16. Arquitetura de informação
  17. 17. Design estrutural de ambientes de informação, combinações de esquemas organizacionais, rotulação. Guilhermo Reis apud Rosenfeld e Morville
  18. 18. 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?
  19. 19. 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?
  20. 20. Exemplos e atividade
  21. 21. 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
  22. 22. Sistema Reason • Desenvolver a arquitetura de informação • Iconografia • Estudo de cores
  23. 23. 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

×