1

Teoria da Cor para Designers, Parte 2: Noções básicas sobre e Terminologia

sábado, janeiro 22, 2011 | Author: #Design |


Se você vai usar a cor em seus projetos de forma eficaz, você precisa conhecer alguns conceitos de cor e teoria da cor terminologia. Um conhecimento profundo trabalho de conceitos como valor de croma, e a saturação é a chave para criar os seus próprios esquemas de cores impressionante. Na Parte 1: O significado da cor de nossa série de teoria da cor, que abrangeu os significados das cores diferentes.Aqui, nós falaremos sobre o básico do que afeta uma determinada cor, como a adição de cinza, branco ou preto à cor pura, e seu efeito sobre um projeto, com exemplos de curso.

Matiz

Matiz é o mais básico dos termos de cor e, basicamente, indica a cor de um objeto.Quando dizemos "azul", "verde" ou "vermelho", estamos falando de matiz. Os tons que você usa em seus projetos transmitir mensagens importantes para os visitantes do seu site. Leia a parte 1 deste artigo para o significado transportado por vários matizes.

Exemplos


Verde em suas formas mais puras é vista com menos frequência e por isso se destaca mais do que algumas outras cores.

A cor principal do fundo e alguns da tipografia no site Twitmas Feliz é vermelho brilhante.

vermelho puro é uma cor muito popular em Web design.

Usando uma série de tons puros juntos pode adicionar um olhar divertido e brincalhão com um projeto, como foi feito no cabeçalho e em outras partes deste site.

Chroma


Chroma refere-se a pureza de uma cor.
Uma tonalidade com chroma alta não tem preto, branco ou grisalho. Adicionando branco, preto ou cinza reduz sua chroma. É semelhante à saturação, mas não do mesmo jeito. Croma pode ser pensado como o brilho de uma cor em relação ao branco.

No projeto, evite usar cores que tenham um chroma muito semelhantes. Em vez de optar por tons de cromados que são os mesmos ou a poucos passos de distância uns dos outros.


Exemplos


Combinando alta saturação e baixa no mesmo tom pode fazer para um design sofisticado e elegante.


As diferenças de chroma pode fazer para um gradiente de visualmente agradável.

Outro site com um azul croma alto, embora inclua alguns matizes e tonalidades com cromados um pouco menor.

Cores com chroma muito alto são mais utilizados com moderação, como é feito aqui.

Outro site com um azul croma alto, embora inclua alguns matizes e tonalidades com cromados um pouco menor.

Saturação

A saturação refere-se à uma tonalidade aparece sob condições de iluminação especial. Pense em termos de saturação versus forte ou pálido versus puro tons fracos.

No design, as cores com semelhantes níveis de saturação, tornar mais coesa projetos para o futuro. Tal como acontece com chroma, cores com saturações semelhantes mas não idênticas podem ter um efeito irritante sobre os visitantes.

Exemplos

Um excelente exemplo de como usar uma cor com alta saturação de encontro a um fundo com baixa saturação pode fazer o primeiro realmente se destaca.

Matizes com menores níveis de saturação não são necessariamente mais leves, como mostrado aqui.

Matizes com menores níveis de saturação não são necessariamente mais leves, como mostrado aqui.

Os níveis de saturação de muitas cores diferentes usadas aqui são semelhantes, acrescentando um sentido de unidade ao projeto global

Exemplo de como as cores baixa saturação fazer cores de saturação nas proximidades alto realmente se destaca.

Valor

Valor também pode ser chamado de "leveza". Refere-se à forma como a luz ou escuro é uma cor. Isqueiro cores têm valores mais elevados. Por exemplo, a laranja tem um valor superior ao azul marinho ou roxo escuro. Preto tem o menor valor de qualquer matiz, e branco o mais elevado.

Ao aplicar os valores de cores para seus designs, cores favor com valores diferentes, especialmente aqueles com alta croma. alto contraste valores geralmente resultam em mais esteticamente agradável projetos.

Exemplos

O olho humano pode pegar diferenças de valor, mesmo entre esses tons semelhantes.

A combinação de cores com valores semelhantes faz para um fundo energético e animado (o que é reforçado pelo projeto em si).

O alto valor do amarelo usado aqui realmente se destaca contra o menor valor em preto e cinza.

Este site combina tons de azul com dois valores diferentes. Como os valores diferentes têm contraste suficiente, a aparência geral é visualmente atraente.

O vermelho tem aqui um valor menor do que o azul-claro, que em si tem um valor inferior ao branco.

Tons

Tons de cinza são criados quando é adicionado a uma tonalidade. Os tons são geralmente mais maçante ou mais suave de tons puros.

Os tons são mais fáceis de usar nos projetos. Tons de cinza mais pode dar uma certa sensação vintage para websites. Dependendo do matiz, que também pode adicionar uma aparência sofisticada e elegante.

Exemplos

Este site combina com azul em uma variedade de sons, tons e matizes.

Tons pode dar uma aparência sofisticada sites ao adicionar algum dom antigos e clássicos.

Um ótimo exemplo de como uma cor pura pode realmente se destaca contra um fundo de tons.

Algumas cores que podemos considerar cinza são realmente tons de outras cores. Neste caso, o fundo é um tom de azul, mas com um monte de cinza acrescentou.

Tons pode ser intensificada pela adição de cinza em torno deles, como é feito aqui.

Os tons usados no projeto de navegação e de fundo aqui dar a este site um vintage, feitos à mão, sentir.

Máscaras

A sombra é criada quando o preto é adicionado a uma cor, tornando-o mais escuro.A palavra é muitas vezes usado incorretamente para descrever matiz ou tom, mas a sombra só se aplica aos tons mais escuros feita pela adição de preto.
No projeto, tons muito escuros às vezes são usados em vez de preto e pode servir como neutros. A combinação de cores com tonalidades é melhor evitar muito escura e pesada uma olhada.

Exemplos

Uma combinação eficaz de tons e matizes, sobretudo no cabeçalho.


site Jonathan Moore tem uma variedade de diferentes tons de roxo no fundo (e um par de tons em outras partes).

Outro projeto do fundo que tenha tons (e um matizes poucos) em um gradiente de textura.

A combinação de tons dentro de texturas acrescenta interesse a este site.

Usando diferentes tons em conjunto funciona bem, desde que suficiente contraste entre elas é mantida.

Tons

A tonalidade branca é formada quando é adicionado a uma tonalidade, iluminá-lo.Muito matizes de luz são chamados pastéis, mas de qualquer cor com o branco puro adicionado a ele é uma tonalidade.

As tonalidades são geralmente usados para criar modelos femininos ou isqueiro. tons pastel são especialmente utilizadas para fazer desenhos mais femininos. Eles também funcionam bem em modelos vintage e são populares em sites voltados para os pais de bebês e crianças.

Exemplos

website Caio Fernando Henrique Cardoso tem uma variedade de tons verdes no fundo e em outros elementos.

Tons de azul são populares para os motivos do céu e da natureza.

A tonalidade azul em Fernando de silanos site cria uma aparência suave e sofisticado.

Tons combinados para fazer um gradiente sofisticados.

As tonalidades também são muito populares em projetos baseados em aquarela.

Conclusão

você não tem que se lembrar de todos essas técnicas, você deve estar familiarizado com os conceitos atuais, especialmente se você quiser dominar a parte 3 desta série (em que criamos nossos próprios esquemas de cores). Para o efeito, aqui vai uma cábula para refrescar sua memória:

  • Matiz é a cor (azul, verde, vermelho, etc.)
  • Chroma é a pureza de uma cor (um chroma alta não tem acrescentado preto, branco ou cinza).
  • A saturação refere-se a quão forte ou fraco é uma cor (alta saturação ser forte).
  • Valor refere-se a forma como a luz ou escuro é uma cor (luz de alto valor).
  • Os tons são criados pela adição de cinza a uma cor, tornando-o mais maçante do que o original.
  • As máscaras são criadas adicionando preto a uma cor, tornando-o mais escuro que o original.
  • As tonalidades são criadas adicionando branco a uma cor, tornando-o mais leve que o original.


1 comentários:

  1. Boa tarde,
    preciso de um designer grafico,como faço para falar consigo?

    obrigada