4. Princípios de Design. JAMES ITALIANO

Transcrição

1 4. Princípios de Design JAMES ITALIANO

2 Design é projetar A partir de uma necessidade Para contribuir na soluçāo de um problema Focado em um público específico Através de um processo eficiente Gerando um resultado visual, funcional e inovador.

3 O Design está......praticamente em todo lugar Em aparelhos eletrônicos e domésticos, móveis, carros, ambientes, eventos, roupas, jogos etc

4 O que o Designer deve aprende?! Pesquisar Planejar Criar Executar

5 Elementos básicos do Design Formas Cores Tipografia Ergonomia

6 Gestalt percepção humana

7 Gestalt A Gestalt é uma Escola de Psicologia Experimental, que apresenta teorias relacionadas ao fenômeno da percepção, onde não visualizamos partes isoladas, mas relações com o todo. Para Dondis (1997, p. 28), captamos a informação visual de muitas maneiras. As forças perceptivas e sinestésicas de natureza fisiológicas são vitais para o processo visual.

8 Gestalt Unidade Um dos conceitos primordiais da Gestalt é a Unidade, pois as unidades formais que configuram um todo são percebidas, geralmente, através de relações entre os elementos que as constituem. (GOMES, 2003, p.29). O conceito de unidade torna-se fundamental para interface digital, quando há a necessidade de determinar áreas, e a unidade entre as suas subunidades.

9

10

11

12 Gestalt Segregação O conceito de segregação se configura em identificar e separar unidades de uma composição (GOMES, 2003, p.30), permitindo focar em certos elementos e ocultar visualmente outros sem a necessidade de movê-los fisicamente. A segregação pode ser feita por diversos meios, tais como: pelos elementos de pontos, linhas, planos, volumes, cores, sobras, brilhos, texturas e outros. (GOMES, 2003, p.30). A segregação de unidades e as técnicas usadas para causar o efeito, podem colaborar na divisão dos níveis de interação, tipos de informações e ações em interfaces visuais.

13

14

15

16 Gestalt Fechamento Para o conceito de fechamento, a aplicação é formada por figuras incompletas que "tendem a ser percebidas como completas. Fragmentos dessas figuras são completadas, reproduzindo objetos que tenham um significado (IIDA, 2005, p. 293). Este conceito pode ser implementado em fundos de áreas que não necessitam ser completamente delimitados, e em ícones minimalistas de alta pregnância, otimizando a leitura simplificada de uma ação disponível.

17

18

19

20

21 Gestalt Continuidade Neste aspecto, a continuidade proporciona diversas aplicações em uma interface digital e na interação via multi-touchscreen. Em uma interface digital, a presença da continuidade auxilia a compreensão da navegação e delimitação de áreas específicas. Nos textos e listas expostos em uma interface, a continuidade também pode ser aplicada para proporcionar uma leitura mais eficaz, através de uma diagramação que se apropriam deste conceito.

22

23

24

25

26 Gestalt Pregnância da Forma Segundo Gomes (2003, p.36), a pregnância é a Lei básica da Percepção Visual da Gestalt. Na visualização de uma composição a ordenação visual das formas do objeto é fundamental para otimização da interpretação do que está sendo proposto. A clareza das informações expostas em uma interface é importante para a rápida leitura das opções disponíveis, e redução de erros nas ações do usuário.

27

28

29

30

31 Gestalt Contraste A segregação das partes de uma composição pode ser percebida através do contraste que torna-se uma força vital para a criação de um todo coerente. (GOMES, 2003, p.62). Podendo agregar dinamismo na percepção, através de diferenças entre luz, tom, cor, direção,movimento, proporção e outros efeitos que cooperam na caracterização das partes. Em uma interface, o contraste como o direcionamento, pode auxiliar ao usuário na compreensão entre os níveis e tipos de navegação, que pode estar ordenada horizontalmente (navegação global) ou verticalmente (navegação local).

32

33

34

35 Formas

36 Firmeza Organizaçāo Solidez Estrutura Estabilidade Precisāo Absoluto Perfeiçāo Ilimitado Completude Atemporal Desafio Conquista Alvo Dinamismo Crescimento Sustentaçāo

37

38

39

40 Outros atributos Escala Volume Direçāo

41 Outros atributos Escala Volume Direçāo

42 Outros atributos Escala Volume Direçāo

43 Outros atributos Escala Volume Direçāo

44 Cores e sua psicodinâmica

45 Definiçāo Sobre um indivíduo que recebe a comunicação visual, a cor exerce uma ação tríplice: a de impressionar, a de expressar e de construir. A cor vista: impressiona a retina. E sentida: provoca uma emoção, e é construtiva, pois tendo um significado próprio, tem valor de símbolo e a capacidade, portanto, de construir uma linguagem que comunique uma idéia. (FARINA 1990, p. 27).

46

47

48

49 Vermelho Dinamismo, energia, intensidade, paixão, poderio, calor, emoção, extroversão.! Nos dispositivos de vídeo RGB, mostra-se muito eficiente quando utilizada nas interfaces para sinalizar perigo ou chamar atenção. Por exemplo, bordas vermelhas de sinais de advertência são rapidamente percebidas. Evitar seu uso em amplas áreas ou para cor de fundo.

50 Amarelo Iluminação, conforto, esperança, espontaneidade, expectativa! Nos terminais RGB essa cor é a combinação de vermelho e verde em geral, preferencialmente de baixa saturação. Por ser a mais clara das matrizes é um bom indicador de atividade. É a cor adequada para indicar a janela ativa, como pode ser observado em várias home-pages. Não deve ser utilizada para cor de texto, a não ser com o fundo preto ou azul escuro.

51 Verde Saúde, bem estar, natureza, segurança, suavidade, tranqüilidade, equilíbrio, liberdade.! Sendo o olho humano mais sensível aos comprimentos próximos do amarelo-verde, esta cor é a mais visível das três cores primárias dos terminais RGB, sendo muito propícia quando se deseja transmitir rapidamente uma informação

52 Azul Espaço, viagem, tecnologia, intelectualidade, serenidade, infinito, meditação, sentimento profundo.! Como o olho humano é menos sensível aos comprimentos de onda do azul, é uma cor difícil de ser focalizada e de se obter um bom contraste, não devendo assim ser utilizada para texto nem para detalhes finos.

53 Preto tristeza, negação, nobreza, seriedade.! Branco paz, ordem, simplicidade, despertar, estabilidade, limpeza! Cinza tédio, passado, finura, carência vital.! Laranja força, luminosidade, euforia, senso de humor, prazer, alegria.

54 Roxo fantasia, mistério, grandeza, eletricidade.! Marrom pesar, resistência, melancolia.

55 Tipografia Comunicaçāo verbal

56 Definiçāo É de extrema importância devido ser um dos principais meios pelo qual o usuário lê a informação contida no produto de comunicaçāo. Uma tipografia ilegível pode tornar a experiência do usuário bastante desconfortável, causando demora na interpretação, ou até levar o usuário a uma ação de erro.

57 Categorias de Tipos Existem vários grupos de tipos os principais sāo:

58 Anatomia do Tipo Existem diversos elementos estruturais que fazem parte de uma tipografia:

59 Ergonomia Adaptando ao usuário

60 Definiçāo Ergonomia é o estudo da adaptação do trabalho às características dos indivíduos, de modo a lhes proporcionar um máximo de conforto, segurança e bom desempenho de suas atividades no trabalho.

61 Tipos de Ergonomia ergonomia antropométrica ou gestual, que se ocupa do estudo dos gestos e posturas do trabalhador durante o trabalho, procurando adaptar os postos de trabalho, as condições ambientais e ritmos de produção, aos trabalhadores; ergonomia informacional, que estuda o arranjo dos dispositivos de sinalização, informação e de comando, por forma a melhorar as condições de percepção da informação por parte do trabalhador; ergonomia dos sistemas, que trata das interacções do trabalhador com os materiais em qualquer sistema produtivo, procurando definir as tarefas entre os operadores, as condições de funcionamento e cargas de trabalho de cada um. ergonomia de previsão que, como a designação sugere, procura prever e estudar regras e as tarefas como cada trabalhador realizará o seu trabalho efectivo, tendo em vista atingir zero incidentes e/ou acidentes. univ-ab.pt

62

63 Legibilidade e Leiturabilidade

64 Legibilidade A eficiência com que um grupo de caracteres de um texto possa ser reconhecido (MCLAUCHLIN, 1968)

65 Aula sobre Design Aula sobre Design Aula sobre Design

66 Aula sobre Design Aula sobre Design Aula sobre Design

67 Leiturabilidade Esta atrelada a velocidade de leitura e compreensão de um determinado texto.

68 Título Os diferentes domínios de actuação podem ser abordados em dois momentos diferentes, dando assim origem a duas abordagens da ergonomia - ergonomia de concepção e ergonomia de correcção. Se a intervenção ergonómica se inicia na fase de planeamento e concepção dos locais/postos/instrumentos de trabalho, estamos a falar de uma ergonomia de concepção; se pelo contrário, a ergonomia é chamada a intervir em situações já estabelecidas, procurando corrigir situações com influência na segurança e na saúde dos trabalhadores ou em aspectos ligados directamente à produção, estamos na presença da ergonomia de correcção. Podemos falar então numa ergonomia pró-activa e numa ergonomia reactiva. Caso a política de prevenção ou, se quisermos, a política de higiene, segurança e ergonomia, for considerada no processo de gestão, todos os factores ergonómicos serão equacionados, planeados e eliminados ou minimizados numa fase inicial do projecto, e estaremos na presença de uma ergonomia pró-activa.

69 Título Os diferentes domínios de actuação podem ser abordados em dois momentos diferentes, dando assim origem a duas abordagens da ergonomia - ergonomia de concepção e ergonomia de correcção. Se a intervenção ergonómica se inicia na fase de planeamento e concepção dos locais/postos/instrumentos de trabalho, estamos a falar de uma ergonomia de concepção; se pelo contrário, a ergonomia é chamada a intervir em situações já estabelecidas, procurando corrigir situações com influência na segurança e na saúde dos trabalhadores ou em aspectos ligados directamente à produção, estamos na presença da ergonomia de correcção. Podemos falar então numa ergonomia pró-activa e numa ergonomia reactiva. Caso a política de prevenção ou, se quisermos, a política de higiene, segurança e ergonomia, for considerada no processo de gestão, todos os factores ergonómicos serão equacionados, planeados e eliminados ou minimizados numa fase inicial do projecto, e estaremos na presença de uma ergonomia pró-activa.

70 Título Os diferentes domínios de actuação podem ser abordados em dois momentos diferentes, dando assim origem a duas abordagens da ergonomia - ergonomia de concepção e ergonomia de correcção. Se a intervenção ergonómica se inicia na fase de planeamento e concepção dos locais/postos/instrumentos de trabalho, estamos a falar de uma ergonomia de concepção; se pelo contrário, a ergonomia é chamada a intervir em situações já estabelecidas, procurando corrigir situações com influência na segurança e na saúde dos trabalhadores ou em aspectos ligados directamente à produção, estamos na presença da ergonomia de correcção. Podemos falar então numa ergonomia pró-activa e numa ergonomia reactiva. Caso a política de prevenção ou, se quisermos, a política de higiene, segurança e ergonomia, for considerada no processo de gestão, todos os factores ergonómicos serão equacionados, planeados e eliminados ou minimizados numa fase inicial do projecto, e estaremos na presença de uma ergonomia pró-activa.

71 Título Os diferentes domínios de actuação podem ser abordados em dois momentos diferentes, dando assim origem a duas abordagens da ergonomia - ergonomia de concepção e ergonomia de correcção. Se a intervenção ergonómica se inicia na fase de planeamento e concepção dos locais/postos/instrumentos de trabalho, estamos a falar de uma ergonomia de concepção; se pelo contrário, a ergonomia é chamada a intervir em situações já estabelecidas, procurando corrigir situações com influência na segurança e na saúde dos trabalhadores ou em aspectos ligados directamente à produção, estamos na presença da ergonomia de correcção. Podemos falar então numa ergonomia pró-activa e numa ergonomia reactiva. Caso a política de prevenção ou, se quisermos, a política de higiene, segurança e ergonomia, for considerada no processo de gestão, todos os factores ergonómicos serão equacionados, planeados e eliminados ou minimizados numa fase inicial do projecto, e estaremos na presença de uma ergonomia pró-activa.

72 Título Os diferentes domínios de actuação podem ser abordados em dois momentos diferentes, dando assim origem a duas abordagens da ergonomia - ergonomia de concepção e ergonomia de correcção. Se a intervenção ergonómica se inicia na fase de planeamento e concepção dos locais/ postos/instrumentos de trabalho, estamos a falar de uma ergonomia de concepção. Se pelo contrário, a ergonomia é chamada a intervir em situações já estabelecidas, procurando corrigir situações com influência na segurança e na saúde dos trabalhadores ou em aspectos ligados directamente à produção, estamos na presença da ergonomia de correcção. Podemos falar então numa ergonomia pró-activa e numa ergonomia reactiva. Caso a política de prevenção ou, se quisermos, a política de higiene, segurança e ergonomia, for considerada no processo de gestão, todos os factores ergonómicos serão equacionados, planeados e eliminados ou minimizados numa fase inicial do projecto, e estaremos na presença de uma ergonomia pró-activa.

73 Hierarquia da Informaçāo Nível de Destaque Contexto

74 O Curso de Design Objetivos do Design Industrial O Design é uma atividade cujo objetivo é estabelecer qualidades multi-facetadas de objetos, serviços e seus sistemas em ciclos de vida completos. Competências da área do Design Industrial O Design procura descobrir and estabelecer relações estruturais, organizacionais, funcionais, expressivas e econômicas, com o objetivo de: enfatizar a sustentabilidade global e a proteção ambiental (ética global) dar benefícios e liberdade para a inteira comunidade humana, individual e coletiva, usuários finais. dar atenção aos produtos, serviços e sistemas concebidos com as ferramentas, organizações e com a lógica introduzida pela industrialização Assim, o design é uma atividade envolvendo uma ampla faixa de profissões, das quais produtos, serviços, comunicações gráficas, decoração e arquitetura fazem parte. Juntas, essas atividades deveriam elevar, de um modo harmônico e orquestrado com outras profissões, o valor da vida.! O termo designer refere-se a um indivíduo que pratica uma profissão intelectual, e não apenas um serviço executado para empresas.

75 O Curso de Design Objetivos do Design Industrial O Design é uma atividade cujo objetivo é estabelecer qualidades multi-facetadas de objetos, serviços e seus sistemas em ciclos de vida completos.! Competências da área do Design Industrial O Design procura descobrir and estabelecer relações estruturais, organizacionais, funcionais, expressivas e econômicas, com o objetivo de: enfatizar a sustentabilidade global e a proteção ambiental (ética global) dar benefícios e liberdade para a inteira comunidade humana, individual e coletiva, usuários finais. dar atenção aos produtos, serviços e sistemas concebidos com as ferramentas, organizações e com a lógica introduzida pela industrialização Assim, o design é uma atividade envolvendo uma ampla faixa de profissões, das quais produtos, serviços, comunicações gráficas, decoração e arquitetura fazem parte. Juntas, essas atividades deveriam elevar, de um modo harmônico e orquestrado com outras profissões, o valor da vida.! O termo designer refere-se a um indivíduo que pratica uma profissão intelectual, e não apenas um serviço executado para empresas.

76 O Curso de Design Objetivos do Design Industrial O Design é uma atividade cujo objetivo é estabelecer qualidades multi-facetadas de objetos, serviços e seus sistemas em ciclos de vida completos.! Competências da área do Design Industrial O Design procura descobrir and estabelecer relações estruturais, organizacionais, funcionais, expressivas e econômicas, com o objetivo de: enfatizar a sustentabilidade global e a proteção ambiental (ética global) dar benefícios e liberdade para a inteira comunidade humana, individual e coletiva, usuários finais. dar atenção aos produtos, serviços e sistemas concebidos com as ferramentas, organizações e com a lógica introduzida pela industrialização Assim, o design é uma atividade envolvendo uma ampla faixa de profissões, das quais produtos, serviços, comunicações gráficas, decoração e arquitetura fazem parte. Juntas, essas atividades deveriam elevar, de um modo harmônico e orquestrado com outras profissões, o valor da vida.! O termo designer refere-se a um indivíduo que pratica uma profissão intelectual, e não apenas um serviço executado para empresas.

77 O Curso de Design Objetivos do Design Industrial O Design é uma atividade cujo objetivo é estabelecer qualidades multi-facetadas de objetos, serviços e seus sistemas em ciclos de vida completos.! Competências da área do Design Industrial O Design procura descobrir and estabelecer relações estruturais, organizacionais, funcionais, expressivas e econômicas, com o objetivo de: enfatizar a sustentabilidade global e a proteção ambiental (ética global) dar benefícios e liberdade para a inteira comunidade humana, individual e coletiva, usuários finais. dar atenção aos produtos, serviços e sistemas concebidos com as ferramentas, organizações e com a lógica introduzida pela industrialização Assim, o design é uma atividade envolvendo uma ampla faixa de profissões, das quais produtos, serviços, comunicações gráficas, decoração e arquitetura fazem parte. Juntas, essas atividades deveriam elevar, de um modo harmônico e orquestrado com outras profissões, o valor da vida.! O termo designer refere-se a um indivíduo que pratica uma profissão intelectual, e não apenas um serviço executado para empresas.

78 O Curso de Design Industrial Objetivos do Design Industrial O Design é uma atividade cujo objetivo é estabelecer qualidades multi-facetadas de objetos, serviços e seus sistemas em ciclos de vida completos.! O termo designer refere-se a um indivíduo que pratica uma profissão intelectual, e não apenas um serviço executado para empresas. Competências da área do Design Industrial! O Design procura descobrir e estabelecer relações estruturais, organizacionais, funcionais, expressivas e econômicas, com o objetivo de:! enfatizar a sustentabilidade global e a proteção ambiental (ética global) dar benefícios e liberdade para a inteira comunidade humana, individual e coletiva, usuários finais. Assim, o design é uma atividade envolvendo uma ampla faixa de profissões, das quais produtos, serviços, comunicações gráficas, decoração e arquitetura fazem parte. Juntas, essas atividades deveriam elevar, de um modo harmônico e orquestrado com outras profissões, o valor da vida.

79 O Curso de Design Industrial Objetivos do Design Industrial O Design é uma atividade cujo objetivo é estabelecer qualidades multi-facetadas de objetos, serviços e seus sistemas em ciclos de vida completos. O termo designer refere-se a um indivíduo que pratica uma profissão intelectual, e não apenas um serviço executado para empresas. Competências da área do Design Industrial! O Design procura descobrir e estabelecer relações estruturais, organizacionais, funcionais, expressivas e econômicas, com o objetivo de:! enfatizar a sustentabilidade global e a proteção ambiental (ética global) dar benefícios e liberdade para a inteira comunidade humana, individual e coletiva, usuários finais. Assim, o design é uma atividade envolvendo uma ampla faixa de profissões, das quais produtos, serviços, comunicações gráficas, decoração e arquitetura fazem parte. Juntas, essas atividades deveriam elevar, de um modo harmônico e orquestrado com outras profissões, o valor da vida.

80 O Curso de Design Industrial Objetivos do Design Industrial O Design é uma atividade cujo objetivo é estabelecer qualidades multi-facetadas de objetos, serviços e seus sistemas em ciclos de vida completos. O termo designer refere-se a um indivíduo que pratica uma profissão intelectual, e não apenas um serviço executado para empresas. Competências da área do Design Industrial! O Design procura descobrir e estabelecer relações estruturais, organizacionais, funcionais, expressivas e econômicas, com o objetivo de:! Enfatizar a sustentabilidade global e a proteção ambiental (ética global) Dar benefícios e liberdade para a inteira comunidade humana, individual e coletiva, usuários finais. Assim, o design é uma atividade envolvendo uma ampla faixa de profissões, das quais produtos, serviços, comunicações gráficas, decoração e arquitetura fazem parte. Juntas, essas atividades deveriam elevar, de um modo harmônico e orquestrado com outras profissões, o valor da vida.

81 O Curso de Design Industrial Objetivos do Design Industrial O Design é uma atividade cujo objetivo é estabelecer qualidades multi-facetadas de objetos, serviços e seus sistemas em ciclos de vida completos. O termo designer refere-se a um indivíduo que pratica uma profissão intelectual, e não apenas um serviço executado para empresas. Competências da área do Design Industrial! O Design procura descobrir e estabelecer relações estruturais, organizacionais, funcionais, expressivas e econômicas, com o objetivo de:! Enfatizar a sustentabilidade global e a proteção ambiental (ética global) Dar benefícios e liberdade para a inteira comunidade humana, individual e coletiva, usuários finais. Uma atividade envolvendo uma ampla faixa de profissões, das quais produtos, serviços, comunicações gráficas, decoração e arquitetura fazem parte. Juntas essas atividades deveriam elevar, de um modo harmônico e orquestrado com outras profissões, o valor da vida.

82 O Curso de Design Objetivos do Design Industrial O Design é uma atividade cujo objetivo é estabelecer qualidades multi-facetadas de objetos, serviços e seus sistemas em ciclos de vida completos. Competências da área do Design Industrial O Design procura descobrir and estabelecer relações estruturais, organizacionais, funcionais, expressivas e econômicas, com o objetivo de: enfatizar a sustentabilidade global e a proteção ambiental (ética global) dar benefícios e liberdade para a inteira comunidade humana, individual e coletiva, usuários finais. dar atenção aos produtos, serviços e sistemas concebidos com as ferramentas, organizações e com a lógica introduzida pela industrialização Assim, o design é uma atividade envolvendo uma ampla faixa de profissões, das quais produtos, serviços, comunicações gráficas, decoração e arquitetura fazem parte. Juntas, essas atividades deveriam elevar, de um modo harmônico e orquestrado com outras profissões, o valor da vida.! O termo designer refere-se a um indivíduo que pratica uma profissão intelectual, e não apenas um serviço executado para empresas.

83 Exercício Prático Receita de Bolo

84 Exercício Prático Receita de Bolo

85 Leitura do Texto Quatro ovos; duas xícaras de chá de açúcar; duas xícaras de chá de trigo; uma xícara de chá de fubá; três colheres de sopa de margarina; uma xícara de chá de leite; quatro colheres de chá de fermento.! Todo este processo demora em média um hora.para preparar você tem que bater as claras em neve, acrescentar o açúcar, continuar batendo; Acrescente ao poucos as gemas, a margarina, o leite, a farinha de trigo, o fubá e continue batendo; Coloque por último o fermento misturando com uma colher ou espátula; Coloque a massa numa forma untada e deixe assar em forno médio pré aquecido por aproximadamente trinta minutos. Esta receita pode servir até doze porções.

86 Leitura do Texto Quatro ovos; duas xícaras de chá de açúcar; duas xícaras de chá de trigo; uma xícara de chá de fubá; três colheres de sopa de margarina; uma xícara de chá de leite; quatro colheres de chá de fermento.! Todo este processo demora em média um hora. Para preparar você tem que bater as claras em neve, acrescentar o açúcar, continuar batendo; Acrescente ao poucos as gemas, a margarina, o leite, a farinha de trigo, o fubá e continue batendo; Coloque por último o fermento misturando com uma colher ou espátula; Coloque a massa numa forma untada e deixe assar em forno médio pré aquecido por aproximadamente trinta minutos. Esta receita pode servir até doze porções.

87

88 Design nas empresas No que o profissional de design pode ajudar?

89 As contribuições do Design Diferencial Competitividade Visibilidade Agrega valor Multidisciplinar Inovar

90 Marcas e ID Visual

91 Marca Vai representar a sua empresa e expressar seus conceitos em lugares onde nāo haverá ninguém da empresa para explicar e será vista por pessoas que ainda nāo conhecem sua empresa.

92

93

94

95

96

97

98

99 Bons exemplos de logos criativas

100 Bons exemplos de logos criativas

101

102

103

104 Investimento em Design Estudos realizados pela CNI - Confederação Nacional das Indústrias indicam que 75% das empresas que investiram recentemente em design registraram aumentos em suas vendas, sendo que 41% destas empresas também conseguiram reduzir os seus custos.

105 PRÓXIMO MÓDULO

106 OBRIGADO JAMES ITALIANO Dúvidas?