Ultimamente tenho “investido” muito tempo explorando aplicativos que rodam diretamente no navegador. A maioria deles, como podemos imaginar, tem pouca ou nehuma utilidade na vida real. Por isso quando encontrei o Firebird, achei que merecia um post.
A interface é semelhante a do Photoshop. Janelas de ajuste e seleção de ferramentas, camadas independentes, etc. Clicando na seta maior, à direita, ele começa a gerar imagens randômicas, semelhantes às texturas com imagens vetorizadas que estão na moda.
Às vezes pode demorar um pouco para chegar numa imagem decente, mas temos que dar um desconto, afinal, elas são geradas por um algoritmo. A imagem que ilustra esse texto foi gerada lá. Para chegar nela, precisei de uns 5 ou 6 clics. No final, você ainda pode ajustar cada elemento independentemente e salvar o resultado final em .JPEG ou .AI (Adobe Ilustrator) para continuar trabalhando a composição no seu PC.
Ótimo para quem , assim como eu, às vezes “trava” na hora de criar imagens de fundo e texturas.
Tá com preguiça de criar texturas, florais e outras firulas para completar seu layout?
No FreeVectors você encontra uma lista gigante;
E no Web Design Blog você encontra 13 sets com centenas de imagens vetorizadas.
Tudo free, vai lá.
P.S.: Semana passada o blog completou 1 mês e já conta com alguns assinantes do feed, alguns acessos diários, mas praticamente nenhum comentário. A PERGUNTA É: que tipo de conteúdo vocês gostariam de ver por aqui? Tutoriais de algum assunto específico? Textos mais teóricos sobre ergonomia, usabilidade, cores? Apenas links para coisas (in)úteis? Ou quem sabe eu devo começar uma abordagem mais polêmica sobre as coisas do design, num estilo meio porra loca igual ao “Cardoso“?
Mesmo se você estiver lendo pelo feed, dê uma passada aqui para deixar sua opinião. Ela é importante para mim. =)
Um contraste razoável entre cor de texto e fundo é fundamental para proporcionar o conforto mínimo necessário aos leitores de qualquer peça gráfica. Na produção para web, onde geralmente se publicam textos mais longos, esse cuidado se torna ainda mais importante : crie uma pequena dificuldade na leitura e perca muitos leitores/consumidores potenciais em questão de segundos.
Mas como saber com algum grau de precisão se o esquema de cores que você pretende utilizar para uma peça possui contraste suficiente? Existem alguns medidores de contraste, em versões desktop e online. Deles, o que me pareceu mais amigável, simples e direto foi o Snook Colour Contrast Check.
Ele utiliza como base um coeficiente de brilho (que deve ser maior ou igual a 125) e um coeficiente de diferença de cor (que deve ser maior ou igual a 500). Basta alterar na paleta as cores de texto e fundo e verificar se a combinação é boa, mais ou menos ou ruim.
Além dele, existem outros, como:
- Gez Lemon’s Colour Contrast Analyser ;
- Colour Contrast Visualiser ;
- Colour Contrast Analyser Firefox Extension ;
- CSS Analyser;
- Luminosity Contrast Ratio Analyser;
- Vischeck ;
- Graybit;
- Sim Daltonism;
Descoberto no 456 Berea Street.
Uma das etapas mais importantes da criação de layouts (especialmente para web) é a escolha da iconografia. O ideal seria criar uma família de ícones exclusivos para cada projeto, ajudando a compor a identidade visual do site, com traços personalizados, etc., mas… nem sempre o cliente está disposto a pagar a mais por esse trabalho.
Por isso, me acostumei a pesquisar em sites que vendem ícones e, após escolher a família ideal, baixar a imagem de demonstração e vetorizar cada um na mão mesmo.
Isso até semana passada, quando descobri um serviço de busca de ícones.
Simples e objetivo, basta digitar a função do ícone pretendido em inglês, como: “search”, “home”, “print”, etc, e escolher no resultado entre uma série de opções para download no formato .PNG, todas seguidas das devidas informações sobre cada ícone, (tags relacionadas, autor, licensa de uso, etc).
Já se você prefere criar seus próprios ícones, também pode enviá-los para que façam parte dos resultados do Iconfinder e, assim, divulgar seu trabalho. Na aba “about” tem o procedimento a ser seguido.
