olá,

eu sou o Sherlon, e tb faço parte desse time de blogueiros q está assumindo o blog do AcessaSP, como a Mariana disse no post anterior. Trabalho aqui no projeto AcessaSP, sou webdesigner da Escola do Futuro e também do Acessa.

E hj estou aqui justamente para falar sobre esse assunto, “Webdesign” e também sobre algumas outras coisas que fazer parte desse universo, como usabilidade, acessibilidade, feeds, css, javascript, ajax, e… nossa, até eu já me perdi com esses nomes.

Mas vamos começar com calma, hoje vou falar um pouco sobre cor, ou melhor contraste, afinal de contas uma cor não é muita coisa sozinha.


Imagina essa tela branca sem o preto do texto por cima? não causaria mto impacto, né. Ou então com um texto bem claro, “amarelo”, “cinza clarinho”, vc nem deve ter conseguido ler o “amarelo” OU “cinza claro” a cima.

Pois é, na hora de escrever seu texto, mesmo q vc vá usar somente uma cor, leve em conta a cor do suporte usado (papel, tela do comp). E nessa hora, alguns esquematizadores de cores online vão ajudar a montar o melhor contraste, alguns desses ajudam até com o melhor peso para cada cor usada (se a cor é a predominante ou se é só para detalhes).

Alguns links para ajudar com as cores:

http://wellstyled.com/tools/colorscheme/index-en.html
http://wellstyled.com/tools/colorscheme2/index-en.html (nova versão, melhorou o layout, mas perdeu algumas funções)
http://www.studiosol.com.br/esquema-de-cores/ (versão em português do mm de cima)

http://meyerweb.com/eric/tools/color-blend/ (vc escolhe a 1a e a última cor e ele gera até 10 tons entre essas cores)

http://www.worqx.com/color/palette.htm (7 cores para montar um esquema com pesos para as cores)

Até o próximo post, onde falaremos mais de cores e contrastes, ou algum outro assunto ligado a design do seu interesse.

Bjos e abcs

Compartilhe!

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current month ye@r day *