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