Home-theater-designers
Com a dissenyador web, quin és el programari que haureu de tenir al vostre ordinador? El més probable és que sigui Photoshop i Illustrator. I, tot i que aquests són els elements essencials del vostre flux de treball de disseny, hi ha eines més petites que probablement no sabeu que necessiteu.
El millor és que ni tan sols heu de descarregar-les; només heu d'instal·lar aquestes extensions de Chrome i llest. Des de la identificació de tipus de lletra a les pàgines fins a la mesura de les distàncies entre elements web, aquestes extensions de Chrome de disseny web us facilitaran la vida.
1. Dropbox per a Gmail
Dropbox va començar com un servei d’allotjament de fitxers, però aviat va descobrir que el seu públic principal eren els dissenyadors, que utilitzen el servei per compartir el seu treball amb els companys. Com que els fitxers de disseny sovint són massa grans per als fitxers adjunts de correu electrònic, és més fàcil enviar un enllaç Dropbox al fitxer.
Dropbox per a Gmail fa que el procés sigui encara més còmode. Quan enllaceu al fitxer mitjançant un botó de Dropbox a la part inferior de la nova finestra de correu electrònic, el destinatari obté un cop d'ull del que esteu enviant. Els enllaços a fitxers d'imatge carregaran les imatges directament al correu electrònic i els enllaços a altres tipus de fitxers generaran una vista prèvia útil.
Instal·la: Dropbox per a Gmail
2. FontFace Ninja
Amb milers de tipus de lletra disponibles, les vostres possibilitats de tipografia són infinites. Sobretot si podeu identificar un bonic tipus de lletra que veieu en algun lloc i demanar-lo en préstec per al vostre propi projecte.
FontFace Ninja és una extensió de Chrome que us ajuda a fer-ho. Molt semblant al eines que troben tipus de lletra a partir d’imatges us ajuda a identificar els tipus de lletra que veieu en línia. L'única diferència és que FontFace Ninja llegeix els tipus de lletra codificats al CSS de la pàgina, com la tipografia dels encapçalaments i el text del cos.
Quan inicieu FontFace Ninja, us mostrarà la informació sobre el tipus de lletra a la qual dirigiu --- i no només la tipografia, sinó també el pes, mida, alçada, amplada i color. Per afegir aquest tipus de lletra als marcadors, necessitareu un compte al servei germà, FontFace Dojo .
Instal·la: FontFace Ninja
3. Comptagotes ColorPick
Per molt bo que tingueu un ull de color, és difícil recrear un matís concret que heu vist en línia tret que en conegueu els valors RGB o HTML. Per sort, no haureu d’endevinar si teniu comptagotes ColorPick.
M'agrada les millors aplicacions de selecció de colors per a Mac , ColorPick Eyedropper us mostrarà els valors de qualsevol color que assenyalareu. La diferència és que sempre hi és al navegador i que no cal que pengeu res: només cal que feu clic a la icona i moveu l'objectiu al lloc correcte.
L'extensió llegeix els colors del text, les imatges i gairebé qualsevol cosa que pugueu veure en una pàgina web (fins i tot els anuncis). Un cop hàgiu capturat un color, us mostrarà els valors HTML, RGB i HSL.
Instal·la: Comptagotes ColorPick
4. Dimensions
Aquesta extensió de codi obert és una cerca per als dissenyadors de llocs web, sobretot si feu concerts únics per a petites empreses. Quan un client us lliura un lloc web sense cap fitxer ni documentació prèvia i us demana que dissenyeu 'una pàgina com aquesta, però amb text i imatges diferents', és difícil trobar el disseny.
com moure pàgines de word
Dimensions permet mesurar fàcilment l'alçada i l'amplada de qualsevol element de la pàgina, així com els marges entre ells. Això facilita la recreació de pàgines existents i comproveu de nou els vostres propis dissenys després que entrin en producció.
Instal·la: Dimensions
5. Visual Inspector
Visual Inspector és una potent eina de retroalimentació i col·laboració per a equips de disseny, que combina les funcions de les tres extensions anteriors i n'afegeix encara més.
A la Inspeccioneu , podeu seleccionar qualsevol element de la pàgina per obtenir-ne tota la informació, des de les dimensions fins al nom del fitxer. El Colors i Tipografia les subpestanyes us permeten veure la paleta de colors i tots els tipus de lletra d'un cop d'ull, mentre que Actius reuneix totes les imatges de la pàgina en un sol lloc.
El Col·labora a la pestanya és on podeu donar comentaris i tenir discussions amb el vostre equip i és fàcil deixar un comentari fent clic a qualsevol element de la pàgina.
ordinador que pren per sempre reiniciar Windows 10
Com la majoria d’eines avançades, Visual Inspector inclou un preu: haureu de pagar des de 9 € / usuari / mes per afegir comentaris i canvis de sincronització. Tot i això, les seves funcions bàsiques, com ara inspeccionar colors, tipus de lletra i imatges, són d’ús gratuït.
Instal·la: visual Inspector
6. Fàcil captura de pantalla
Una extensió de captura de pantalla pot semblar redundant, ja que fer una captura de pantalla al Mac és molt senzill i capturar la pantalla a Windows és només una mica més de molèsties. Però Easy Screen Capture té bastants punts de venda.
El més important és que us permet capturar tota la pàgina web, no només l'àrea que veieu a la pantalla. Això no té preu quan cal informar de diversos problemes en una pàgina llarga i capturar-los tots portaria de tres a quatre captures de pantalla.
Un altre truc elegant és poder copiar la captura de pantalla al porta-retalls i enganxar-la directament al xat o al correu electrònic, en lloc d’acaparar fitxers d’imatges inútils a l’ordinador.
Instal·la: Captura de pantalla fàcil
7. Icy 2
Finalment, hi ha una tasca crucial que heu d’afrontar cada matí: sacsejar les restes del son i ficar-vos a la ranura. Muzli 2 d'InVision us servirà com a diari del matí amb articles seleccionats sobre art, disseny, UX i tecnologia.
Muzli substitueix la pestanya Chrome predeterminada i us permet personalitzar el que hi veieu. Depenent dels vostres interessos, Muzli seleccionarà feeds per a vosaltres, amb llocs web que van des de Dribble i Behance fins a 99designs i Creative Bloq. Molt d'inspiració per desplaçar-se mentre es pren el primer cafè.
Si creieu que una pestanya completa del navegador amb contingut de disseny és massa intensa, Muzli també té una versió Lite. No anul·larà la pestanya predeterminada i podreu accedir al feed sempre que vulgueu només fent clic a la icona de l'extensió.
Instal·la: Icy 2
Obteniu extensions de Chrome per a totes les vostres tasques de disseny
Les extensions de Chrome d'aquesta llista no coincideixen amb el vostre programari de disseny, però cobreixen totes les petites coses que comporta ser dissenyador, ja sigui intel·ligència de tipografia o col·laborar amb els vostres col·legues.
Un cop us adoneu que Chrome Web Store està ple d’eines, pot ser difícil deixar d’afegir-ne de noves. Així que aprèn com gestionar les extensions de Chrome abans que se'ls escapi de les mans.
Compartir Compartir Tweet Correu electrònic Val la pena actualitzar-lo a Windows 11?Windows s’ha redissenyat. Però, n’hi ha prou per convèncer-vos de canviar de Windows 10 a Windows 11?
Llegiu a continuació Temes relacionats- Internet
- Creativa
- Google Chrome
- Web Design
- Extensions del navegador
Alice és una escriptora de tecnologia amb un punt feble per a la tecnologia d’Apple. Fa temps que escriu sobre Mac i iPhone i està fascinada per les formes en què la tecnologia transforma la creativitat, la cultura i els viatges.
Més de Alice KotlyarenkoSubscriu-te al nostre butlletí
Uniu-vos al nostre butlletí per obtenir consells tècnics, ressenyes, llibres electrònics gratuïts i ofertes exclusives.
Feu clic aquí per subscriure-us