Snappy

HostGator Blog

Blog oficial da HostGator

5 ferramentas que todo Web Designer precisa conhecer

Escrito por Thayse Stein

quinta-feira, 25 de fevereiro de 2016

Share Button

5 ferramentas para Web Designers - HostGator Brasil

Quando se trabalha criando para a Internet, é sempre bom usar ferramentas que aprimorem e facilitem o seu dia a dia, pois muitas coisas nem são possíveis de verificar ou pôr em prática “manualmente”. Além de economizar tempo, automatizar certas atividades faz com que nos mantenhamos mais organizados, focados e mais dispostos para investir nossas energias no que realmente precisamos.

Fazer um trabalho às cegas pode acabar prejudicando seu desempenho como Web Designer, por isso selecionamos cinco ferramentas que são uma “mão na roda” para quem precisa testar tudo antes de colocar em prática, visualizar com clareza e fazer todos os ajustes, para que o resultado final seja o melhor possível.

 

Sublime Text

https://www.sublimetext.com/

O Sublime Text é um editor de código fonte que pode te ajudar bastante, pois possui interface agradável e é escrito em linguagem C++. Ele possui salvamento automático e dentre os principais recursos estão um “minimap”, com pré-visualização de todo o código-fonte; coloração personalizável; edição multi-panel; função auto completar e correspondência de parênteses.

 

Just My Type

http://justmytype.co/

Just My Type é um site que possibilita um test drive para fontes. Um dos recursos mais bacanas é o “font pairing”, uma técnica para reunir dois tipos de fontes diferentes em uma mesma sentença para você avaliar a combinação e os resultados. As font types selecionadas vão desde estilos antigos até designs modernos e eles estão integrados com sites muito bacanas como TypeKit e o Fonts by Hoefler&Co.

 

Invision

http://www.invisionapp.com/

O Invision permite que você faça trabalhos colaborativos de um jeito muito simples e que pode facilitar sua vida. O aplicativo possibilita o upload e compartilhamento de seus trabalhos. Na ferramenta, é possível adicionar comentários sobre itens específicos (você consegue deixar marcações e sugestões para alterações em detalhes). Ele também fornece uma estrutura de navegação entre seus layouts desenvolvidos, desta maneira os clientes podem navegar pelos modelos como se fossem um site já finalizado. O Invision ainda conta com uma ferramenta similar ao Drive, que pode ser instalada no seu computador, garantindo que todos os arquivos sejam atualizados em tempo real.

 

Google Content Experiments

https://support.google.com/analytics/answer/1745147?hl=pt-br

Essa ferramenta possibilita a realização de testes A/B e multi-variáveis. Ela exibe diferentes versões de uma mesma página para os seus visitantes e é capaz de medir as conversões efetuadas (que podem ser, por exemplo, uma venda ou um cadastro). A ferramenta acompanha todos os dados e te informa quando uma determinada versão da página se destaca e mostra-se mais eficiente que a(s) outra(s) propostas. Vale lembrar que ela é totalmente integrada com o Google Analytics.

 

BrowserShots

http://browsershots.org/

O Browsershots é uma ferramenta que faz automaticamente screenshots de uma página em diferentes navegadores. Você só precisa enviar a URL do site e selecionar os navegadores que deseja verificar (atualmente, ele possui cerca de 170 opções!). É simples, mas pode ajudar bastante quem precisa visualizar rapidamente a compatibilidade do site e pensar democraticamente na hora de compor um layout.

 

Pesquisar novas ferramentas é sempre bom para ficar atualizado sobre as novidades que chegam. Esperamos que as indicações possam ajudar a dar um up no seu trabalho 😉

 


Thayse Stein

Sobre Thayse Stein

Profissional de comunicação, com formação em Jornalismo e formação em andamento em Design de Moda. Atualmente, atua como Analista de Mídias Sociais na HostGator.

Postado em:

Design, Dicas
Comentários
  • Javier Salas

    Equipamentos e ferramenta essenciais de um Web Designer |TemplateToaster|