8 ferramentas de que um web designer precisa

2024 Autor: Malcolm Clapton | [email protected]. Última modificação: 2023-12-17 04:08

Screensiz.es

Screensiz.es é um site que pode facilmente ajudá-lo a encontrar as dimensões físicas, resolução da tela, relação de aspecto e muitos outros parâmetros das telas dos modelos mais comuns de smartphones, tablets e monitores. Todas as informações vêm de uma forma simples e compreensível - na forma de uma tabela. Existem dezenas de dispositivos e tablets Android diferentes, incluindo BlackBerry Playbook, Microsoft Surface Pro e Barnes & Noble Nook. Para dispositivos menos comuns, encontrar as informações de que você precisa também é muito fácil. Screensiz.es também oferece uma classificação de popularidade do dispositivo com base nas estatísticas de pesquisa do Google e uma série de outros critérios.

Padrões sutis

Subtle Patterns oferece uma ampla gama de padrões de fundo que você pode usar como fundo para seus sites. Padrões simples, mas agradáveis, irão satisfazer o gosto dos aficionados do design minimalista que querem algo mais do que um fundo branco simples. Um dos melhores recursos do site é uma prévia de como qualquer padrão ficará em seu site. Deve-se observar que todos os padrões são fornecidos à sua disposição gratuitamente.

Tipo Perdido

Lembra da fonte que você viu em seu site favorito? Há uma boa chance de que essa fonte seja tirada do site Lost Type, que reúne muitos designers que colocaram seus trabalhos à venda por um preço que pague o que quiser. Talvez, Lost Type possa ser atribuído à lista de sites que todo designer (e não apenas) deveria conhecer. Não há muitos lugares na web onde você possa obter uma fonte exclusiva de alta qualidade sem pagar muito dinheiro por ela.

caneta vermelha

Red Pen permite resolver uma tarefa muito importante de forma simples e rápida, como nenhum outro site. Você arrasta seu trabalho gráfico ou layout para uma janela especial no site, e o serviço fornece um link exclusivo que você pode publicar nas redes sociais. Ao clicar neste link, qualquer pessoa pode clicar com o mouse em um lugar arbitrário e deixar ali suas observações e comentários sobre o que vê. Uma ferramenta indispensável para obter feedback rápido do mais amplo público.

Torneira de padrão

Pattern Tap não é uma ferramenta no sentido tradicional da palavra, mas certamente será útil para um designer. O objetivo do Pattern Tap é inspirar você com ideias para vários elementos de páginas da web. Por exemplo, o site contém uma grande lista de páginas 404 de exemplo, reprodutores de áudio, botões, breadcrumbs e muito mais. Se você ficar sem inspiração, olhar para as várias encarnações de uma ideia pode levá-lo na direção certa. ter uma ampla gama de ideias na ponta dos dedos, reunidas em um site, é muito melhor do que navegar incessantemente na Web, vasculhando toneladas de informações visuais. O Pattern Tap também permite pesquisar por critérios como cores, estilos e tipos de elementos.

Fonte Blokk

O nome Blokk fala por si. Freqüentemente, ao projetar layouts, o designer precisa demonstrar sua plenitude com texto, o que geralmente leva a um esforço extra desnecessário. É claro que você pode usar algum tipo de gerador de texto no estilo Lorem Ipsum, mas também há uma solução mais elegante. A fonte Blokk transforma o jargão digitado no teclado (fywalge) em algo fino e bonito. Em vez de frases latinas sem sentido, você obtém linhas finas que imitam linhas de texto.

Ícone definido por Brankic1979

Um maravilhoso conjunto de ícones gratuitos, perfeito para o design de aplicativos, sites e outros projetos. De números a engrenagens e microfones, este conjunto contém mais de 350 itens, e com certeza você encontrará algo que vale a pena nele. O principal é que os ícones são gratuitos para uso pessoal e comercial.

Cor por Hailpixel

Claro, não faltam selecionadores de cores. Esta é uma das ferramentas que um designer deve ter sempre à mão, e definitivamente vale a pena prestar atenção a Color by Hailpixel. O site será aberto e mostrará uma tela em branco com um único link preto (# 000000). Conforme você move o cursor pela tela, você verá como a cor de fundo muda, e a janela no centro mostrará o código hexadecimal correspondente desta cor. Clicar com o mouse criará uma faixa da cor atual com o valor numérico desta cor. Assim, com os movimentos do mouse, você pode coletar uma paleta das cores desejadas para uso posterior. Clicar na "engrenagem" localizada em cada faixa salva abrirá um painel com configurações para aquela cor, onde você pode definir com mais precisão os valores RGB e HSL. Uma ferramenta maravilhosa.

Você tem suas próprias ferramentas online favoritas? Deixe-nos saber nos comentários.