Posts Tagged ‘Cores’
Manipulando cores com o xColor
Posted on: setembro 8, 2010
O plugin xColor é uma maneira fácil de manipular cores em todas as combinações imagináveis. Este plugin implementa um analisador de cor e um conjunto extensivo de métodos de manipulação de cores. Há também uma extensão para animar as cores lisas em CSS.
Outro método útil é o isReadable () que completa o conjunto, permitindo-lhe verificar se um texto é de fácil leitura em algum fundo. O valor da cor também pode ser passada em modelos de diferentes cores: RGB, HSV / HSB, HSL e suas extensões alfa.
Mais informações no link: http://www.xarg.org/project/jquery-color-plugin-xcolor/
A importância da Cor no Design
Posted on: outubro 30, 2009
É óbvio que a cor é um atributo vital para um bom design, porém alguns aspectos mais específicos das cores devem ser muito bem analisados no design.
A cor é muitas vezes um aspecto subestimado no web design, mas que desempenha um papel importante tanto na usabilidade quanto no significado de uma marca ou no layout de um site, onde as diferentes combinações de cores podem provocar diversas emoções e reações.
O poder das cores do design é muito subjetivo, mas sempre importante para fixar certos aspectos do layout ou da marca na sua mente. Mudar as cores de um site sem qualquer estudo prévio pode trazer um efeito negativo para os usuários.
O contraste correto das cores é fundamental para manter os itens legíveis no site. Verifique sempre se há bastante contraste entre o texto e a cor de fundo ou suas imagens.
As cores podem ser usadas para orientar os usuários na direção que você pretende que eles sigam. Por exemplo, utilizando cores mais visíveis, como o vermelho ou laranja para links primários e azul ou verde para o secundário é uma boa maneira de aumentar a chance de um usuário seguir as ligações que você quer que eles sigam. Isso é conhecido como Call to Action.
Em relação ao uso das cores nas marcas, cada logomarca deve ter seus atributos, transmitindo seu significado próprio através do uso das cores. Por exemplo, uma empresa de brinquedos pode usar cores vivas e vibrantes enquanto um joalheiro provavelmente vai usar as cores mais elegante, como algo semelhante ao ouro ou prata.
Fique sempre atento as cores do seu design para causar a sensação correta nos usuários!
Criar sites com diferenciais estéticos que os tornem únicos e impressionantes é um grande desafio para todos webdesigners. Abaixo disponibilizo algumas dicas essenciais para ajudar os webdesigners a superarem este desafio e se diferenciarem no mercado.
Serão 2 posts com algumas dicas, nesta primeira parte vou falar das Cores Vivas e Brilhantes e dos Gradientes e Efeitos de Luz.
Cores vivas e brilhantes
Quanto utiliza cores vivas e brilhantes no layout do site, a primeira impressão visual que proporcionará ao usuário que o está acessando deverá ser a mais impactante possível, fazendo esta pessoa ter interesse em navegar e permanecer no site.
Mas tome cuidado, não abuse das cores, não é todo site que pode ser usado esse artifício demasiadamente. Sites destinados a eventos, público jovem ou sites mais casuais são perfeitos para isso. Analise sempre o público-alvo!
Prefira cores que mantenham um bom contraste com os outros aspectos visuais do site, como o texto por exemplo, pois se ele não estiver legível, de nada adiantará um layout bonito.
Gradientes e efeitos de luz
O uso de gradientes e efeitos de iluminação podem te ajudar a criar um maravilhoso background para o site ou um bonito cabeçalho para o mesmo. Quando pretender criar um fundo, experimente usar tom sobre tom no gradiente. Use um tom com uma tonalidade superior e o outro com uma inferior, dessa forma você consegue criar um fundo básico e já com algum efeito.
E para os momentos que forem criar um cabeçalho, experimente utilizar o gradiente misturando efeitos de iluminação. Essa simples dica pode lhe render um cabeçalho que se destaque no site. Inove, experimente, tente várias combinações para impressionar seu visitante!
Ferramentas para webdesigners
Posted on: agosto 5, 2009
A internet está cheia de recursos interessantes, mas muitas vezes difíceis de serem encontrados. Por isso é muito importante organizar suas ferramentas seja através de seus favoritos ou de sites de compartilhamento.
Listei aqui algumas ferramentas para webdesigners separadas por categorias. Façam bom proveito!
Tipografia:
- What the Font? – Envie uma imagem com a fonte para este site que ele identifica qual fonte está usando.
- BitfontMaker – Uma ferramenta que permite criar sua própria fonte online
- Typetester – Permite que você compare várias fontes simultâneamente para identificar qual será a melhor para seu projeto
Cores:
- ColourLovers – Crie e compartilhe sua paleta de cores
- Kuler – As mesmas funções do ColourLovers com um interface diferente
- ColorTools.net – Uma coleção de ferramentas de cores
Texturas:
- CG Textures – Uma coleção de texturas grátis
- Texture King – Outra boa coleção de texturas
Conteúdo:
- Lorem Ipsum generator – O tradicional Lorem Ipsum insere uma quantidade determinada de textos sem sentido para simular o conteúdo do site
E você, tem alguma ferramenta para webdesigner que gostaria de indicar? Comente abaixo!
WebDesign Infnet - O Blog do WebDesigner 