Infografia em Design

Infografia em Design

Daniel Kind Leonardo Reis Marlon Brawos

FICHA TÉCNICA DO LIVRO Título A Liga - Infografia & Design Autores Daniel Kind , Leonardo Reis , Marlon Brawos , Thiago Alves Ilustrações Daniel kind , Marlon Brawos Texto Daniel Kind , Leonardo Reis , Marlon Brawos , Thiago Alves Pré-impressão: Marlon Brawos Impressão e acabamento: Data de impressão: Junho 2013

3

Sumário História da Escrita

07

Design Aplicado a Ambientes

11

Escolas de Design

15

História do Design

19

Classificação das Famílias Tipográficas e seu uso

23

Design de Superficie

27

Fotografia

31

Design Thinking

35

Design Total

39

Gestalt

43

Hist贸ria da Escrita

7

8

9

ReferĂŞncias Livro A Escrita da Historia - Michel Certeau Site http://www.trabalhosfeitos.com/ensaios/a-Origem-Da-Escrita/29516.html

10

Design Aplicado a Ambientes

11

Sinalização Corporativa

12

A sinalização corporativa, ou sinalização interna, como também é conhecida, é muito utilizada para ambientar os diversos espaços de uma empresa, a fim de deixar esses espaços mais agradáveis aos clientes, privativos ou mesmo para que os clientes possam se localizar e movimentar dentro das empresas sem a necessidade da orientação de um funcionário.

Sala de Espera Placa impressa em aço escovado, utilizando o simbolo da ampulheta para ilustrar que se trata de um lugar de espera.

Placa de sinalização do Banheiro

Faixada do Escritório A Logo aplicada na faixada , impressa em aço escovado .

Sala de Criação Simbolo gráfico utilizado um partelo para referir que o local especifico de contrução/criação.

13

Placa de Recepção

Referências Livro : Marcas & Sinalização - Práticas em Designer Corporativo Sites: http://br.floorplanner.com/ http://www.oficinadesinalizacao.com.br/

14

Escolas de Design

15

16

17

ReferĂŞncias Sites http://revista.casavogue.globo.com/ http://gizmodo.uol.com.br/

18

Hist贸ria do Design

19

Principais Etapas da

História do Design 1760

Mesmo assim a feira foi um sucesso esteve aberta por 140 dias e visitado por mais de 6 milhoes de visitantes

O crescimento da burguesia tanto na europa como nas colônias determinou o crescimento da demanda.

Dando inicio a REVOLUÇAO INDUSTRIAL

Alguns apresentando estilos do passado que eram imcompativeis com a indústria

Os padrões tradicionais foram modificados por propósitos comerciais

20

A arquitetura também sofreu uma revolução que foi demandada pelas mudanças sociais econômicas e culturais

Artistas, arquitetos, cientistas e comerciantes exibiram discutiram e promoveram seus produtos

Foram os arquitetos que abriram o caminho do design a partit da relação da indústria da arte e da arquitetura

Em 1 de maio de 1851 londres abriu ao publico a grande exposição dos trabalhos da indústria de todas as nações

1851

19

919

25 de abril de 1919 walter gropius fundou na Alemanha a primeira escola de design do mundo BAUHAUS 1925 a escola mudou-se para dessau.

A UEMG vem desenvolvendo um ensino de design que dinamicamente dialoga com as permanentes movimentações e exigências do mundo comteporanio

Uma nova mudança ocorre em 1932 para Berlim devido a perseguição do governo nazista que em 1933 fechou a escola.

Minas Gerais teve a segunda do pais, a escola de design da Uemg antiga FUMA. A ESDI foi integrada a universidade do estado do Rio de Janeiro em 1975 instalada no bairro da lapa (RJ) desde dua criação em 2005 iniciou seu mestrado em design

Na Alemanha os ensinamentos da Bauhaus ficaram a cargo de universidade abertas no final da década de 40 e inicio de 50 como a de ULM e da universidade de Weimar.

Em 1994 iniciou um processo de reforma visando restabelecer ao edifício da Bauhaus sua condição original concluído em 2007, devido a inexistência do projeto original.

1962

Em 1962 foi fundado no Rio de Janeiro a ESDI ( Escola superior de desenho industrial) Sendo a primeira instituição a oferecer um curso de design de nível superior no brasil

21

ReferĂŞncias Sites http://www.designup.pro.br/ http://www.zupi.com.br/

22

Classificação das Famílias Tipograficas e seu uso

23

24

25

ReferĂŞncias Sites http://www.chrdesigner.com/classificacao-das-fontes-tipograficas/

26

Design de Superficie

27

Criação da Arte

Vetorização e separação de cores para aplicação no processo .

28

Impressão da Arte

Deve ser feita em papel vegetal , cor por cor para ser feita a gravação das telas.

Aplicação da Emulsão na Tela

Esta deverá ser colocada na calha ou na base da régua, que estará apoiada na borda inferior da tela e encostada na malha, formando um ângulo de 45º com esta.

Secagem da Tela Emulsionada

Deve ser feita em um ambiente livre de poeira, com ausência de luz ou sob luz de segurança e se possível fechado, a uma temperatura máxima de 30° C

Revelação com água

Deve-se jogar um jato d’agua para liberar os poros onde a tinta passará e que será o silk.

A mesa É constituída de um tampo de vidro transparente de 80 X 80 cm, Abaixo desse tampo, uma lâmpada Photo flood de 500 W a uma distância de aproximadamente 60 cm.

Exposição à luz A arte deve ser colocada embaixo da tela com emulsão Com 2 lâmpadas de 500W ou 12 lampadas fluorecentes de 40w , tempo estimado de 2 min de exposição.

Secagem da tela Gravada

29

Aplicação da Tinta

Produto Final

Utima etapa

Secagem em Estufa

ReferĂŞncias Livro : Desenhando em Superficie Site: http://estampaweb.com/

30

Fotografia

31

Podemos enfatizar melhor um elemento da fotografia sobre os demais, selecionando-o como ponto de maior nitidez dentro do quadro. A escolha depende do autor mas a força da mensagem deve muito ao foco.

32

De forma imaginária, divida a imagem observada no visor da sua câmara em três partes, tanto horizontais como verticais. Os quatro pontos de intercepção chamados pontos de interesse, são os pontos de maior impacto visual na sua fotografia.

Dentro dos limites técnicos, temos possibilidades de controlar não só a localização do foco, como também a quantidade de elementos que ficarão nítidos. Através destes controles, podemos destacar esta ou aquela área dentro de um assunto fotografado.

A textura fornece a ideia de substância, densidade e tato.

A textura é elemento muito importante para a criação do real dentro da fotografia, embora possa, também, desvirtuá-lo.

profundidade de Campo

Regra do terço

Desfoque

Textura

A perspectiva auxilia a indicação da profundidade e da forma, uma vez que cria a ilusão de espaço tridimensional. Ela se determina a partir de um ponto de convergência que centraliza a linha, ou as linhas principais da fotografia.

Pespectiva

Planos

Iluminação

Ângulo

Quanto ao distanciamento da câmara em relação ao objeto fotografado, levando-se em conta a organização dos elementos internos do enquadramento, verifica-se que a distinção entre os planos não é somente uma diferença formal, cada um possui uma capacidade narrativa, um conteúdo dramático próprio.

A iluminação fornece inúmeras possibilidades ao fotógrafo. Ela está interligada aos outros elementos da linguagem, funcionando de forma decisiva na obtenção do clima desejado, seja de sonho, devaneio, ou de impacto, surpresa e suspense.

A câmara pode ser situada tanto na mesma altura do sujeito, como também abaixo ou acima dele. Ao fotografarmos com a máquina de “cima para baixo” (mergulho), ou de “baixo para cima” (contramergulho) temos que nos preocupar com a impressão subjetiva causada por esta visão

33

ReferĂŞncias

http://www.dad.puc-rio.br/dad07/arquivos_downloads/32.pdf

34

Design Thinking

35

Processo de Inovação

36

Existem 7 passos que são importantes serem observados para desenvolver e aplicar o pensamento de design. Esses passos podem variar de acordo com a metodologia e o autor que está definindo:

Entender

Observar

Prototipar 37

Testar

Definir

idealizar

Referências Livro Design Thinking , inovação em negócios http://wp.clicrbs.com.br/programatraineerbs http://livrodesignthinking.com.br/

38

Design Total

39

Manual de Indentidade Visual da Unimed Uma parte do projeto do Design total é o Manual de indentidade Visual, a Marca Unimed foi desenvolvida e pensada desde a proporção, tipográfia , cor até a aplicação da logo a uniformes , veículos , ambientes entre outros, de forma que auxilie a aplicação da marca .

40

Indentidade Visual

Aplicações

41

Referências Sites http://www.geheugenvannederland.nl//TotalDesign/ http://www1.unimed.com.br/nacional/MKT/marca/

42

Modo de ultilização do QR Code Aplicativo recomendados para geração de QR Codes em celulares com sistema Android : -Kaywa: Gera QR Codes a partir de URLs , textos , números de Telefones , SMS http://qrcode.kaywa.com -Quick Mark : Gera QR Codes para web sites , Bookmarks, Vcards http://quickmark.com.tw Como Usar : Tendo o Aplicativo instlado em seu celular , basta abri-lo e direcionar a camera do aparelho em direçao ao código, faça o scane e espere o aplicativo lhe direcionar ao contêudo do código .

QR Code Manual da Unimed

Gestalt

43

As Leis Básicas da Gestalt?

44

Muito do que você estuda sobre a gestalt é em relação a como estes grupos se formam e qual efeitos eles possuem na nossa percepção. Quanto mais forte o grupo, mais forte a gestalt. É este grupo que contribue para a unidade no design. A gestalt é a ferramenta mais poderosa que o designer tem para criar algo único.

Lei da Semelhança

Dita que objetos similares se agruparão entre si.

Na imagem abaixo, a maioria das pessoas vê colunas de quadrados e colunas de círculos.

Poucas pessoas vão associar isto como “uma linha horizontal onde quadrados e círculos se intercalam”.

Lei da Proximidade

Elementos próximos tendem a se agruparem, constituindo uma unidade. Elementos vão parecer mais próximos e unificados quanto menor for a distância entre eles.

O Que foi desenhado:

O que vemos : (forma Simples)

O que foi Desenhado:

é visto como :

Oque não vemos (forma Complexa)

é visto como:

45

Lei da Continuidade Lei da Pregnância Essa lei dita que pontos que estão conectados por uma linha reta ou curva, são vistos de uma maneira a seguirem um caminho mais suave.

Em vez de ver linhas e ângulos separados, linhas são vistas como uma só.

É chamado também de lei da simplicidade.

Ela dita que objetos em um ambiente são vistos da forma mais simples possíveis. Quanto mais simples, mais facilmente é assimilada.

Lei do Fechamento

Elementos são agrupados se eles parecem se completar. Ou seja, nossa mente ver um objeto completo mesmo quando não há um.

Lei da Unificação

Na lei da unificação, mesmo uma imagem abstrata pode ser entendida pela mente humana pois preenchemos os espaços vazios instintivamente, como no logo do Johnnie Walker ou da WWF (um homem caminhando e um urso panda).

ReferĂŞncias Livro: Gestalt do Objeto - Sistema de Leitura Visual da Forma Sites: http://pt.scribd.com/doc/72401277/Leis-Basicas-da-Gestalt

46