TCC Nelson Smythe Jr.

  • 6,975 views
Uploaded on

Design gráfico Sustentável / …

Design gráfico Sustentável /
Diseño gráfico Sostenible

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
6,975
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
203
Comments
0
Likes
0

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. DESIGN GRÁFICO AMBIENTALMENTE SUSTENTÁVEL uma proposta de website Nelson Luis Smythe Junior Trabalho de Conclusão do Curso de Graduação em Design Gráfico Departamento de Design, Setor de Ciências Humanas, Letras e Artes Orientador: André Battaiola CURITIBA | 2006
  • 2. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Introdução Design gráfico - globalização Impacto ambiental - modelo de desenvolvimento econômico - altamente nocivo ao futuro do planeta Ex. indústria gráfica - meio ambiente: resíduos sólidos | efluentes líquidos | emissões gasosas Como minimizar o impacto do design gráfico sobre o meio ambiente? Variável ambiental Análise do ciclo de vida - 6 categorias adaptadas para o design gráfico » Projeto - como incluir os requisitos ambientais » Materiais - implicações ambientais relacionadas » Produção - práticas ambientalmente sustentáveis » Consumo - consciência ecológica » Descarte - diminuir o impacto e resíduos » Normas e Certificações - de todo o processo Atualizado + dinâmico + interatividade > suporte escolhido: website
  • 3. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Delimitação do tema Aspectos da sustentabilidade: social, econômico, cultural e ambiental. Informações relacionadas aos requisitos ambientais no design gráfico. Alcance da pesquisa - de acordo com as categorias, por exemplo: » fornecedores de serviços gráficos - mercado local » normas e certificações - alcance nacional
  • 4. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Problema Design gráfico ambientalmente sustentável - campo novo de prática e estudos » informações dispersas » pouca informação Como dispor as informações na internet para que este público tenha condições de entender a problemática ambiental e a possibilidade de interferir nesse processo através da discussão e validação destas informações.
  • 5. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Objetivos » Oferecer informações que permitam o conhecimento e a prática do design gráfico ambientalmente sustentável. » Reunir e sistematizar as informações disponíveis relacionadas ao tema. » Desenvolver um projeto de design de hipermídia sobre design gráfico ambientalmente sustentável.
  • 6. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Justificativa design e ecologia - revolução industrial » custo ambiental e social » consciência da situação por parte do designer > reverter este quadro » incluir a sustentabilidade ambiental no desenvolvimento de um projeto internet - meio de comunicação ideal » não utiliza papel nem tinta - diminui custos e elimina os impactos sobre o meio ambiente » atinge um público global » permite a colaboração e a troca de informações, enriquecendo o corpo de idéias e soluções » permite a anexação de material de consulta, pesquisas, artigos, normas e certificações » é dinâmico - atualização constante
  • 7. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Impactos Dentre os impactos esperados estão: » Acesso às informações a respeito da sustentabilidade no design gráfico » Impulso à pesquisa » Diminuição de resíduos industriais » Economia de matéria-prima » Utilização de recursos renováveis » Reutilização e reciclagem de produtos Economia de matéria-prima e energia - menor custo final do produto > acesso a diversas classes sociais. A reciclagem permite a inclusão social através de cooperativas.
  • 8. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Metodologia » definição do tema e do público-alvo » conceituação » justificativa » geração das alternativas » revisão bibliográfica e pesquisa » seleção e detalhamento da alternativa escolhida » estudo de similares » avaliação » requisitos e restrições Informações necessárias > design gráfico (+ internet) + sustentabilidade Livros, artigos e websites ecologia + sustentabilidade + ecodesign | design da informação + design de hipermídia
  • 9. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website áreas de conhecimento Design sustentável Desenvolvimento sustentável é aquele que cumpre as necessidades do presente sem colocar em perigo a capacidade das gerações futuras em satisfazer suas próprias necessidades. Ciclo de vida - interferência do designer desde a utilização da matéria-prima, a energia consumida, a durabilidade do produto, a possibilidade de reutilização e reciclagem até a diminuição dos impactos em todo processo. Questões ecológicas no design - a partir da década de 80 Como intervir projetualmente para minimizar os impactos ao meio ambiente advindos de sua prática profissional. » 1987 - “Design Memorandum” (Itália) » 1990 “Manifesto do Conselho Escandinavo de Design”
  • 10. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Design gráfico sustentável Pouco mudou desde a identificação da ecologia como requisito do design. Exemplos: » Núcleo de Design e Sustentabilidade da UFPR » Prêmio Ecodesign - design de produtos, de embalagens e gráfico | 1998/2000/2002/2004/---- » Livro “Design em papelão ondulado ” - processos de impressão relacionados ao papelão ondulado, materiais e processos utilizados e seus impactos sobre o meio ambiente. » Jornal “A Notícia”(Joinville) - tinta a base de óleo de soja e papel reciclado 100% pós-consumo Na sua maioria, os designers brasileiros desenvolvem seus projetos dentro do paradigma do custo (apenas econômico e não ambiental), da estética e das tendências do mercado.” (CASAGRANDE JR, 2004) Os profissionais sentem-se presos por posturas de mercado.
  • 11. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Design gráfico sustentável na internet Internet X meio impresso » economiza papel, tinta e recursos financeiros » desmaterialização Sustentabilidade na internet » energia “verde”, solar ou eólica » a economia no tráfego de dados, páginas leves, rápidas » acessibilidade, maior número possível de usuários » software livre - diminuindo o custo final - instituições com menos recursos, ONGs e OSCIPs » possibilita a divulgação de práticas ambientalmente sustentáveis
  • 12. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Design gráfico em ambientes hipermídia » Cor na web » Tipografia digital » Semiótica » Design da Informação » Ergonomia
  • 13. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Cor Diferentes efeitos sobre o organismo humano e assim tendem a produzir juízos e sentimentos variados. Características físicas e psíquicas das cores > importância para o sucesso da comunicação. A cor pode impressionar, expressar e estruturar informações, direcionar o olhar do observador e facilitar o entendimento do que se apresenta. Internet - cor luz RGB - sistema aditivo Tipografia Peso tão grande quanto a imagem para o design gráfico. Tipografia digital - pixel > imagem na tela = mosaico de pixels (valores individuais de brilho e cor) » fontes tradicionais > tela > letras malformadas e ilegíveis | abaixo do corpo 8 ou 10 » textos na internet > fontes específicas para a tela - pixels como elementos construtivos
  • 14. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Semiótica Signo é algo que representa alguma coisa para alguém em determinado contexto. Um sistema de linguagem se dá através da articulação de signos. A semiótica num projeto de design proporciona o controle da orientação e interpretação das informações pelo público. Importante considerar o contexto cultural no qual ocorre o processo de comunicação. Cultura - interpretação de um mesmo signo pode se dar de modo diferente, o designer deve ter conhecimento e domínio das características culturais.
  • 15. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Design da Informação Em um projeto de design de hipermídia os requisitos do design de informação são de fundamental importância, pois nos fornecem o planejamento do conteúdo de uma mensagem. Design de informação > base para o design de hipermídia Design de hipermídia > hipertextualidade | não-linearidade | interatividade
  • 16. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Ergonomia Usabilidade X Ergonomia » Ergonomia é uma disciplina que contém ferramentas cognitivas e utiliza-se da Usabilidade como conjunto de conhecimento, regras e normas para análise e validação de requisitos relacionados ao uso de uma interface. » Usabilidade é uma combinação dos fatores que afetam a experiência do usuário - aprendizagem rápida, eficiência no uso, fácil memorização de comandos, menor freqüência possível de erros e a satisfação do usuário. Análise de Tarefa - aplicada para projetar e validar projetos de design. Concentra-se na tarefa a ser desempenhada pelos usuários no sistema de informação projetado.
  • 17. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Projeto A inclusão do requisito ambiental ocorreu em diversas fases do projeto, por exemplo: » Requisitos e Restrições – a variável ambiental, nesta fase, é um dos principais requisitos projetuais; » Estudo de Similares – são analisados websites que tenham características afins com a sustentabilidade; » Conceituação – consideração dos aspectos ambientais levantados na pesquisa, no levantamento iconográfico, nas palavras-chave, etc.; » Avaliação – verificação da presença do requisito ambiental nas fases anteriores.
  • 18. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Delimitação do público e área de abrangência do website » Público principal – profissionais de design gráfico, estudantes e professores Possuem Conhecimento sobre: internet | metodologia projetual | ecodesign » Público secundário – fornecedores de produtos e serviços acesso às informações que especificam o que o designer procura: materiais | fornecedores | processos Abrangência CONTEÚDO » Nacional - projeto, materiais, consumo, descarte e legislação » Local - produção PÚBLICO » Nacional
  • 19. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Requisitos e restrições Requisitos » O público estará procurando informações sobre design gráfico sustentável < ênfase. » Os conceitos ambientais agregados ao projeto devem ser claros e priorizados. » Fazer com que as informações disponíveis sejam discutidas, revisadas e ampliadas pelos usuários. Restrições » Limitação de abrangência: Brasil, as informações relacionadas com as condições sócio-econômicas, ambientais e culturais nacionais. » Limitação no uso de tecnologias disponíveis no desenvolvimento do projeto, que podem encarecer o mesmo e desta maneira inviabilizar os aspectos econômico e social da sustentabilidade.
  • 20. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Estudo de similares
  • 21. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website
  • 22. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Critérios GRÁFICOS Especificidade – Tempo – Reconhecimento Critérios ERGONÔMICOS Cognição – Legibilidade – Interação Navegação – Hierarquia – Cliques – Atalhos Critérios TÉCNICOS Transição – Tempo Critério ESTRUTURA VISUAL Análise do desempenho Unidade – Identidade Critério CORES USO DA COR GRÁFICOS 88,9 84,2 Paletas ESTRUTURA VISUAL ERGONÔMICOS 88,9 77,4 TÉCNICOS 83,35
  • 23. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Análise do conteúdo Iniciação Científica Materiais | Produção | Normas e Certificações Conteúdo proposto Projeto | Materiais | Produção | Consumo | Descarte | Normas e Certificações Aspectos centrais da sustentabilidade (MANZINI & VEZZOLI, 2002) » Minimização de recursos » Escolha de recursos e processos de baixo impacto » Otimização da vida dos produtos » Extensão da vida dos materiais » Facilidade de desmontagem Ex. Projeto / Escolha de recursos e processos de baixo impacto - estudo de caso Projeto gráfico do livro “Design em Papelão Ondulado – série Design Sustentável Brasil” Gráfica | Gravação de chapa de impressão | Tintas e vernizes | Papel | Formato do livro
  • 24. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website organograma do website
  • 25. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Conceituação Levantamento iconográfico Símbolos, imagens, cores, idéias - universo pesquisado + design gráfico + sustentabilidade ambiental Palavras-chave Ecodesign Sustentabilidade Ecologia Meio ambiente Ciclo de vida Design gráfico sustentável Desenvolvimento sustentável Visão sistêmica Qualidade de vida Responsabilidade ambiental Conceitos » Otimização - recursos, tecnologias, figuras, objetos e textos - função explícita | acesso - claro e objetivo » Inovação - próprio conceito do projeto, ineditismo | requisito ambiental > metodologia projetual » Cíclico - concepção sistêmica do mundo - projeto visual do website | ciclo de vida
  • 26. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Alternativas briefing | áreas de conhecimento | conceituação alternativas projetuais > consolidação dos conceitos gerais a serem transmitidos esqueleto do website - componentes da interface e navegação
  • 27. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website esboços para a estrutura visual
  • 28. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website esboços de estruturação das principais informações na página principal do website esboço final para a estrutura visual
  • 29. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Estudo de cores a partir da estrutura visual
  • 30. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website
  • 31. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Cores paleta de cores significados simbólicos - contexto cultural - conhecimento sobre imaginário do público-alvo Projeto - VERMELHO: energia, dinamismo, estímulo e reflexão | item mais importante Materiais - AZUL: verdade, intelectualidade, respeito, responsabilidade e reflexão | a cor do céu. Produção - AMARELO: estímulo, esperança, expansividade | transformação Consumidor - VIOLETA: enigmática, fantasia e mistério, lucidez e lealdade a uma causa | sensibilização Descarte - VERDE: origem da vida (vegetais), crescimento, receptividade, regeneração e equilíbrio Normas e Certificações - CINZA-CLARO: Kandinsky “do equilíbrio entre o branco e o preto [...] é natural que uma cor assim produzida não tenha nem som exterior nem movimento”. Fundo das páginas - CINZA: neutro, conforto visual, contrastes
  • 32. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Tipografia Maior legibilidade em interfaces digitais » Fonte padrão para os títulos e seções - personalidade do website - identidade própria DAX, nas versões light, regular, medium, extra e black. 5 versões de peso > hierarquia das informações fonte contemporânea, sem serifa, facilita a legibilidade em interfaces digitais. » Fonte padrão para os textos - estas devem estar em sintonia com a primeira Trebuchet MS, desenhada para a web, como a Tahoma e a Verdana ou fontes disponíveis nos computadores mas que não foram desenhadas especialmente para interfaces digitais, mas adaptadas a elas, como Arial e Helvética. Melhor afinidade (traços de semelhança) com a DAX.
  • 33. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Ícones Uma imagem que representa uma idéia, um conceito, ou um objeto. Ou um grupo de idéias ou objetos. Usabilidade > funções mais usadas num website devem utilizar ícones. As pessoas tendem a lembrar melhor das formas que do significado das palavras, que tem que ser decodificado a cada experiência. Não pode causar dúvida - preferível ao texto por facilitar o reconhecimento. Para este trabalho foi necessário desenvolvê-los a partir de esboços das representações das idéias ou objetos centrais de cada seção. Como são ícones novos, foi necessária a inclusão de rótulos de texto ao passar o cursor do “mouse” sobre os ícones, facilitando o aprendizado. Para as seções “fale conosco”, “referências” e “indique” não foram utilizados ícones, para não concorrerem com os ícones das seções principais e para, desta maneira, diferenciá-los.
  • 34. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website esboços para definição dos ícones diagrama ilustrando as diversas fases do ciclo de vida do produto gráfico utilizando os ícones em sua versão final primeira finalização dos ícones ícones finais
  • 35. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Alternativa escolhida equilíbrio / contraste cores X fundo / destaque das seções / conforto visual Montagem final do website - html e shockwave - no Dreamweaver e Flash
  • 36. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Avaliação Testes de usabilidade - participantes mostraram o que funciona, como executam determinada tarefa e o que eles entendem no website. A avaliação de usabilidade ocorreu durante toda a Geração de Alternativas, desde os esboços iniciais, primeiros layouts até o layout final, funcional. Checklist - avaliação da alternativa escolhida » Adequa-se aos requisitos e restrições de projeto? » Transmite todos os conceitos necessários? » Foi priorizado o conceito principal - sustentabilidade? » Tem legibilidade? » É tecnicamente viável? » É contemporâneo e atemporal ou se rende a modismos? » É original e inovador? » É direto ou há elementos em excesso? » É fácil de ser compreendido e ‘navegado’? » Identifica-se com o público-alvo? A fase de avaliação é completada assim que se consiga validar todos os itens do checklist.
  • 37. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Conclusões e Considerações Finais Divulgação de uma metodologia projetual para o design gráfico voltada a sustentabilidade ambiental. Requisito ambiental - análise do ciclo de vida do produto gráfico. Alternativas sustentáveis para as situações de projeto. O trabalho levantou questões pouco abordadas na prática e no ensino do design gráfico: » A alfabetização ecológica no design - discussão da variável ambiental em todas as disciplinas » A insustentabilidade do atual modelo de desenvolvimento econômico global TCC - nos aproxima da prática profissional > abrangência + complexidade + inclusão e a interação das diversas disciplinas cursadas.
  • 38. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Alterações efetuadas » Mudanças na ordem e na hierarquia de capítulos; » Síntese das informações da pesquisa que foram utilizadas no projeto; » Descrição detalhada da análise de similares e requisitos levantados para o projeto; » Aprimoramento no estudo da utilização das cores no projeto e revisão do checklist de avaliação, levando à modificação da alternativa escolhida; » Dados e resultados da pesquisa de avaliação.
  • 39. TCC 2006 – design gráfico ambientalmente sustentável – uma proposta de website Agradecimentos » Aos professores, que participaram deste TCC com seu conhecimento, opiniões e incentivo: Aguinaldo dos Santos, Andre Battaiola, Carla Spinillo, Humberto Boguzewski, Naotake Fukushima, Maria Regina Furtado, Rita Solieri, Stephania Padovani; » A minha família e especialmente a minha esposa, maior incentivadora; » Aos verdadeiros amigos, que torcem por nós assim como torcemos por eles; » Aos colegas de turma que passaram comigo estes últimos anos; » Aos funcionários do dDesign, que sempre estiveram prontos a ajudar no que fosse preciso.