7 kötelező Chrome-bővítmény a webdesignerek számára

7 kötelező Chrome-bővítmény a webdesignerek számára

Webtervezőként milyen szoftvernek kell feltétlenül a számítógépén lennie? Valószínűleg Photoshop és Illustrator. És bár ezek a lényeges elemei a tervezési munkafolyamatnak, vannak kisebb eszközök, amelyekről valószínűleg nem tudja, hogy szüksége van.





A legjobb az, hogy le sem kell töltenie őket-csak telepítse ezeket a Chrome-bővítményeket, és már indulhat is. Az oldalak betűtípusainak azonosításától a webes elemek közötti távolságok méréséig ezek a webdesign Chrome -bővítmények megkönnyítik az életét.





1. Dropbox Gmailhez

A Dropbox fájlkezelő szolgáltatásként indult, de hamar felfedezte, hogy fő közönsége a tervezők, akik a szolgáltatást használva megosztják munkájukat a kollégákkal. Mivel a tervezési fájlok gyakran túl nagyok az e -mail mellékletekhez, egyszerűbb Dropbox linket küldeni a fájlhoz.





A Dropbox for Gmail még kényelmesebbé teszi a folyamatot. Amikor az új e -mail ablak alján található Dropbox gombbal linkel a fájljához, a címzett bepillantást nyer a küldésbe. A képfájlokra mutató hivatkozások közvetlenül a e -mailbe töltik fel a képeket, a más típusú fájlokra mutató linkek pedig praktikus előnézetet generálnak.

Telepítés: Dropbox a Gmailhez



2. FontFace Ninja

Több ezer betűtípussal a tipográfiai lehetőségek végtelenek. Különösen akkor, ha azonosítani tud egy gyönyörű betűtípust, amelyet valahol lát, és kölcsönadhatja saját projektjének.

A FontFace Ninja egy Chrome -bővítmény, amely segít ebben. Hasonlóan a eszközök, amelyek betűtípusokat keresnek a képekből segít azonosítani az online látható betűtípusokat. Az egyetlen különbség az, hogy a FontFace Ninja beolvassa az oldal CSS -be kódolt betűtípusokat, például a címsorok és a törzsszöveg betűtípusát.





Amikor elindítja a FontFace Ninja programot, megjeleníti a betűtípusra vonatkozó információkat, és nem csak a betűtípust, hanem a súlyát, méretét, magasságát, szélességét és színét is. A betűtípus könyvjelzőként való elhelyezéséhez fiókra van szüksége a testvérszolgáltatásban, FontFace Dojo .

Telepítés: FontFace Ninja





3. ColorPick pipetta

Nem számít, mennyire jó szeme van a színeknek, nehéz az interneten látott árnyalatot újra létrehozni, ha nem ismeri annak RGB- vagy HTML -értékeit. Szerencsére nem kell találgatnia, ha rendelkezik ColorPick Eyedropperrel.

Mint a legjobb színválasztó alkalmazások Mac számára , A ColorPick Eyropper megmutatja az Ön által mutatott szín értékeit. A különbség az, hogy mindig ott van a böngészőben, és nem kell semmit feltöltenie-csak kattintson az ikonra, és mozgassa a célt a megfelelő helyre.

A kiterjesztés beolvassa a színeket a szövegből, a képekből és szinte mindenből, amit egy weboldalon láthat (még a hirdetéseket is). Miután elfogott egy színt, megjelenik a hozzá tartozó HTML, RGB és HSL érték.

Telepítés: ColorPick pipetta

4. Méretek

Ez a nyílt forráskódú bővítmény a webes tervezők számára való találás, különösen, ha egyszeri koncerteket tart a kisvállalkozások számára. Amikor egy ügyfél lenyújt egy weboldalt minden korábbi fájl vagy dokumentáció nélkül, és felkéri Önt, hogy készítsen „egy ilyen oldalt, de különböző szövegekkel és képekkel”, az elrendezés kitalálása fájdalmas.

hogyan lehet eltávolítani a képernyővédőt

A Méretek segítségével könnyedén mérheti az oldal bármely elemének magasságát és szélességét, valamint a köztük lévő margókat. Ez megkönnyíti a meglévő oldalak újbóli létrehozását és a tervek kétszeri ellenőrzését a gyártás megkezdése után.

Telepítés: Méretek

5. Vizuális ellenőr

A Visual Inspector erőteljes visszajelzési és együttműködési eszköz a tervezőcsapatok számára, ötvözve az előző három bővítmény tulajdonságait, és még többet hozzáadva.

Ban,-ben Ellenőrizze lapon kiválaszthatja az oldal bármely elemét, hogy teljes információt kapjon róla, a mérettől a fájlnévig. Az Színek és Tipográfia Az allapok segítségével pillanatok alatt megtekintheti a színpalettát és az összes betűtípust Eszközök az oldalon található összes képet egy helyen gyűjti össze.

Az Együttműködik lapon visszajelzést adhat, és megbeszéléseket folytathat csapatával, és könnyen megjegyzést írhat az oldal bármely elemére kattintva.

legjobb iránytű alkalmazás az Android 2018 számára

A legtöbb fejlett eszközhöz hasonlóan a Visual Inspector árcédulával is rendelkezik: havi 9 USD/felhasználó fizetést kell fizetnie a megjegyzések hozzáadásáért és a módosítások szinkronizálásáért. Az alapvető funkciói, például a színek, betűtípusok és képek ellenőrzése azonban szabadon használhatók.

Telepítés: Vizuális ellenőr

6. Egyszerű képernyőfelvétel

A képernyőkép -kiterjesztés feleslegesnek tűnhet, mivel a Mac képernyőn történő képernyőkép készítése egyszerű, és a képernyő rögzítése a Windows rendszeren csak egy kicsit nagyobb a gond. De az Easy Screen Capture jó néhány értékesítési ponttal rendelkezik.

A legfontosabb, hogy lehetővé teszi a teljes weboldal rögzítését, nem csak a képernyőn látható területet. Ez megfizethetetlen, ha több problémát kell bejelentenie egy hosszú oldalon, és mindegyik rögzítése három -négy képernyőképet vesz igénybe.

Egy másik ügyes trükk az, hogy a képernyőképet a vágólapra másolhatja, és közvetlenül beillesztheti egy csevegésbe vagy e -mailbe, ahelyett, hogy felhalmozná a haszontalan képfájlokat a számítógépén.

Telepítés: Egyszerű képernyőfelvétel

7. Jeges 2

Végül van egy döntő feladat, amellyel minden reggel foglalkoznia kell: lerázni az alvás maradványait, és bejutni a barázdába. A Muzli 2 by InVision reggeli újságként szolgál a művészetről, a formatervezésről, az UX -ről és a technológiáról szóló kurátus cikkekkel.

A Muzli lecseréli az alapértelmezett Chrome lapot, és lehetővé teszi az ott látottak személyre szabását. Érdeklődési körétől függően a Muzli hírcsatornákat választ neked, a Dribble -től és a Behance -tól a 99designs -ig és a Creative Bloq -ig terjedő webhelyekkel. Rengeteg inspiráció lapozgatáshoz, miközben az első kávét kortyolgatja!

Ha úgy gondolja, hogy egy teljes böngészőlap túlságosan intenzív dizájnnal van feltöltve, akkor a Muzli -nak van egy Lite verziója is. Nem fogja felülbírálni az alapértelmezett lapot, és bármikor elérheti a hírcsatornát, ha rákattint a bővítmény ikonra.

Telepítés: Jeges 2

Szerezzen be Chrome -bővítményeket minden tervezési feladatához

A listában szereplő Chrome-bővítmények nem illeszkednek a tervezőszoftverhez, de lefedik a tervezői munkával járó minden apróságot-legyen szó intelkes tipográfiáról vagy a kollégákkal való együttműködésről.

Miután rájött, hogy a Chrome Internetes áruház tele van eszközökkel, nehéz lehet abbahagyni az újak hozzáadását. Szóval tanulj hogyan kezelheti a Chrome -bővítményeket mielőtt kiesnek a kezükből.

Részvény Részvény Csipog Email Érdemes Windows 11 -re frissíteni?

A Windows újra lett tervezve. De ez elég ahhoz, hogy meggyőzze Önt, hogy váltson a Windows 10 -ről a Windows 11 -re?

Olvassa tovább
Kapcsolódó témák
  • Internet
  • Kreatív
  • Google Chrome
  • Web Design
  • Böngészőbővítmények
A szerzőről Alice Kotlyarenko(28 cikk megjelent)

Alice egy technológiai író, aki lágy pontot kínál az Apple tech számára. Egy ideje Mac -ről és iPhone -ról ír, és lenyűgözi, ahogy a technológia átalakítja a kreativitást, a kultúrát és az utazást.

Továbbiak Alice Kotlyarenko -tól

Iratkozzon fel hírlevelünkre

Csatlakozz hírlevelünkhöz, ahol technikai tippeket, véleményeket, ingyenes e -könyveket és exkluzív ajánlatokat találsz!

Feliratkozáshoz kattintson ide