Com a dissenyador gràfic és normal que estiguis pendent de les tendències, d'altres dissenyadors, il·lustradors, creatius… I per tant, utilitzaràs Internet. Però, saps que hi ha extensions a Chrome que et poden ajudar, i molt, a la teva feina?
Hem elaborat una selecció de les millors extensions de Chrome perquè els donis un cop d'ull. Potser algunes les coneguis, i d'altres és possible que siguin noves per a tu. L'important és que vegis que aquestes et poden ajudar molt a la teva feina. Anem amb elles?
Instant Wireframe
Comencem amb una extensió de Chrome ideal per a aquells que facin pàgines web. I és que, amb aquesta, el que podràs veure és l'esquelet d'una web, és a dir, els seus wireframes. D´aquesta manera, et fas una idea de com està construïda.
Encara que ara mateix no li vegis gaire sentit, a l'hora d'elaborar una pàgina web per a un client necessites conèixer com ho fa la seva competència i això pot ajudar-te a veure on hauries de col·locar els elements per millorar el resultat visual.
Si a més tens coneixements de la temperatura de visió als usuaris (és a dir, les parts que més veuen els usuaris a les webs) podràs obtenir un resultat molt efectiu.
WhatFont
Una altra de les extensions de Chrome que hauries de tenir instal·lades (recorda que aquestes són gratuïtes) és aquesta. Serveix per descobrir quina és la tipografia que s'ha fet servir en una pàgina web, encara que també et serveix, dins de la web de WhatFont, per saber quina és la tipografia de cartells, imatges, etc.
En el cas de l'extensió, l'únic que has de fer és seleccionar la font i buscarà quina és, o almenys te'n mostrarà algunes de molt similars.
És molt útil per quan vols una font que t'ha agradat però no pots estar hores i hores buscant-la a cegues.
Perfect Pixel
Quan fas un esbós per al client, relacionat amb una pàgina web, saps que de vegades no sempre quedarà igual. Però, si ets molt perfeccionista, és possible que facis tot el possible perquè sigui així.
Doncs bé, aquesta extensió t'ajuda a comparar el disseny que vas fer i el resultat que sortirà al teu ordinador. Així podràs saber si tot encaixa correctament o hi ha alguna cosa que no està bé. Així podràs retocar aquesta part perquè quedi exactament igual que com ho havies pensat i ideat en un primer moment.
Eines del dissenyador
Aquesta és una altra de les extensions de Chrome que hauríeu de provar. A més, et dóna moltes eines en una: un identificador de la tipografia que es fa servir als textos, la possibilitat de revisar els colors que s'han afegit a les pàgines o fins i tot els límits.
Podríem dir que és un tot en un, perquè engloba moltes de les extensions de què t'hem parlat (i de les que et parlarem a continuació).
Stylebot
Vols fer canvis en el disseny d'una web per mostrar-los al client? I sense tocar res de la web? Doncs és possible amb aquesta extensió. Per això, el que tocaràs són les propietats CSS i el que farà serà, en base al que posis, canviar la web per previsualitzar-la de la manera que vols que es vegi.
I ara diràs, i per què?
Doncs té diversos usos:
- D'una banda, pots mostrar a potencials clients el que faries amb la seva web per millorar-la (i creieu-nos si et diem que això és millor que qualsevol currículum).
- D'altra banda, perquè el pots mostrar en viu, en una reunió, el que podries fer perquè la web canviés sense necessitat de tocar gaire. O sí.
Regle de pàgina
Aquesta és de les extensions de Chrome menys conegudes, però la veritat és que li pots donar molts usos. Primer, us direm que serveix per mesurar els elements d'una web, no només a nivell de píxels, sinó també de la distància que hi ha amb altres elements.
Per exemple, imagina que has posat tres quadres horitzontals. I vols que tots tres estiguin a la mateixa distància. Doncs aquesta eina us ajuda a quadrar-los.
Encara que consideris que no és molt útil, si ets perfeccionista i vols que quedi bé, segur que en fas ús.
Captura de pantalla de pàgina completa
Aquesta és de les més conegudes que hi ha, i és que et permet fer una captura de la pàgina web, però no només de la part visible al navegador, sinó de tota la web. És ideal, per exemple, quan vols presentar el projecte al client i no has d'anar captura a captura, sinó una més general del resultat final. El mateix et pot servir per a les que vegis a Internet i vulguis tenir com a referent, bé perquè t'ha agradat el disseny, els colors, etc.
Color Contrast Analyzer
Aquesta extensió ens ha agradat molt perquè et pot ajudar a enfocar-te en un públic determinat. L'eina serveix per garantir la llegibilitat d'un text i els contrastos visuals que hi hagi en general.
En altres paraules, et dirà si el text i els colors que has escollit queden bé i és llegible tot.
Ara bé, per això ens ha agradat és perquè pots veure el resultat segons diverses variables. Per exemple, i si la web està enfocada a persones grans amb cataractes? Doncs la veuràs així i sabràs si és correcta o no. I si el públic són persones amb daltonisme? Doncs igual.
Així milloraràs el resultat final perquè t'enfocaràs en aquests grups.
Generador de Lorem Ipsum
Com saps, quan crees una pàgina web aquesta necessita tenir una mica de text per saber com quedarà. Per això es fa servir el Lorem Ipsum, un text que actualment té moltes variables.
Doncs bé, amb Lorem Ipsum Generator podràs crear el text segons el nombre de paraules, frases, lletres… i així només hauràs de copiar i enganxar.
ColorZilla
Et recordes de l'extensió de WhatFont? Amb ella identificaves una tipografia. Doncs bé, amb aquesta allò que faràs és identificar el color que hagin utilitzat. D'aquesta manera et donarà el codi perquè el puguis fer servir als teus programes d'edició d'imatge i treguis el mateix to de color que t'ha agradat.
Com veieu, hi ha moltes extensions de Chrome que, si treballes en disseny, et convé tenir habilitades. De fet, n'hi ha més, però el millor és que provis amb aquestes i vagis veient quines són les que millor s'adapten a la teva feina. Ens recomanes alguna més?