Conheça 5 extensões úteis do Google Chrome para web designers

Conheça 5 extensões úteis do Google Chrome para web designers

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 Redux

Page Ruler Redux é 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. Color by Fardos

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 Color by Fardos 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.

Fonte

Comentários

Este artigo não possui comentários