7 must have have Chrome Extensions for Web Designers

7 must have have Chrome Extensions for Web Designers

Aký softvér, ktorý musíte ako webový dizajnér, musíte mať vo svojom počítači? Je pravdepodobné, že je to Photoshop a Illustrator. A aj keď sú to nevyhnutné prvky vášho pracovného postupu pri navrhovaní, existujú menšie nástroje, o ktorých pravdepodobne neviete, že ich potrebujete.





Najlepšie na tom je, že ich ani nemusíte sťahovať-stačí nainštalovať tieto rozšírenia pre prehliadač Chrome a môžete ísť. Od identifikácie písem na stránkach až po meranie vzdialeností medzi webovými prvkami vám tieto rozšírenia webového dizajnu pre prehliadač Chrome uľahčia život.





1. Dropbox pre Gmail

Dropbox začínal ako služba hostenia súborov, ale čoskoro zistil, že jeho hlavným publikom sú dizajnéri, ktorí túto službu používajú na zdieľanie svojej práce s kolegami. Pretože sú súbory návrhu často príliš veľké na prílohy e -mailu, je jednoduchšie odoslať na súbor odkaz na Dropbox.





Dropbox pre Gmail robí tento proces ešte pohodlnejším. Keď odkazujete na svoj súbor pomocou tlačidla Dropbox v spodnej časti nového okna e -mailu, príjemca si urobí stručný prehľad o tom, čo odosielate. Odkazy na súbory s obrázkami odovzdajú obrázky priamo do e -mailu a odkazy na iné typy súborov vygenerujú užitočnú ukážku.

Inštalácia: Dropbox pre Gmail



2. FontFace Ninja

Keďže sú k dispozícii tisíce písem, vaše možnosti typografie sú nekonečné. Zvlášť ak dokážete identifikovať krásne písmo, ktoré niekde vidíte, a požičať si ho pre svoj vlastný projekt.

FontFace Ninja je rozšírenie pre Chrome, ktoré vám s tým pomôže. Podobne ako nástroje, ktoré vyhľadávajú písma z obrázkov pomáha vám identifikovať písma, ktoré vidíte online. Jediným rozdielom je, že FontFace Ninja číta písma kódované do CSS stránky, ako napríklad typ nadpisov a základný text.





Keď spustíte FontFace Ninja, zobrazí sa vám informácie o písme, do ktorého ho nasmerujete --- a nielen písmo, ale aj hmotnosť, veľkosť, výška, šírka a farba. Na označenie tohto písma záložkou budete potrebovať účet v sesterskej službe, FontFace Dojo .

Inštalácia: FontFace Ninja





3. Kapátko ColorPick

Bez ohľadu na to, aké dobré oko pre farby máte, je ťažké znovu vytvoriť konkrétny odtieň, ktorý ste videli online, pokiaľ nepoznáte jeho hodnoty RGB alebo HTML. Našťastie nemusíte hádať, či máte kvapkadlo ColorPick.

Páči sa mi to najlepšie aplikácie na výber farieb pre Mac , Kapátko ColorPick vám ukáže hodnoty pre akúkoľvek farbu, na ktorú ukážete. Rozdiel je v tom, že je vždy vo vašom prehliadači a nemusíte nič nahrávať-kliknite na ikonu a presuňte cieľ na správne miesto.

Rozšírenie číta farby z textu, obrázkov a takmer všetkého, čo môžete na webovej stránke vidieť (dokonca aj reklamy). Keď zachytíte farbu, zobrazí sa pre ňu hodnoty HTML, RGB a HSL.

Inštalácia: Kapátko ColorPick

4. Rozmery

Toto rozšírenie s otvoreným zdrojovým kódom je vhodné pre webových dizajnérov, najmä ak robíte jednorazové koncerty pre malé firmy. Keď vám klient odovzdá webovú stránku bez predchádzajúcich súborov alebo dokumentácie a požiada vás, aby ste navrhli „takú stránku, ale s iným textom a obrázkom“, bolo by ťažké určiť rozloženie.

ako prepnúť iphone 6s plus do režimu obnovenia

Dimenzie vám umožňujú ľahko zmerať výšku a šírku akéhokoľvek prvku na stránke, ako aj okraje medzi nimi. To uľahčuje obnovu existujúcich stránok a kontrolu vlastných návrhov po ich uvedení do výroby.

Inštalácia: Rozmery

5. Vizuálny inšpektor

Visual Inspector je účinný nástroj pre spätnú väzbu a spoluprácu pre dizajnérske tímy, ktorý kombinuje funkcie predchádzajúcich troch rozšírení a pridáva ďalšie.

V Skontrolovať Na karte môžete vybrať ľubovoľný prvok na stránke a získať o ňom úplné informácie, od dimenzií až po názov súboru. The Farby a Typografia subtaby vám umožňujú na prvý pohľad vidieť paletu farieb a všetky písma Aktíva zhromažďuje všetky obrázky na stránke na jednom mieste.

The Spolupracovať Karta je miesto, kde môžete poskytovať spätnú väzbu a diskutovať so svojim tímom. Zanechať komentár je jednoduché kliknutím na ľubovoľný prvok na stránke.

ako prepnúť iphone 7 do režimu obnovenia

Rovnako ako väčšina pokročilých nástrojov, aj Visual Inspector je dodávaný s cenovkou: za pridávanie komentárov a synchronizáciu zmien budete musieť zaplatiť od 9 dolárov/používateľ/mesiac. Jeho základné funkcie, ako je kontrola farieb, písiem a obrázkov, sú však voľne dostupné.

Inštalácia: Vizuálny inšpektor

6. Jednoduché snímanie obrazovky

Rozšírenie snímania obrazovky sa môže zdať nadbytočné, pretože nasnímať snímku obrazovky na počítači Mac je hračka a snímanie obrazovky v systéme Windows je to len trochu väčšie trápenie. Easy Screen Capture má však niekoľko predajných miest.

A čo je najdôležitejšie, umožní vám zachytiť celú webovú stránku, nielen oblasť, ktorú vidíte na obrazovke. To je na nezaplatenie, keď potrebujete nahlásiť niekoľko problémov na dlhej stránke a ich zachytenie by zabralo tri až štyri snímky obrazovky.

Ďalším úhľadným trikom je možnosť skopírovať snímku obrazovky do schránky a vložiť ju priamo do chatu alebo e -mailu, a nie hromadiť zbytočné súbory s obrázkami vo vašom počítači.

Inštalácia: Jednoduché snímanie obrazovky

7. Ľadový 2

Nakoniec je tu jedna zásadná úloha, s ktorou sa musíte každé ráno vyrovnať: otriasť zo zvyškov spánku a dostať sa do rytmu. Muzli 2 od InVision bude slúžiť ako vaše ranné noviny s vybranými článkami o umení, dizajne, UX a technológiách.

Muzli nahrádza vašu predvolenú kartu Chrome a umožňuje vám prispôsobiť si, čo tam vidíte. V závislosti od vašich záujmov vám Muzli vyberie informačné kanály, webové stránky od Dribble a Behance až po 99designs a Creative Bloq. Veľa inšpirácie na prechádzanie pri popíjaní prvej kávy!

Ak si myslíte, že celá karta prehliadača nabitá dizajnovým obsahom je príliš intenzívna, Muzli má aj verziu Lite. Nenahradí vašu predvolenú kartu a ku kanálu budete mať prístup kedykoľvek budete chcieť, stačí kliknúť na ikonu rozšírenia.

Inštalácia: Ľadová 2

Získajte rozšírenia pre Chrome pre všetky svoje dizajnérske úlohy

Rozšírenia pre prehliadač Chrome v tomto zozname sa nemusia zhodovať s vašim softvérom pre návrh, ale pokrývajú všetky maličkosti, ktoré sú súčasťou návrhára-či už ide o typografiu Intel alebo spoluprácu s kolegami.

Akonáhle si uvedomíte, že Internetový obchod Chrome je plný nástrojov, môže byť ťažké prestať pridávať nové. Tak sa uč ako spravovať rozšírenia pre prehliadač Chrome než sa im vymknú z rúk.

zdieľam zdieľam Tweet E -mail Oplatí sa upgradovať na Windows 11?

Windows bol prepracovaný. Stačí to však na to, aby ste sa presvedčili o prechode z Windows 10 na Windows 11?

Čítajte ďalej
Súvisiace témy
  • Internet
  • Kreatívny
  • Google Chrome
  • Vzhľad stránky
  • Rozšírenia prehliadača
O autorovi Alice Kotlyarenko(28 publikovaných článkov)

Alice je technologická spisovateľka, ktorá má slabé miesto v technológiách Apple. Chvíľu píše o počítačoch Mac a iPhone a fascinujú ju spôsoby, akými technológie pretvárajú kreativitu, kultúru a cestovanie.

Viac od Alice Kotlyarenko

prihlásiť sa ku odberu noviniek

Pripojte sa k nášmu bulletinu a získajte technické tipy, recenzie, bezplatné elektronické knihy a exkluzívne ponuky!

Kliknutím sem sa prihlásite na odber