Image Image Image Image Image
Scroll to Top

Topo

cores

20

abr
2012

Sem Comentários

Em Blog
Código
Wordpress

Por Allison

Como Escolher as Melhores Cores para o Blog?

Em 20, abr 2012 | Sem Comentários | Em Blog, Código, Wordpress | Por Allison

Fonte: CriarSites

Este é um guest post que foi escrito por Vinicius Horta do blog Dinheiro Web.

O Blog é formado por um conjunto, não adianta ter o melhor conteúdo se o layout é desagradável, boa parte do que pode tornar um layout simplesmente insuportável é uma má escolha de cores na hora de customizar seu theme wordpress.

Sempre vale lembrar aquelas velhas dicas de evitar cores muito fortes e/ou excessivamente contrastantes (principalmente próximo ao texto), evitar uma diversidade de cores muito grande também é bom, ajuda a manter o layout mais clean.

Entre diversos ótimos themes que já observei na web algo que encontre como fator em comum é ter uma única cor predominante além do branco que é trabalhada em suas tonalidades assim compondo o theme. Um ótimo exemplo disto pode ser visto aqui mesmo no theme do Criar Sites, que possui basicamente apenas 3 cores (branco, amarelo e cinza), assim se tornando um blog de leitura agradável, não cansa a vista e não nos confunde com muitas cores.

Como escolher uma Boa combinação de cores?

É natural vermos ótimas combinações, porém saber que combinação ficará agradável é que fica realmente difícil sem ter ferramentas que possam ajudar nesta tarefa, mas existem ótimas soluções online para isso!

Uma ótima ferramenta online gratuita para escolher um padrão de cores é o Color Blender, com ele poderá inserir a cor principal que deseja para seu theme. Para que tenha uma melhor noção de como esta ferramenta funciona peguei a cor principal aqui do Criar Sites, onde a cor predominante é o amarelo da barra superior de navegação e vejam as cores oferecidas pelo Color Blender:

Os números e símbolos em vermelho eu que editei para poder fazer alguns comentários explicando o quanto esta ferramenta pode ser útil.

1 – A cor inserida por mim para uso do Color Blender.

O site me sugeriu 5 cores que combinam com esta cor inicial, repare que a cor marcada como cor número 2 está sendo utilizada como backgruond aqui no Criar Sites!

A cor número 3 se por acaso ainda está procurando se encontra nos links! Como pode ver um blog de sucesso como o Criar Sites não se faz apenas de ótimos artigos, mas também de outros recursos que também são importantes. Não sei se Celso Lemes utilizou esta, outra ferramenta ou se utilizou sua experiência, o fato é que acertou na mosca!

Até mesmo as variações da cor principal irá encontrar no blog se olhar atentamente, fazendo este post observei com cuidado cada uma das cores, e encontrei todas as cores sendo utilizadas com perfeição!

Como Fazer a Alteração de cores de seu Theme WordPress

Alterar as cores em seu theme é bem simples, basta que abra o arquivo style.css em um editor (até o bloco de notas serve), mas recomendo o notepad++ que possui funções bem interessantes e certamente poderá ajudar no processo.

Vamos partir do princípio de que seu objetivo seja alterar a cor daquela pequena linha que separa um post do próximo no expert de seu theme, aquela cor não lhe agrada e deseja mudar, ok! Com seu style.css aberto encontre as referência a seu excerpt (ctrl + F ajudará muito), encontrará algo mais ou menos como isso:

excerpt {

margin:0 0 25px 0;

position:relative;

padding:10px 0 20px 0;

height:100%;

border-bottom:1px solid #cfcfcf;

overflow:hidden;

}


Como pode ver há um código hexadecimal de cor para linha, que neste caso é “#cfcfcf”, que poderá ser trocada por qualquer outra cor que desejar, tanto uma cor que obteve no Color Blender como também de qualquer cor, que pode inclusive ser facilmente consultada na tabela de cores do Dreamweaver, que é uma tabela que possui tanto os códigos Java (RGB) como também os HTML, para o CSS utiliza-se o hexadecimal que é o HTML e pode ser facilmente consultado.

O mesmo processo deve ser feito com todas as cores que pretende alterar em seu blog, se por acaso não encontrar a cor de um elemento em seu style.css certifique-se de que seu theme não possui outros arquivos css (o que é bastante frequente).

Tags | , , ,

14

mar
2012

Sem Comentários

Em Blog
Design

Por Allison

Como escolher as cores para seu site?

Em 14, mar 2012 | Sem Comentários | Em Blog, Design | Por Allison

Este é um guest post escrito por Thiago Rodrigues do blog Tudo Criativo.

Fonte: Celso Lemes/CriarSites

Você pode até não ligar, mas o esquema de cores que você escolher para o seu site é uma das decisões mais importantes que você terá que fazer.

A cor é importante porque afeta não só a sua mente, mas seu corpo também.

Por exemplo: estudos têm demonstrado que a cor vermelha pode estimular os seus sentidos, e até mesmo aumentar a sua pressão arterial. Casinos têm sido conhecidos por usar luzes de néon vermelhas porque foi dito que as pessoas jogam mais, enquanto sob o brilho de uma luz vermelha. Por outro lado, azul tende a ter o efeito oposto; Tem sido demonstrado para acalmar a mente, e relaxar o corpo.

Associação das Cores / Sentimento / Significado

Tenha em mente que essas associações não são definitivas. Experiências passadas, criação e cultura também podem alterar a forma como uma pessoa reage a uma determinada cor.

Preto: inteligência, autoridade, poder, força, estabilidade, mistério, segredo, mal, escuro, deprimente, luto;

Branco: limpo, puro, inocente, simples, neutro, chato;

Vermelho: Fogo, quente, calor, amor, paixão, entusiasmo, impulso, aventura, ação, perigo;

Azul: água, fresco, confiança, seriedade, sucesso, tranquilidade, energia, profissionalismo;

Verde: terra, grama, natureza, vida, saúde, dinheiro, lucro, paz;

Laranja: criatividade, conforto, diversão, juventude, velocidade, felicidade, perigo, alerta;

Roxo: negócios, fé, justiça, luxo, fantasia, desejo;

Amarelo: curiosidade, alegria, brincadeira, cautela;

Rosa: suavidade, doçura, amor, inocência, jovialidade, ternura.

É importante notar como as cores podem evocar emoções de ambas as extremidades, por vezes completamente opostas entre si. Por exemplo, a cor preta pode evocar emoções de poder e força, mas também pode representar o mal e a depressão. A cor laranja pode sinalizar conforto e diversão, ou do perigo e de alerta.

Como escolher as cores?

Ao escolher as cores para o seu site há muitas coisas a ter em consideração que não seja apenas a psicologia das cores:

Cores existentes: Se sua empresa já usa as cores certas, então você deve incorporá-los no site. Isso ajuda com o seu reconhecimento da marca.

Tipo de site: O tipo de site que você está criando irá influenciar fortemente na escolha das cores. Se você estiver fazendo um site para uma empresa de agricultora, então você certamente vai querer considerar tons terrosos que transmitem a ideia de natureza, e sendo natural. Verdes, azuis e marrons são escolhas perfeitas. De negócios – ou “institucionais” – sites tendem a usar azul, branco e verde para sinalizar poder, confiança, ou dinheiro.

Público-alvo: O público alvo também deve desempenhar um papel importante na seleção de cores. As pessoas mais jovens tendem a gostar de laranja, vermelho e outras cores vibrantes, enquanto os idosos, ou aqueles com problemas de visão, provavelmente vão apreciar uma paleta de cores mais neutras de branco, cinza e preto.

Combinando as cores

É importante que as cores que você escolher, trabalhem bem juntas. Usando uma combinação de cor errada, você pode transformar o seu site impossível de navegar, de ler os textos. ou pior, pode causar ao usuário um desconforto e o forçar a fechar a página imediatamente.

Uma das principais coisas a observar é a cor do texto. Você tem que ter certeza de que ele contrasta (destaca) a partir da cor de fundo. Se os usuários não podem ver o seu texto, eles não poderão lê-lo!

Dica: Para você levar um esquema de cores para o site de um cliente, ou para o seu site mesmo, comece com cinco cores: três cores “de base”, que estão relacionadas (cores que são semelhantes, ou que não muito contraste entre si), e em seguida, duas cores para usar como “destaque” que tenham contraste com as cores de base. Estas cinco cores são o ponto de partida. Você pode ajustar o brilho, matiz ou saturação de uma cor (pense verde musgo vs verde neon) para encontrar a combinação perfeita que trabalha para o seu site.

Bem, mas de qualquer forma o que vale é a criatividade e a responsabilidade. Não tenha medo de pensar fora do comum! Não existem regras que dizem que o seu site corporativo tem que ser azul marinho ou branco austero, simples e chato. Com experiência e prática, quase qualquer combinação de cores podem ser usadas em conjunto.

Tags | ,