SlideShare une entreprise Scribd logo
1  sur  56
Elementos do DESIGN As partes do todo
Elementos do Design ,[object Object],[object Object],[object Object],[object Object]
Formato da Letra Gótica  – imitam a escrita de época, utilizados na bíblia de Gutemberg. Romana  – baseado nas escritas lapidárias, verticais e com serifa, variando a espessura. Cursiva ou itálica  – ligeira inclinação para a direita, algumas imitam o manuscrito. Bastão ou grotesca  – caracterizam-se por não possuir  SERIFA . Fantasia  – podem ter características das anteriores, possuem caráter artístico. Fontes para fins específicos como por exemplo uma família exclusiva para um logotipo.
Formato da Serifa Elzevier  – serifa triangular com leve curvatura em seus lados. Didot  – serifa de traços finos. Egípcia  – serifas retangulares e grossas. Bastão ou grotesca  – caracterizam-se por não possuir  SERIFA . Manuscrita  – imitam a escrita manual. Fantasia  – não se enquadram nas anteriores. Fontes distintas
Critérios na escolha dos tipos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],O QUE É SERIFA? Na tipografia, as serifas são os pequenos traços e prolongamentos que ocorrem no fim das hastes das letras. As famílias tipográficas sem serifas são conhecidas como sans-serif (do francês "sem serifa"), também chamadas grotescas (de francês grotesque ou do alemão grotesk).  NA TIPOGRAFIA, AS SERIFAS SÃO OS PEQUENOS TRAÇOS E PROLONGAMENTOS QUE OCORREM NO FIM DAS HASTES DAS LETRAS. AS FAMÍLIAS TIPOGRÁFICAS SEM SERIFAS SÃO CONHECIDAS COMO SANS-SERIF (DO FRANCÊS "SEM SERIFA"), TAMBÉM CHAMADAS GROTESCAS (DE FRANCÊS GROTESQUE OU DO ALEMÃO GROTESK).  Acho que dificultei a leitura! Agora tenho leitura.
Critérios na escolha dos tipos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Na tipografia, as serifas são os pequenos traços e prolongamentos que ocorrem no fim das hastes das letras. As famílias tipográficas sem serifas são conhecidas como sans-serif (do francês "sem serifa"), também chamadas grotescas (de francês grotesque ou do alemão grotesk).  Na tipografia, as serifas são os pequenos traços e prolongamentos que ocorrem no fim das hastes das letras. As famílias tipográficas sem serifas são conhecidas como sans-serif (do francês "sem serifa"), também chamadas grotescas (de francês grotesque ou do alemão grotesk).   Estou com serifa, acho que dificultei a leitura! Aqui a leitura é tranqüila.
Critérios na escolha dos tipos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Na tipografia, as  serifas  são os pequenos traços e prolongamentos que ocorrem no fim das hastes das letras. As famílias tipográficas sem serifas são conhecidas como sans-serif (do francês "sem serifa"), também chamadas grotescas (de francês grotesque ou do alemão grotesk).  Na  tipografia , as serifas são os pequenos traços e prolongamentos que ocorrem no fim das  hastes  das  letras . As famílias tipográficas sem  serifas  são conhecidas como sans- serif  (do francês "sem serifa"), também chamadas  grotesca s ( de francês grotesque ou do alemão grotesk ).  Acho que existem destaques demais! Negrito e link. Boa combinação
Critérios na escolha dos tipos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Na tipografia, as  serifas  são os pequenos traços e prolongamentos que ocorrem no fim das hastes das letras. As famílias tipográficas sem serifas são conhecidas como sans-serif (do francês "sem serifa"), também chamadas grotescas (de francês grotesque ou do alemão grotesk).  Alguma coisa me acertou! Estou legível e em boa forma!
Critérios na escolha dos tipos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Home Empresa Notícias Serviços Fale Conosco Nunca vi tamanha bagunça! Que harmonia!!! MENU Home Empresa Notícias Serviços Fale Conosco MENU
FONTES EM SITES ,[object Object],[object Object],[object Object],[object Object],Lista segura. Fontes instaladas nos sistemas Windows e Mac Fontes padrão instaladas nos sistemas Windows Listas retiradas do site:  http://typetester.maratz.com/
FONTES EM SITES ,[object Object],[object Object],[object Object],[object Object],A tipografia (do grego typos - "forma" - e graphein - "escrita") é a arte e o processo de criação na composição de um texto, física ou digitalmente. Assim como no design gráfico em geral, o objetivo principal da tipografia é dar ordem estrutural e forma à comunicação impressa. Tipografia também é um termo usado para a gráfica que usa uma prensa de tipos móveis. Estou como bitmap (imagem). Posso ser visualizada em qualquer sistema operacional.
Elemento COR Cores – emoção humana
Cores  – LUZ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Cores  – LUZ ,[object Object],[object Object],[object Object],[object Object],[object Object]
Cores –  Luz - combinação Combinação ADITIVA Combinação SUBTRATIVA mistura de luzes Vermelho - R Verde - G Azul - B mistura de pigmentos Magenta Amarelo  Ciano
Cores  – Classificação: ,[object Object],[object Object],Cor – pigmento Magenta – amarelo – ciano Preto é complemento Cor – Luz Vermelho – verde – azul
Cores  – Classificação: ,[object Object],[object Object],Cor - luz Cor - pigmento Ciano Amarelo Magenta Verde Azul Vermelho
Cores  – Classificação: ,[object Object],[object Object],[object Object]
Cores  – Classificação: ,[object Object],[object Object],[object Object],[object Object]
Cores  – Classificação: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Cores quentes são estimulantes. Servem para chamar a atenção pois são contrastantes. Cores frias são relaxantes. Servem para trazer equilibrio.
Cores  – terminologia: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Matiz Saturação Luminosidade
Psicologia das Cores
Psicologia das Cores http://www.mariaclaudiacortes.com
RGB x CMYK ,[object Object],[object Object],[object Object],[object Object],[object Object]
Cor hexadecimal Modo de reconhecimento de cores pela linguagem HTML, composta por 16 caracteres (0,1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F) O mínimo de uma cor é #00 e o máximo é #FF (=255 em RGB). Ex: A cor branca equivale a #FFFFFF. A cor preta equivale a #000000.
[object Object],[object Object],[object Object],[object Object],Cores seguras na web 216 cores seguras para a web!
[object Object],Harmonia das cores Cores Análogas: Estão lado a lado no circulo de cores e possuem a mesma cor base. Podemos formar composições com degrades de cores vizinhas formando uma escala de cores análogas. Em geral é uma composição elegante.
[object Object],Harmonia das cores Cores Triádicas: - Três cores eqüidistantes no círculo das cores. Um triângulo eqüilátero dentro do círculo das cores indica quais são elas.  - São vibrantes, contrastantes. Equilibram as cores quentes e frias.
[object Object],Harmonia das cores Cores Contrastantes(Quente X Fria): Cores opostas no circulo de cores, sempre com cores quentes e frias. Deve-se considerar qual cor será dominante para atingir o equilíbrio, em geral as cores frias predominam pois as cores quentes são intensas (contrantantes).
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Combinação de cores
Combinação de cores – metálicos e claros amarelo x azul Verde x branco
Combinação de cores cinza x vermelho azul x cinza
Combinação de cores cinza x preto preto x vermelho
Combinação de cores amarelo x cinza x Laranja bege x branco Site de combinação de cores  http://wellstyled.com/tools/ Hexadecimais http://www.colorschemer.com/online.html Combinações de usuários: http://www.colourlovers.com Sites por cores: http://pages.blueidea.com/
Recomendações gerais ,[object Object],[object Object],[object Object],[object Object],[object Object]
Referências sobre cores ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],Princípios do design
[object Object],[object Object],Princípios do design
Unidade Nestes objetos a unidade encerra em si mesma, ou seja, em um único elemento, o primeiro a lupa e o segundo a lâmpada.  Nesta imagem podemos segregar as seguintes unidades principais: o céu, as arvores, o prédio, o teatro, o chão e a arquibancada. Cada unidade pode ser segregada em subunidades, como as nuvens do céu, o palco do teatro, as sacadas do edifício, os semicírculos do chão e outros.
Segregação Nesta cena podemos observar a segregação das unidades principais: o carro, o solo, o céu e as montanhas. Para o veículo pode-se segregar as rodas, a porta, janelas, e outros. Pode-se repetir o processo sucessivamente até se esgotar a percepção das unidades visíveis ou considerá-las suficientes para uma leitura visual.  Nesta cena podemos observar unidades segregadas por pontos, linhas, planos, volumes, sombras cores e outros, consubstanciadas pelos objetos do cenário urbano. Como unidades evidentes podemos destacar os prédios, carros, asfalto, calçadas e pedestres.
Unificação O símbolo de ying-yang demonstra o fator de unificação pelo equilíbrio simétrico, com pesos visuais contrabalançados e distribuídos homogeneamente. Demonstra harmonia e contraste dos seus elementos tornando a figura mais expressiva.  Nesta imagem a torre possui unificação pelos fatores de proximidade e semelhança, em função dos pesos visuais simetricamente contrabalançados e distribuídos homogeneamente. A harmonia da figura apresenta alto grau de ordenação. O contraste de verticalidade confere leveza e elevação à torre.
Fechamento O fator de fechamento destas imagens dirigem-se para uma ordem espacial lógica. Existe aqui um fechamento apenas sensorial, integrando as partes. O fator de fechamento destas imagens dirigem-se para uma ordem espacial lógica. Existe aqui um fechamento apenas sensorial, integrando as partes. O fator de fechamento destas imagens dirigem-se para uma ordem espacial lógica. Existe aqui um fechamento apenas sensorial, integrando as partes.
Continuidade A repetição ordenada de objetos é uma boa representação de como as unidades se organizam obtendo o efeito de continuidade. Estas estruturas aparecem como um todo, onde a configuração sinuosa passa a sensação de movimento em sintonia com a sua função de proteção valorizando o equilíbrio e a harmonia visual.
Proximidade As teclas pretas estão em 2 unidades triplas e 2 unidades duplas intercaladas reforçando o fator proximidade. As brancas reforçam o equilíbrio e a harmonia do objeto como um todo Na carta os símbolos de espadas na área central estão em concordância com o fator proximidade e semelhança.Constituindo unidades dentro do todo.
Semelhança Neste celular as teclas são segregadas por suas cores semelhantes tanto na parte superior formadas por duas teclas intermediadas pelo elemento circular, quanto pelas teclas de 1 a #, que proporcionam juntas uma boa unificação do objeto Estes peixes formam um agrupamento por possuir formas semelhantes mesmo que não sendo de mesmo tamanho, o que confere ao conjunto harmonia, ordem e equilíbrio visual.
Pregnância da forma Este palácio (Taj Mahal) apresenta elevada pregnância devido a harmonia e equilíbrio visual e simetria. Sua leitura é rápida e imediata. Esta imagem possui baixa pregnância, pois, sua harmonia visual  e perturbada por irregularidades e sobreposições de elementos. Exigindo um tempo maior para sua leitura.
Harmonia(equilíbrio,ordem,regularidade) Nestas imagens, podemos observar fatores como continuidade, proximidade e semelhança, ordem e sobretudo equilíbrio simétrico com boa distribuição dos pesos visuais Os aviões formam o desenho de um triângulo pelo fator de fechamento, fica claro a harmonia pela ordem, através de sua organização no espaço. Esta parede apresenta um ordem regular pelo alinhamentos dos tijolos, favorecendo a uniformidade dos elementos que estão nivelados em termos de equilibro visual.
Equilíbrio
Atração:
Proporção Pelas dimensões da mão pode-se imaginar a escala do presente. A harmonia e bem ordenada e o contrastes entre o objeto e o fundo torna a composição atraente. É possível avaliar as dimensões do veículo e de suas partes pela referência da figura humana. Visualizamos o contraste pelos pesos de cores estabelecidos pelos tons de cinza em contrastes com as cores quentes e frias conferindo equilíbrio e clareza visual.
Movimento Estas imagens o movimento é percebido pelos fatores de sentido, direção realçado pelas figuras estarem numa postura de flutuação conferindo as imagens forte expressividade.
Simplicidade Nestas imagens, podemos observar o baixo numero de informações ou unidades visuais organizadas de forma a serem assimiladas , lidas e rapidamente compreendidas.
[object Object],[object Object],[object Object],[object Object],[object Object],Princípios do design
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Formas e suas funções:
Formas e suas funções
Referências sobre princípios do design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Contenu connexe

Tendances

Aula 6 - Comunicação Gráfica e Design
Aula 6  - Comunicação Gráfica e DesignAula 6  - Comunicação Gráfica e Design
Aula 6 - Comunicação Gráfica e DesignCíntia Dal Bello
 
Anatomia Tipográfica
Anatomia TipográficaAnatomia Tipográfica
Anatomia Tipográficaguest27bf18
 
Plau – Desenhando letras para logos, lettering e fontes.
Plau – Desenhando letras para logos, lettering e fontes.Plau – Desenhando letras para logos, lettering e fontes.
Plau – Desenhando letras para logos, lettering e fontes.Plau
 
Apostila desenho parte 1
Apostila desenho parte 1Apostila desenho parte 1
Apostila desenho parte 1arkanjomk
 
TIPOGRAFIA E PUBLICIDADE
TIPOGRAFIA E PUBLICIDADETIPOGRAFIA E PUBLICIDADE
TIPOGRAFIA E PUBLICIDADEpacobr
 
Identidade Visual do Programa Pensamento & Prosa
Identidade Visual do Programa Pensamento & ProsaIdentidade Visual do Programa Pensamento & Prosa
Identidade Visual do Programa Pensamento & ProsaThais
 
Produção Gráfica Aula 01 ementa produtor gráfico
Produção Gráfica Aula 01 ementa produtor gráficoProdução Gráfica Aula 01 ementa produtor gráfico
Produção Gráfica Aula 01 ementa produtor gráficoRenan Junior
 

Tendances (17)

Tg Aula3 2008
Tg Aula3 2008Tg Aula3 2008
Tg Aula3 2008
 
Aula 6 - Comunicação Gráfica e Design
Aula 6  - Comunicação Gráfica e DesignAula 6  - Comunicação Gráfica e Design
Aula 6 - Comunicação Gráfica e Design
 
Anatomia Tipográfica
Anatomia TipográficaAnatomia Tipográfica
Anatomia Tipográfica
 
Palestra tipografia fernanda mujica
Palestra tipografia   fernanda mujicaPalestra tipografia   fernanda mujica
Palestra tipografia fernanda mujica
 
Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.
 
Tipologia
TipologiaTipologia
Tipologia
 
Plau – Desenhando letras para logos, lettering e fontes.
Plau – Desenhando letras para logos, lettering e fontes.Plau – Desenhando letras para logos, lettering e fontes.
Plau – Desenhando letras para logos, lettering e fontes.
 
Tipografia aula
Tipografia aulaTipografia aula
Tipografia aula
 
TIPOGRAFIA
TIPOGRAFIATIPOGRAFIA
TIPOGRAFIA
 
Apostila desenho parte 1
Apostila desenho parte 1Apostila desenho parte 1
Apostila desenho parte 1
 
Que fonte devo usar
Que fonte devo usarQue fonte devo usar
Que fonte devo usar
 
TIPOGRAFIA E PUBLICIDADE
TIPOGRAFIA E PUBLICIDADETIPOGRAFIA E PUBLICIDADE
TIPOGRAFIA E PUBLICIDADE
 
Identidade Visual do Programa Pensamento & Prosa
Identidade Visual do Programa Pensamento & ProsaIdentidade Visual do Programa Pensamento & Prosa
Identidade Visual do Programa Pensamento & Prosa
 
2. Aula Tipografia
2. Aula Tipografia2. Aula Tipografia
2. Aula Tipografia
 
Tipografia Aula
Tipografia AulaTipografia Aula
Tipografia Aula
 
Produção Gráfica Aula 01 ementa produtor gráfico
Produção Gráfica Aula 01 ementa produtor gráficoProdução Gráfica Aula 01 ementa produtor gráfico
Produção Gráfica Aula 01 ementa produtor gráfico
 
Tipografia da Bauhaus
Tipografia da BauhausTipografia da Bauhaus
Tipografia da Bauhaus
 

Similaire à tipologiacores

Utilização de Fontes - Apresentações Digitais
Utilização de Fontes - Apresentações DigitaisUtilização de Fontes - Apresentações Digitais
Utilização de Fontes - Apresentações DigitaisGerson Victor
 
O que significa comunicacao gráfica visual
O que significa comunicacao gráfica visualO que significa comunicacao gráfica visual
O que significa comunicacao gráfica visualAndrea Castro
 
FAPEN-Tipografia.ppt
FAPEN-Tipografia.pptFAPEN-Tipografia.ppt
FAPEN-Tipografia.pptssuser1a0198
 
Aula - Direção e Finalização - Tipografia e Tipografia Digital
Aula - Direção e Finalização - Tipografia e Tipografia DigitalAula - Direção e Finalização - Tipografia e Tipografia Digital
Aula - Direção e Finalização - Tipografia e Tipografia DigitalGabriel Ferraciolli
 
Tipologia - Produção Gráfica 2019-02 - Aula 1
Tipologia - Produção Gráfica 2019-02 - Aula 1Tipologia - Produção Gráfica 2019-02 - Aula 1
Tipologia - Produção Gráfica 2019-02 - Aula 1Renato Melo
 
Glossário do design gráfico
Glossário do design gráficoGlossário do design gráfico
Glossário do design gráficoA Ideia Digital
 
Tipologia - Produção Gráfica - Aula 05 - 2020
Tipologia - Produção Gráfica - Aula 05 - 2020Tipologia - Produção Gráfica - Aula 05 - 2020
Tipologia - Produção Gráfica - Aula 05 - 2020Renato Melo
 
Tipologia - Produção Gráfica - Aula 01 - 2020-01
Tipologia - Produção Gráfica - Aula 01 - 2020-01Tipologia - Produção Gráfica - Aula 01 - 2020-01
Tipologia - Produção Gráfica - Aula 01 - 2020-01Renato Melo
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0Lo-Ammi Santos
 
Brand book one to one[
Brand book one to one[Brand book one to one[
Brand book one to one[Jenifer Mendes
 
3.comoseconstroiumlogotipo-.pdf
3.comoseconstroiumlogotipo-.pdf3.comoseconstroiumlogotipo-.pdf
3.comoseconstroiumlogotipo-.pdfJaninaSilva2
 

Similaire à tipologiacores (20)

Utilização de Fontes - Apresentações Digitais
Utilização de Fontes - Apresentações DigitaisUtilização de Fontes - Apresentações Digitais
Utilização de Fontes - Apresentações Digitais
 
O que significa comunicacao gráfica visual
O que significa comunicacao gráfica visualO que significa comunicacao gráfica visual
O que significa comunicacao gráfica visual
 
Princípios básicos
Princípios básicosPrincípios básicos
Princípios básicos
 
Tipografia
TipografiaTipografia
Tipografia
 
Introdução ao design gráfico
Introdução ao design gráficoIntrodução ao design gráfico
Introdução ao design gráfico
 
FAPEN-Tipografia.ppt
FAPEN-Tipografia.pptFAPEN-Tipografia.ppt
FAPEN-Tipografia.ppt
 
Aula - Direção e Finalização - Tipografia e Tipografia Digital
Aula - Direção e Finalização - Tipografia e Tipografia DigitalAula - Direção e Finalização - Tipografia e Tipografia Digital
Aula - Direção e Finalização - Tipografia e Tipografia Digital
 
Corel 05
Corel 05Corel 05
Corel 05
 
Corel 05
Corel 05Corel 05
Corel 05
 
Como se constroi_um_logotipo
Como se constroi_um_logotipoComo se constroi_um_logotipo
Como se constroi_um_logotipo
 
Tipologia - Produção Gráfica 2019-02 - Aula 1
Tipologia - Produção Gráfica 2019-02 - Aula 1Tipologia - Produção Gráfica 2019-02 - Aula 1
Tipologia - Produção Gráfica 2019-02 - Aula 1
 
Glossário do design gráfico
Glossário do design gráficoGlossário do design gráfico
Glossário do design gráfico
 
Tipologia - Produção Gráfica - Aula 05 - 2020
Tipologia - Produção Gráfica - Aula 05 - 2020Tipologia - Produção Gráfica - Aula 05 - 2020
Tipologia - Produção Gráfica - Aula 05 - 2020
 
Tipologia - Produção Gráfica - Aula 01 - 2020-01
Tipologia - Produção Gráfica - Aula 01 - 2020-01Tipologia - Produção Gráfica - Aula 01 - 2020-01
Tipologia - Produção Gráfica - Aula 01 - 2020-01
 
Dicas Construcao Apresentacoes 1 [1]
Dicas Construcao Apresentacoes 1 [1]Dicas Construcao Apresentacoes 1 [1]
Dicas Construcao Apresentacoes 1 [1]
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
Brand book one to one[
Brand book one to one[Brand book one to one[
Brand book one to one[
 
3.comoseconstroiumlogotipo-.pdf
3.comoseconstroiumlogotipo-.pdf3.comoseconstroiumlogotipo-.pdf
3.comoseconstroiumlogotipo-.pdf
 
Design
DesignDesign
Design
 
Como se constroi_um_logotipo
Como se constroi_um_logotipoComo se constroi_um_logotipo
Como se constroi_um_logotipo
 

tipologiacores

  • 1. Elementos do DESIGN As partes do todo
  • 2.
  • 3. Formato da Letra Gótica – imitam a escrita de época, utilizados na bíblia de Gutemberg. Romana – baseado nas escritas lapidárias, verticais e com serifa, variando a espessura. Cursiva ou itálica – ligeira inclinação para a direita, algumas imitam o manuscrito. Bastão ou grotesca – caracterizam-se por não possuir SERIFA . Fantasia – podem ter características das anteriores, possuem caráter artístico. Fontes para fins específicos como por exemplo uma família exclusiva para um logotipo.
  • 4. Formato da Serifa Elzevier – serifa triangular com leve curvatura em seus lados. Didot – serifa de traços finos. Egípcia – serifas retangulares e grossas. Bastão ou grotesca – caracterizam-se por não possuir SERIFA . Manuscrita – imitam a escrita manual. Fantasia – não se enquadram nas anteriores. Fontes distintas
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12. Elemento COR Cores – emoção humana
  • 13.
  • 14.
  • 15. Cores – Luz - combinação Combinação ADITIVA Combinação SUBTRATIVA mistura de luzes Vermelho - R Verde - G Azul - B mistura de pigmentos Magenta Amarelo Ciano
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 23. Psicologia das Cores http://www.mariaclaudiacortes.com
  • 24.
  • 25. Cor hexadecimal Modo de reconhecimento de cores pela linguagem HTML, composta por 16 caracteres (0,1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F) O mínimo de uma cor é #00 e o máximo é #FF (=255 em RGB). Ex: A cor branca equivale a #FFFFFF. A cor preta equivale a #000000.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31. Combinação de cores – metálicos e claros amarelo x azul Verde x branco
  • 32. Combinação de cores cinza x vermelho azul x cinza
  • 33. Combinação de cores cinza x preto preto x vermelho
  • 34. Combinação de cores amarelo x cinza x Laranja bege x branco Site de combinação de cores http://wellstyled.com/tools/ Hexadecimais http://www.colorschemer.com/online.html Combinações de usuários: http://www.colourlovers.com Sites por cores: http://pages.blueidea.com/
  • 35.
  • 36.
  • 37.
  • 38.
  • 39. Unidade Nestes objetos a unidade encerra em si mesma, ou seja, em um único elemento, o primeiro a lupa e o segundo a lâmpada. Nesta imagem podemos segregar as seguintes unidades principais: o céu, as arvores, o prédio, o teatro, o chão e a arquibancada. Cada unidade pode ser segregada em subunidades, como as nuvens do céu, o palco do teatro, as sacadas do edifício, os semicírculos do chão e outros.
  • 40. Segregação Nesta cena podemos observar a segregação das unidades principais: o carro, o solo, o céu e as montanhas. Para o veículo pode-se segregar as rodas, a porta, janelas, e outros. Pode-se repetir o processo sucessivamente até se esgotar a percepção das unidades visíveis ou considerá-las suficientes para uma leitura visual. Nesta cena podemos observar unidades segregadas por pontos, linhas, planos, volumes, sombras cores e outros, consubstanciadas pelos objetos do cenário urbano. Como unidades evidentes podemos destacar os prédios, carros, asfalto, calçadas e pedestres.
  • 41. Unificação O símbolo de ying-yang demonstra o fator de unificação pelo equilíbrio simétrico, com pesos visuais contrabalançados e distribuídos homogeneamente. Demonstra harmonia e contraste dos seus elementos tornando a figura mais expressiva. Nesta imagem a torre possui unificação pelos fatores de proximidade e semelhança, em função dos pesos visuais simetricamente contrabalançados e distribuídos homogeneamente. A harmonia da figura apresenta alto grau de ordenação. O contraste de verticalidade confere leveza e elevação à torre.
  • 42. Fechamento O fator de fechamento destas imagens dirigem-se para uma ordem espacial lógica. Existe aqui um fechamento apenas sensorial, integrando as partes. O fator de fechamento destas imagens dirigem-se para uma ordem espacial lógica. Existe aqui um fechamento apenas sensorial, integrando as partes. O fator de fechamento destas imagens dirigem-se para uma ordem espacial lógica. Existe aqui um fechamento apenas sensorial, integrando as partes.
  • 43. Continuidade A repetição ordenada de objetos é uma boa representação de como as unidades se organizam obtendo o efeito de continuidade. Estas estruturas aparecem como um todo, onde a configuração sinuosa passa a sensação de movimento em sintonia com a sua função de proteção valorizando o equilíbrio e a harmonia visual.
  • 44. Proximidade As teclas pretas estão em 2 unidades triplas e 2 unidades duplas intercaladas reforçando o fator proximidade. As brancas reforçam o equilíbrio e a harmonia do objeto como um todo Na carta os símbolos de espadas na área central estão em concordância com o fator proximidade e semelhança.Constituindo unidades dentro do todo.
  • 45. Semelhança Neste celular as teclas são segregadas por suas cores semelhantes tanto na parte superior formadas por duas teclas intermediadas pelo elemento circular, quanto pelas teclas de 1 a #, que proporcionam juntas uma boa unificação do objeto Estes peixes formam um agrupamento por possuir formas semelhantes mesmo que não sendo de mesmo tamanho, o que confere ao conjunto harmonia, ordem e equilíbrio visual.
  • 46. Pregnância da forma Este palácio (Taj Mahal) apresenta elevada pregnância devido a harmonia e equilíbrio visual e simetria. Sua leitura é rápida e imediata. Esta imagem possui baixa pregnância, pois, sua harmonia visual e perturbada por irregularidades e sobreposições de elementos. Exigindo um tempo maior para sua leitura.
  • 47. Harmonia(equilíbrio,ordem,regularidade) Nestas imagens, podemos observar fatores como continuidade, proximidade e semelhança, ordem e sobretudo equilíbrio simétrico com boa distribuição dos pesos visuais Os aviões formam o desenho de um triângulo pelo fator de fechamento, fica claro a harmonia pela ordem, através de sua organização no espaço. Esta parede apresenta um ordem regular pelo alinhamentos dos tijolos, favorecendo a uniformidade dos elementos que estão nivelados em termos de equilibro visual.
  • 50. Proporção Pelas dimensões da mão pode-se imaginar a escala do presente. A harmonia e bem ordenada e o contrastes entre o objeto e o fundo torna a composição atraente. É possível avaliar as dimensões do veículo e de suas partes pela referência da figura humana. Visualizamos o contraste pelos pesos de cores estabelecidos pelos tons de cinza em contrastes com as cores quentes e frias conferindo equilíbrio e clareza visual.
  • 51. Movimento Estas imagens o movimento é percebido pelos fatores de sentido, direção realçado pelas figuras estarem numa postura de flutuação conferindo as imagens forte expressividade.
  • 52. Simplicidade Nestas imagens, podemos observar o baixo numero de informações ou unidades visuais organizadas de forma a serem assimiladas , lidas e rapidamente compreendidas.
  • 53.
  • 54.
  • 55. Formas e suas funções
  • 56.