Se você já tentou sua mão em web design e não é realmente um tipo artístico de pessoa, então sabe que a parte “designada” não-programadora da equação pode ser um pouco desafiadora.
Para algumas pessoas, como certos membros da minha família que são muito baratos para comprar software de criação de imagens, a dificuldade surge quando eles querem fazer logotipos ou fundos sob medida. Para alguns programadores, o problema surge quando o código CSS é necessário, e eles ainda não se adaptam aos padrões CSS mais recentes.
Você pode gastar muito tempo mantendo-se atualizado sobre as últimas tendências e padrões de design da Web. Com o advento de tantas ferramentas de web design WYSIWYG por aí, a criação de sites está caindo mais no domínio de não-programadores do que os programadores atualmente. O problema é que, quando se trata de ajustar um design para fazer o que você realmente quer, é preciso voltar a um programador, não há como fugir disso.
Felizmente, há muitos recursos que podem ajudar antes que você tenha que ir até um programador para obter ajuda. Aqui no MUO, nós amamos o web design e abordamos o tema com frequência, como o guia de personalização do FireBug para personalizar o design do site com o FireBug Read More, minha revisão do Kompozer ou a lista do Steve de ótimos blogs de web design a seguir 6 Melhores Blogs de Design Web para seguir 6 Melhores Blogs de Design Web para seguir Leia mais.
Um site específico que fornece uma lista completa de ferramentas de web design realmente úteis que qualquer um pode usar é o Mudcu.be.
Ferramentas de Design Web de Mudcu.be
O Mudcu.be é o que eu chamaria de uma caixa de ferramentas de ferramentas básicas para um web designer trabalhando com um orçamento muito pequeno (ou sem orçamento). As ferramentas que você encontrará neste site são muito focadas em gráficos e na criação ou coordenação das cores do seu site. Em última análise, as cores são realmente o que pode fazer ou quebrar um design, portanto, essas são ferramentas importantes para serem úteis.
Se você é uma daquelas pessoas que simplesmente não tem dinheiro para comprar tinta de qualidade ou software de criação de imagem, ou talvez você esteja viajando com um pequeno laptop ou netbook e precisa de uma solução de edição de imagens baseada na web. Uma ferramenta no Mudcu.be que pode ajudar é o Sketchpad.
A ferramenta Sketchpad permite fabricar qualquer imagem desejada em uma ferramenta baseada na Web que não seja diferente do Windows Paint. No entanto, depois de usar o Sketchpad por um tempo, eu realmente senti que é muito mais fácil de usar e muito mais flexível do que o Windows Paint. Quando terminar, basta clicar na pequena imagem de disco na parte superior e salvar a imagem que acabou de criar no seu computador. É tão fácil.
Agora, na minha opinião, as ferramentas mais legais que Michael Deal oferece em seu site são a seleção COLRD de ferramentas de gradiente de cores. Trata-se de uma série de ferramentas de paleta de cores que permitem ajustar com cuidado os elementos de cores para obter o tom exato da cor que você precisa. Você ajusta a matiz, saturação e luminância, e ajusta os níveis de vermelho, verde e azul, e você pode escolher da caixa de cores semelhantes à direita, se quiser. Quando estiver pronto, o código de cores da sombra que você criou é listado logo acima dos controles deslizantes.
A série de ferramentas do COLRD inclui aplicativos da Web semelhantes ao acima. O menu "Criar" permite que você escolha a partir da ferramenta Cor acima, ou você pode escolher Paleta, Gradiente ou Imagem do DNA.
As outras ferramentas são auto-explicativas, mas o DNA da imagem é realmente digno de nota. Com esta ferramenta, você pode abrir qualquer imagem que possa ter no seu computador e, em seguida, usar a ferramenta para identificar as cores da foto.
A beleza de uma ferramenta como essa é que, se você planeja usar determinadas imagens em sua página da Web, esse aplicativo da Web permite identificar as cores que você pode usar em sua página da Web que combinam perfeitamente com as cores dominantes em sua foto. Isso pode ajudar os web designers amadores a superar o problema muito comum de colisão de cores em uma página da web - transformando o que poderia ser um design decente em um site atroz.
Falando de sites atrozes, hoje em dia, por que as pessoas ainda têm fundos desagradáveis que parecem ter saído diretamente dos anos 90? Depois de ter as cores e imagens do seu site, todas ordenadas com as ferramentas acima, você pode passar para o Gerador de Fundo.
Este aplicativo da web permitirá que você escolha uma longa lista de "texturas" para seu plano de fundo. Alguns deles podem parecer extravagantes se você não definir corretamente, mas muitos deles parecem muito bons se você usar as seleções de Gradiente para ajustar a cor para que fique bem com as imagens e as cores do site. Quando terminar, basta clicar no botão "Gerar CSS" e o código CSS será gerado para você. Não fica muito mais fácil do que isso.
A ferramenta ainda vem com um recurso de "simulador", onde você pode testar o plano de fundo em sua página da web antes de implementá-lo. Aqui está o que parece quando eu executo o simulador no Google.com.
Michael adora cor e nenhuma ferramenta mostra isso mais do que sua Esfera Colorida. Do jeito que ele descreve no site, a esfera de cores deve permitir que você "visualize as harmonias de cores" usando fórmulas que ele criou. Na verdade, é bastante impressionante porque permite que você comece com uma certa seleção de cores, digamos vermelho - e, em seguida, divide sua cor de escolha em um gradiente de outras cores que fluem em “harmonia”. Estas seriam as cores que você gostaria de manter em seu site para garantir que todas as cores funcionem bem juntas
Apenas brincando com o Color Sphere por um tempo, eu tenho que dizer que, embora eu não saiba que fórmulas ele usa, as opções de cores realmente funcionam bem juntas.
Outro dos aplicativos de Michael que vale a pena mencionar é na verdade uma oferta do Appspot chamada Daltonize. Esta é uma ferramenta realmente impressionante que permite identificar o tipo de daltonismo que você tem, e depois usar essa seleção para permitir que o seu navegador exiba páginas da Web para você em um formato que leve em conta o seu daltonismo.
Depois de instalar o marcador no seu navegador, seguindo as instruções, você verá um ícone de globo na sua barra de ferramentas (pelo menos no Chrome). As configurações de Daltonize permitem identificar as deficiências de visão de cores sempre que você abre o navegador, e também pode alterar a seleção do tipo de daltonismo a qualquer momento.
Aqui está a aparência da página resultante quando você usa o filtro de daltonismo. Se você não for daltônico, a imagem abaixo mostrará o meu blog, que normalmente tem um tom de laranja para os lados do cabeçalho e a cor do ícone, como uma cor roxa brilhante. Parece que também matizou algumas das imagens no site. Ferramenta muito impressionante!
Esta não é uma lista de todas as ferramentas de design disponíveis no Mudcu.be, por isso, se a cor é sua coisa, ou se você está procurando maneiras de incorporar melhor cor em seu design web, este site é uma visita obrigatória.
Você já lutou com cores em seus esforços de web design? Quais ferramentas ou técnicas você usa para combinar as coisas? Compartilhe seus pensamentos e insights na seção de comentários abaixo!
Crédito de imagem: web design Via Shutterstock