7 extensões úteis do Google Chrome para designers

COMPARTILHE:

Se você deseja adicionar ferramentas extras ao seu fluxo de trabalho diário, você está no lugar certo. Essas sete extensões do Chrome foram escolhidas a dedo para designers e ajudarão com todos os tipos de coisas enquanto você navega na Web, como identificar fontes e códigos hexadecimais de cores, testes de acessibilidade e até mesmo testar designs responsivos.

tutoriais photoshop

Se você deseja adicionar ferramentas extras ao seu fluxo de trabalho diário, você está no lugar certo. Essas sete extensões do Chrome foram escolhidas a dedo para designers e ajudarão com todos os tipos de coisas enquanto você navega na Web, como identificar fontes e códigos hexadecimais de cores, testes de acessibilidade e até mesmo testar designs responsivos.

Seja qual for o tipo de designer que você é, você certamente encontrará algum valor em pelo menos algumas dessas extensões - então divirta-se!

WhatFont



Alguma vez você já se deparou com uma fonte interessante enquanto navegava na web e depois gastou muito tempo pesquisando o nome dela? O WhatFont economiza muito tempo permitindo que você passe o mouse sobre uma fonte e saiba instantaneamente os detalhes da fonte - desde o nome da fonte, família da fonte, peso, tamanho, altura da linha até o código hexadecimal da cor do texto. A melhor parte é, o WhatFont também fornece um link para o download da fonte via Typekit para que você possa adicioná-la instantaneamente à sua biblioteca de fontes.

Clique aqui para baixar.

tutoriais photoshop

Spectrum



Como todos nós nos esforçamos para tornar a web um lugar mais acessível para todos, estamos vendo muito mais ferramentas surgindo que ajudam os designers a projetar com acessibilidade em mente. O Spectrum é uma dessas ferramentas - você pode testar instantaneamente suas páginas da Web para diferentes tipos de deficiências de visão de cores. Basta clicar na extensão em seu navegador e usar o menu suspenso para selecionar uma deficiência de cor específica. A página da Web em que você está mudará para que você a veja pelos olhos de alguém com a deficiência selecionada.

Clique aqui para baixar.

tutoriais photoshop

ColorPick Eyedropper



A ferramenta de conta-gotas sempre tão útil que todos nós conhecemos e amamos no Photoshop agora está disponível para nossa experiência de navegação na web. O ColorPick Eyedropper é extremamente útil se você salvou imagens anteriormente e as importou para o seu software para escolher os códigos de cores. Agora, você pode economizar tempo passando o mouse sobre qualquer parte do navegador para obter o código hexadecimal da cor desejada imediatamente.

Clique aqui para baixar.

tutoriais photoshop

Sizzy



Já se foram os dias em que você era forçado(a) a passar pelo tedioso processo de testar seus projetos da Web para cada tela em que serão visualizados (iOS, Android, tablets, etc.). Com o Sizzy, um testador de web design responsivo, você pode visualizar seu design em várias telas ao mesmo tempo enquanto trabalha. Tudo o que você precisa fazer é inserir a URL do website e filtrar em quais dispositivos deseja visualizar o design.

Clique aqui para baixar.

tutoriais photoshop

Corporate Ipsum



Você é o tipo de pessoa que fica frustrada ao ver o mesmo primeiro parágrafo do texto de Lorem Ipsum em layouts? Corporate Ipsum é uma extensão do Chrome útil (e muito divertida) que gera texto para você com base em um número desejado de palavras. Embora o Corporate Ipsum use palavras inglesas reais, o texto como um todo nem sempre faz sentido - mas isso aumenta a diversão! Basta arrastar o controle deslizante dentro da extensão até o número desejado de palavras e você receberá imediatamente um parágrafo de texto que parecerá muito mais natural do que o seu padrão Lorem Ipsum. Isso é extremamente útil para layouts com muitos textos.

Clique aqui para baixar.

tutoriais photoshop

Dark Reader



Se você é um desses designers mais produtivos à noite, essa extensão do Chrome será especialmente útil para você. O Dark Reader ajuda a proteger os seus preciosos olhos de designer ao ativar o modo escuro em todos os sites em que você acessa. Você também pode ajustar as configurações como brilho e contraste, o que é realmente útil para cada uma das nossas necessidades específicas de visão. Veja como o Dribbble se parece com o Dark Reader:

Clique aqui para baixar.

tutoriais photoshop

Site Palette



O Site Palette é outra extensão do Chrome que ajuda a detectar códigos de cores. Com o Site Palette, você pode extrair a paleta de cores de qualquer website com o clique de um botão. Você também pode compartilhar a paleta e fazer o download para o Sketch ou algum software da Adobe.

Clique aqui para baixar.

tutoriais photoshop

Acha que faltou alguma extensão interessante? Então diz aí nos comentários qual extensão do Google Chrome que ajuda você em seus trabalhos como designer.

COMENTÁRIOS

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,579,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,266,2am,1,2axion,1,360,4,abril,378,abstrato,223,actions,150,adobe,32,adobe experience house,1,adobe max,1,agosto,500,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,91,bmx,1,booombox,2,brasilmegaarena,2,brushes,106,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,115,cartazes de rock,201,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,946,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1750,edição de vídeo,3,efeito,1075,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,558,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,17,html5,3,hype,2,hyperlapse,5,hyperx,29,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,472,junho,392,kingston,15,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,568,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,36,música,48,natal,1,novembro,698,off,1,off-topic,480,outubro,725,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,responsivo,2,retoque de imagem,111,rixty,3,saga,11,selecaoTP,44,setembro,448,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,271,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2208,tutorial builder,2,tutorial player,2,ubisoft,70,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,689,vídeo aula,414,video mapping,3,wallpaper,1,warspear,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: 7 extensões úteis do Google Chrome para designers
7 extensões úteis do Google Chrome para designers
Se você deseja adicionar ferramentas extras ao seu fluxo de trabalho diário, você está no lugar certo. Essas sete extensões do Chrome foram escolhidas a dedo para designers e ajudarão com todos os tipos de coisas enquanto você navega na Web, como identificar fontes e códigos hexadecimais de cores, testes de acessibilidade e até mesmo testar designs responsivos.
https://www.andresugai.org/Materias/chromeDesigner/imagem0.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2019/02/7-extensoes-uteis-do-google-chrome-para-designers.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2019/02/7-extensoes-uteis-do-google-chrome-para-designers.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar