Fazer web design mais eficiente com mudcu.be livre ferramentas on-line

Se você já tentou sua mão em web design e você não é realmente um tipo artístico da pessoa, então você sabe que o não-programação parte real “design” da equação pode ficar um pouco desafiador.

Video: Primitive Technology: Stone Axe (celt)

Para algumas pessoas, como alguns membros da minha família que são muito barato para comprar software de criação de imagem, a dificuldade surge quando querem costurar-fazer logos ou fundos. Para alguns programadores, o problema surge quando é necessário código CSS, e eles não têm muito vir até a velocidade sobre os mais recentes padrões CSS.

Você pode passar muito tempo mantendo-se até a velocidade sobre as últimas tendências e padrões de web design. Com o advento de tantas ferramentas de web design WYSIWYG lá fora, criando sites está caindo mais no domínio da não-programadores que programadores estes dias. O problema com isso é que quando se trata de ajustar um projeto para fazer o que você realmente quer fazer, você tem que voltar para um programador, não há como fugir disto.

Felizmente, há uma abundância de recursos que podem ajudar antes que você tem que ir rastejando para um programador para obter ajuda. Aqui no MUO, nós amamos web design e cobrir o tema, muitas vezes, como Ann Firebug revisão, meu Kompozer revisão, ou lista de grande de Steve web design blogs para seguir.Guia do amador de personalizar Web Design com FireBugGuia do amador de personalizar Web Design com FireBugconsulte Mais informação

Um determinado site que fornece toda uma lista de ferramentas de web design realmente úteis que qualquer um pode usar é Mudcu.be.

Mudcu.be Web Design Ferramentas

Mudcu.be é o que eu chamaria de uma caixa de ferramentas de ferramentas básicas para um web designer trabalhando em um orçamento muito pequeno (ou nenhum orçamento). As ferramentas que você vai encontrar neste site estão muito focados em gráficos e projetar ou coordenar as cores do seu site. Em última análise, as cores são realmente o que pode fazer ou quebrar um projeto, assim que estas são ferramentas importantes para ter à mão.

Se você é uma daquelas pessoas que simplesmente não têm o dinheiro para colocar para baixo para a pintura de qualidade ou de criação de imagem de software, ou talvez você está viajando com um pequeno laptop ou netbook e você precisa de uma solução de edição de imagens baseada na web. Uma ferramenta em Mudcu.be que pode ajudar é o Sketchpad.

Video: Curso de CorelDRAW, X6,aula 9 ferramentas de desenho, mão livre

A ferramenta Apoiador vai deixar você praticamente fabricar qualquer imagem que você quer em uma ferramenta baseada na Web que não é ao contrário do Windows Paint. No entanto, depois de usar Apoiador por um tempo, eu realmente senti como se fosse muito mais fácil de usar e muito mais flexível do que o Windows Paint. Quando estiver pronto, basta clicar sobre a imagem de disco pouco no topo, e você pode salvar a imagem que você acabou de criar para o seu computador. É assim 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 cor. Estes são uma série de ferramentas paleta de cores que permitem ajustar com cuidado elementos de cor para avançar com o tom exato de qualquer cor que você precisa. Você ajustar o matiz, saturação e luminância, e ajustar os níveis de vermelho, verde e azul, e você pode escolher apenas a partir da caixa de cores semelhantes da direita se quiser. Quando estiver pronto, o código da cor da sombra que você criou está listada logo acima os controles deslizantes.

A série de ferramentas COLRD incluem aplicações web semelhantes à anterior. O menu “Criar” permite que você escolha a partir da ferramenta Cor acima, ou você pode ir com paleta, Gradiente, ou DNA Imagem.

As outras ferramentas são auto-explicativos, mas DNA de imagem é realmente vale a pena mencionar. Com esta ferramenta, você pode abrir qualquer imagem que você pode ter no seu computador e, em seguida, usar a ferramenta para identificar as cores dentro da foto.

A beleza de uma ferramenta como esta é que se você planeja usar certa imagens na sua página web, este aplicativo web permite identificar as cores que você pode usar na sua página web que irá combinar perfeitamente com as cores dominantes em sua foto. Isso pode ajudar web designers amadores superar o problema muito comum de cor colidindo em uma página web - transformando o que poderia ser um design decente em um site atroz.

Falando de sites atrozes, neste dia e idade, porque na terra que as pessoas ainda têm antecedentes desagradáveis ​​que parecem que veio direto da década de 1990? Depois de ter suas cores do site e imagens tudo resolvido com as ferramentas acima, você pode passar para o Gerador de fundo.

Esta aplicação web permite que você escolha a partir de uma longa lista de “texturas” para o seu fundo. Alguns deles podem parecer extravagante, se você não colocá-lo para fora da direita, mas muitas delas olhar realmente bom se você usar as seleções Gradiente para ajustar a tonalidade de cor para que fique bom com suas imagens e cores do site. Assim que estiver pronto, basta clicar no botão “Gerar CSS”, eo código CSS será gerado para você. Ela não fica muito mais fácil do que isso.

A ferramenta ainda vem com um recurso de “simulador”, onde você pode testar a fundo na sua página web antes de realmente implementá-lo. Aqui está o que parece que quando eu executar o simulador on Google.com.

Michael ama a cor, e nenhuma ferramenta mostra isso mais do que sua esfera colorida. A maneira como ele descreve-lo no site, a esfera cor é suposto deixá-lo “visualizar harmonias de cores” usando fórmulas que ele veio com. É realmente muito impressionante porque ele permite que você começa com uma certa seleção de cor, digamos vermelho - e, em seguida, ele quebra sua cor de escolha em um gradiente de outras cores que fluem em “harmonia”. Estas seriam as cores que você gostaria de ficar com no seu site para garantir que todas as cores funcionam bem juntos

Apenas brincando com a esfera colorida por um tempo, eu tenho que dizer que, embora eu não sei o que as fórmulas que ele usa, as opções de cores realmente funcionam bem juntos.

Outro dos aplicativos de Michael que vale a pena mencionar é realmente uma oferta Appspot chamado Daltonize. Esta é uma ferramenta realmente impressionante que lhe permite identificar o tipo de daltonismo que você tem, e depois usar essa seleção para habilitar seu navegador para exibir páginas da web para você em um formato que leva o seu daltonismo em conta.

Depois de instalar o marcador em seu navegador, seguindo as instruções, você verá um ícone de globo na barra de ferramentas (pelo menos no Chrome). Daltonize configurações permitem identificar as deficiências de visão de cores sempre que você abrir o navegador, e você também pode alterar a seleção do tipo de daltonismo a qualquer momento.

Aqui está o que a página resultante parece quando você usa o filtro de cor-cegueira. Se você não é daltônico, então a imagem abaixo irá mostrar o meu blog, que normalmente tem um tom de laranja para a cor lados cabeçalho e ícone, como uma cor roxa brilhante. Parece que ele também tingido algumas das imagens no site também. Muito impressionante ferramenta!

Esta não é uma lista de todas as ferramentas de design disponíveis em Mudcu.be, por isso, se a cor é o seu lugar, ou se você está procurando maneiras de incorporar melhor cor em seu web design, este site é uma visita obrigatória.

Você já lutam com cores em seus esforços web-design? Que ferramentas ou técnicas que você usa para coincidir com as coisas? Compartilhe seus pensamentos e idéias na seção de comentários abaixo!