Neste post indicamos 5 ferramentas que achamos úteis no fluxo de trabalho diário de um web designer. As extensões vão desde verificar a usabilidade do site, identificar fontes, testar designs responsivos e muito mais.
1. UX Check
O UX Check trabalha para informá-lo sobre possíveis problemas de usabilidade em um site sem precisar envolver usuários. A extensão consegue “enxergar” qualquer área do seu site que precise de melhorias.
Essa é uma ferramenta ideal se você não conseguir realizar testes de usabilidade com os próprios usuários. Você pode até exportar o feedback para um documento para compartilhar com outros membros da equipe posteriormente.
2. Fontface Ninja
Você é o tipo de designer que adora se inspirar nas fontes que encontra em sites? Em vez de procurar a fonte online, use o Fontface Ninja, uma extensão do Chrome que permite passar o mouse sobre o texto na tela para ajudá-lo a identificar instantaneamente uma fonte, tamanho, espaçamento entre linhas, espaçamento entre letras e até a cor hexadecimal código.
Além disso, o Fontface Ninja permite que você teste a fonte digitando algo na janela suspensa da extensão. Se você realmente gosta, há um link para para que você encontre a fonte na internet para comprar e/ou fazer o download gratuitamente.
Veja também: 5 ferramentas que facilitam a vida de um Web Designer
3. Page Ruler
Page Ruler é a régua digital do designer (e do desenvolvedor web). Use a extensão para obter uma medida precisa e perfeita em pixels de qualquer elemento da página. Basta arrastar a régua para qualquer seção de um site e inspecionar a altura, largura e posição do elemento selecionado.
Você pode até ajustar a cor da régua para garantir que haja contraste suficiente, dependendo do plano de fundo do site.
4. Smart Color Picker and Palettes
Esta extensão é mais do que apenas uma ferramenta de seleção de cores ou conta-gotas. Além de identificar códigos hexadecimais de cores das páginas, o Smart Color Picker and Palettes vem com alguns outros recursos úteis, como:
- Identificar os diferentes tons e tonalidades de uma cor;
- Recomendações de emparelhamento de cores com base na teoria das cores;
- CSS para qualquer gradiente diretamente do seu navegador.
É uma ótima maneira de se inspirar nas paletas de cores de outros sites, sem ter que replicá-las exatamente.
Veja também: Conheça 5 ferramentas gratuitas para gerar gradientes
5. Window Resizer
Essa extensão do Chrome permite redimensionar a janela do navegador para utilizar todos os tipos de resoluções para dispositivos móveis e desktop. Muito útil para testar rapidamente os sites responsivos!
Você consegue ver suas páginas em diferentes resoluções do navegador e garantir que seu design seja excelente em todos os dispositivos.
Embora a ferramenta tenha algumas resoluções predefinidas para você escolher, você também pode personalizá-las como quiser, alterando o tamanho, a altura e a posição da janela.
