it-swarm-pt.tech

Colmatar a lacuna entre paletas de cores e CSS

Estou familiarizado com sites como kuler , sou versado em HTML/CSS/JavaScript (como programador) e sei que tipo de conteúdo quero no meu site. Eu posso descobrir como organizar meu conteúdo decentemente bem. Mas a parte mais difícil para mim é descobrir qual a cor de cada coisa (por exemplo, links, texto, plano de fundo e outros elementos). Eu sou péssima em cores!

Por exemplo, quando você coloca o kuler no modo Tríade e escolhe uma cor, ele mostra a cor e dois pares de cores complementares, para que as cores fiquem em negrito, mas ainda funcionem juntas. Mas eu vou tentar colocá-los em uma página, uma cor para segundo plano, uma cor para links e uma cor para texto, não funciona. Obviamente, estou fazendo tudo errado!

Qual é a melhor maneira de descobrir quais cores criar um site? Eu sou absolutamente péssima em cores, e achei que o kuler ajudaria, mas não é tão fácil! Por favor, ajude-me a "preencher a lacuna" entre o kuler e o CSS para que eu possa escolher rápida e facilmente uma paleta de cores e aplicá-la ao meu site.

9
Ricket

Parece que você está tentando colocar cores em cores (por exemplo, texto em vermelho sobre fundo verde). Isso é muito difícil para os olhos!

Procure uma mistura de cores e cinza (branco e preto são 'cinzas' aqui) - por exemplo, se você precisar de texto colorido, coloque-o em um fundo branco ou preto. Se você quiser um plano de fundo colorido, faça-o apenas de cores claras e use texto branco ou preto sobre ele.

Com cores, menos é mais. Se você for extravagante, acaba no MySpace e com dores de cabeça incapacitantes. Use cores para acentuar, não como o conteúdo. Comece com um design em preto e branco e tente adicionar um elemento de cor. Veja como isso se parece. Depois adicione outro. Demais? Retire-o novamente. Tente um elemento diferente.

Veja como os sites que você gosta usam cores. Por exemplo, esta página é principalmente em preto e branco, com alguns azuis (links, tags, barra de cabeçalho) e alguns amarelos (opostos ao azul, usados ​​com moderação). uma cor de destaque). Essa é uma abordagem comum hoje.

5
Alex Feinman

Descubra qual emoção você deseja que o usuário experimente. Fazendo um site para um lugar servindo café? Tente definir o clima com cores. Você precisa saber sobre quais cores associam quais emoções.

Então, que emoção você está tentando dar ao visitante?

4
Tor Løvskogen Bollingmo

Eu achei este site uma introdução muito útil à teoria das cores: TigerColor - Introdução à teoria das cores

Lembre-se de que há muito mais para escolher cores do que apenas os matizes. Você também deve considerar a leveza e a saturação.

3
Daniel X Moore

Digamos apenas que as cores da tríade não devem exatamente "trabalhar bem juntas" - mais frequentemente são as três cores que chamam a atenção dos espectadores. As paletas de cores com base na tríade funcionam bem se as cores da paleta são apenas pontos no campo simples de neutros ou se uma cor domina e outras duas são usadas como acentos.

1
Mariusz Ciesla

Quando você aprende programação, você (provavelmente) não entrou em cena e escreveu uma arquitetura de três camadas do zero como seu primeiro programa. Você provavelmente escreveu pequenos programas que apenas ajudam a ensinar sobre um pequeno aspecto da programação.

O mesmo se aplica ao design. Entrar e criar um design impressionante e complexo imediatamente não funcionará.

Como um não designer para começar, você precisa mantê-lo o mais simples possível. É preciso muita habilidade para criar um site bonito que não tenha fundo branco (ou ligeiramente esbranquiçado). Tenha um fundo branco liso com texto em preto e use as três cores para os detalhes menores - links, cabeçalho e texto em negrito e talvez o cabeçalho.

Quando o design simples parecer nítido, concentre-se no conteúdo. Quando tudo estiver bem, você terá uma boa base para experimentar o design. Depois, traga um toque de designer mais devagar e um pouco de cada vez, para que você possa aprender os efeitos de mudanças sutis. Pense nisso como educação.

1
Mongus Pong

Pegue alguns lápis de cera, lápis de cor, etc ... e experimente. Indo diretamente da tríade no Kuler (ou em qualquer um dos geradores de cores populares) para o CSS pode ser um erro/acerto, dependendo das cores.

Fique com algumas 2-3 cores em primeiro lugar. A teoria das cores é semelhante à tipografia, pois há muitas opções disponíveis, mas os melhores designs geralmente usam muito poucas cores bem escolhidas.

Além disso, considere neutros (ou tons neutros) para grandes extensões, como plano de fundo, e cores mais impressionantes para itens como links, logotipos etc.

Além disso, confira ColourLovers para obter ótimas idéias (ou, melhor ainda, participar da comunidade!).

1
Christopher Scott

Eu sempre trabalho pelo exemplo. O post Guia para Iniciantes no Uso do Poder das Cores no Web Design combina a Teoria das Cores que o @Daniel X More fala sobre com sites que aplicam a teoria das cores em questão.

Em seguida, você pode combinar um dos sites com o conteúdo que você possui e fazer engenharia reversa da harmonia de cores a partir daí como ponto de partida.

1
icc97