7 Musí mít rozšíření pro Chrome pro webové designéry

7 Musí mít rozšíření pro Chrome pro webové designéry

Jaký software jako webdesigner musíte mít ve svém počítači? Je pravděpodobné, že je to Photoshop a Illustrator. A i když to jsou základy vašeho pracovního postupu při návrhu, existují menší nástroje, o kterých pravděpodobně nevíte, že je potřebujete.





Nejlepší na tom je, že je ani nemusíte stahovat-stačí nainstalovat tato rozšíření pro Chrome a můžete jít. Od identifikace písem na stránkách až po měření vzdáleností mezi webovými prvky vám tato webová rozšíření pro Chrome usnadní život.





1. Dropbox pro Gmail

Dropbox začínal jako služba hostování souborů, ale brzy zjistil, že jeho hlavním publikem jsou návrháři, kteří tuto službu používají ke sdílení své práce s kolegy. Protože jsou soubory návrhu často příliš velké pro přílohy e -mailů, je snazší odeslat odkaz na soubor Dropbox.





Dropbox pro Gmail činí tento proces ještě pohodlnějším. Když odkazujete na svůj soubor pomocí tlačítka Dropbox ve spodní části nového e -mailového okna, příjemce získá náhled, co odesíláte. Odkazy na soubory obrázků nahrají obrázky přímo do e -mailu a odkazy na jiné typy souborů vygenerují praktický náhled.

Nainstalujte: Dropbox pro Gmail



2. FontFace Ninja

Díky tisícům dostupných písem jsou vaše možnosti typografie nekonečné. Zvláště pokud dokážete identifikovat krásné písmo, které někde vidíte, a půjčit si ho pro svůj vlastní projekt.

FontFace Ninja je rozšíření pro Chrome, které vám s tím pomůže. Hodně jako nástroje, které vyhledávají písma z obrázků pomáhá vám identifikovat písma, která vidíte online. Jediným rozdílem je, že FontFace Ninja čte písma zakódovaná do CSS stránky, jako je typ nadpisů a textu textu.





Když spustíte FontFace Ninja, zobrazí se vám informace o písmu, do kterého jej nasměrujete --- a nejen písmo, ale také hmotnost, velikost, výška, šířka a barva. Chcete -li si toto písmo uložit do záložek, budete potřebovat účet u sesterské služby, FontFace Dojo .

Nainstalujte: FontFace Ninja





3. Kapátko ColorPick

Bez ohledu na to, jak dobré oko pro barvu máte, je těžké znovu vytvořit konkrétní odstín, který jste viděli online, pokud neznáte jeho hodnoty RGB nebo HTML. Naštěstí nemusíte hádat, jestli máte kapátko ColorPick.

Jako nejlepší aplikace pro výběr barev pro Mac „Kapátko ColorPick vám ukáže hodnoty pro jakoukoli barvu, na kterou ukážete. Rozdíl je v tom, že je vždy ve vašem prohlížeči a nemusíte nic nahrávat-stačí kliknout na ikonu a přesunout cíl na správné místo.

Rozšíření čte barvy z textu, obrázků a téměř všeho, co můžete na webové stránce vidět (dokonce i reklamy). Jakmile zachytíte barvu, zobrazí se pro ni hodnoty HTML, RGB a HSL.

Nainstalujte: Kapátko ColorPick

4. Rozměry

Toto rozšíření s otevřeným zdrojovým kódem je vhodné pro webové designéry, zvláště pokud děláte jednorázové koncerty pro malé firmy. Když vám klient předá web bez předchozích souborů nebo dokumentace a požádá vás, abyste navrhli „stránku jako je tato, ale s jiným textem a obrázky“, je obtížné zjistit rozvržení.

můžete nahrávat telefonní hovory na iphone

Dimenze vám umožní snadno měřit výšku a šířku jakéhokoli prvku na stránce a také okraje mezi nimi. Díky tomu je snadné znovu vytvořit stávající stránky a znovu zkontrolovat vlastní návrhy poté, co se dostanou do výroby.

Nainstalujte: Rozměry

5. Vizuální inspektor

Visual Inspector je účinný nástroj pro zpětnou vazbu a spolupráci pro návrhářské týmy, který kombinuje funkce předchozích tří rozšíření a přidává ještě další.

V Kontrolovat Na kartě můžete vybrat libovolný prvek na stránce a získat o něm úplné informace, od dimenzí až po název souboru. The Barvy a Typografie dílčí záložky vám umožní vidět paletu barev a všechna písma na první pohled, zatímco Aktiva shromažďuje všechny obrázky na stránce na jednom místě.

The Spolupracovat karta je místo, kde můžete dávat zpětnou vazbu a diskutovat se svým týmem, a je snadné zanechat komentář kliknutím na jakýkoli prvek na stránce.

stahujte filmy zdarma do mého telefonu

Stejně jako většina pokročilých nástrojů, i Visual Inspector přichází s cenovkou: za přidávání komentářů a synchronizaci změn budete muset zaplatit od 9 USD/uživatel/měsíc. Jeho základní funkce, jako je kontrola barev, písem a obrázků, jsou však zdarma k použití.

Nainstalujte: Vizuální inspektor

6. Snadné snímání obrazovky

Rozšíření pro zachycení obrazovky se může zdát nadbytečné, protože pořídit snímek obrazovky na počítači Mac je hračka a zachycení obrazovky ve Windows je jen trochu větší potíže. Easy Screen Capture má ale několik prodejních míst.

A co je nejdůležitější, umožňuje vám zachytit celou webovou stránku, nejen oblast, kterou vidíte na obrazovce. To je k nezaplacení, když potřebujete nahlásit několik problémů na dlouhé stránce a jejich zachycení by zabralo tři až čtyři snímky obrazovky.

Dalším úhledným trikem je možnost zkopírovat snímek obrazovky do schránky a vložit jej přímo do chatu nebo e -mailu, nikoli hromadit zbytečné soubory obrázků ve vašem počítači.

Nainstalujte: Snadné snímání obrazovky

7. Ledový 2

Nakonec je tu jeden zásadní úkol, se kterým se musíte každé ráno vypořádat: setřást zbytky spánku a dostat se do rýhy. Muzli 2 od InVision bude sloužit jako vaše ranní noviny s vybranými články o umění, designu, UX a technologii.

Muzli nahrazuje vaši výchozí kartu Chrome a umožňuje vám přizpůsobit to, co tam vidíte. V závislosti na vašich zájmech vám Muzli vybere kanály, s webovými stránkami od Dribble a Behance až po 99designs a Creative Bloq. Spousta inspirace k procházení při popíjení první kávy!

Pokud si myslíte, že je celá karta prohlížeče nabitá designovým obsahem příliš intenzivní, má Muzli také verzi Lite. Nepřepíše vaši výchozí kartu a ke kanálu budete mít přístup kdykoli budete chtít pouhým kliknutím na ikonu rozšíření.

Nainstalujte: Ledová 2

Získejte rozšíření Chrome pro všechny své úkoly návrhu

Rozšíření pro Chrome v tomto seznamu neodpovídají vašemu návrhovému softwaru, ale pokrývají všechny maličkosti, které s sebou designér přináší-ať už jde o typografické informace nebo spolupráci se svými kolegy.

Jakmile si uvědomíte, že Internetový obchod Chrome přetéká nástroji, může být těžké přestat přidávat nové. Tak se uč jak spravovat rozšíření pro Chrome než se jim to vymkne z rukou.

Podíl Podíl tweet E-mailem Vyplatí se upgradovat na Windows 11?

Windows byl přepracován. Ale stačí to k tomu, abyste vás přesvědčili o přechodu z Windows 10 na Windows 11?

Číst dále
Související témata
  • Internet
  • Tvořivý
  • Google Chrome
  • Webový design
  • Rozšíření prohlížeče
O autorovi Alice Kotlyarenko(28 článků zveřejněno)

Alice je technologická spisovatelka, která má slabost pro technologie Apple. Chvíli píše o počítačích Mac a iPhone a fascinují ji způsoby, jak technologie přetváří kreativitu, kulturu a cestování.

Více od Alice Kotlyarenko

Přihlaste se k odběru našeho zpravodaje

Připojte se k našemu zpravodaji a získejte technické tipy, recenze, bezplatné elektronické knihy a exkluzivní nabídky!

Kliknutím sem se přihlásíte k odběru