29 skvělých rozšíření pro Chrome pro design

Jako člověk na volné noze, který musí pro klienty vytvářet poutavé obrázky, vždy hledám nejlepší rozšíření pro Google Chrome pro design, která mi stokrát usnadní práci.

Ať už jste zkušení designéři, nebo teprve začínáte, až dočtete tento příspěvek, budete mít alespoň jeden nový nástroj, který vám pomůže vytvářet ještě lepší díla (a také být efektivnější).

Rozšíření Chrome pro pořizování snímků obrazovky a anotací-

Awesome Screenshot

Awesome Screenshot je velmi užitečný, pokud jde o pořizování snímků obrazovky a záznamů obrazovky při práci online.

Awesome Screenshot

Funkce

  • Snímání online stránek při prohlížení
  • Vytváření videozáznamu obrazovky
  • Ořezávání a změna velikosti snímku obrazovky. obrázků
  • K dispozici jsou také nástroje pro tvorbu poznámek a rozostření
  • Snadno stahujte a ukládejte své obrázky a videa

Získejte úžasný snímek obrazovky

qSnap

qSnap je křížovýprohlížečů nástroj pro snímání obrazovky pro Chrome, Firefox, Safari, Opera a Internet Explorer.

qSnap screenshot

Funkce

  • Snímání a anotování více obrázků najednou
  • Konsolidace více obrázků. do jednoho dokumentu
  • Sdílejte snímky obrazovky napříč platformami

Získejte qSnap

Evernote Web Clipper

Evernote je populární poznámkový aparát.software pro pořizování poznámek jak pro mobilní zařízení, tak pro stolní/laptop počítače.

Evernote web clipper screenshot

Funkce

  • Zachycení snímků obrazovky při práci online
  • Uspořádání snímků obrazovky do složek
  • Synchronizace snímků obrazovky napříč zařízeními, takže. k nim budete mít přístup odkudkoli

Získejte Evernote Web Clipper

Rozšíření pro Chrome pro úpravu obrázků a fotografií-

Colorzilla

Objevili jste na cizím webu pěknou barvu? Zjistěte její kód HEX pomocí aplikace Colorzilla.

Snímek obrazovky ColorZilla

Funkce

  • Získejte údaj o barvě z libovolného místa v prohlížeči
  • Zobrazuje RGB i HEX. kódy
  • Snadno vložíte barvy do jakékoli jiné aplikace

Získejte Colorzilla

ProofMe pro Canva

Pomocí rozšíření Canva ProofMe, můžete vytvářet náhledy svých návrhů v aplikaci Canva a posílat je e-mailem přátelům nebo kolegům.

Snímek obrazovkyProofMe pro Canva

Funkce

  • Sdílejte bezproblémově náhledy s Gmailem, Facebookem, Twitterem, Slackem a dalšími službami
  • Popisujte návrhy kreslením čar, zvýrazňováním textu, měřením a přidáváním komentářů
  • Snadno zapracovávejte zpětnou vazbu a ukládejte nové verze náhledů

Získejte ProofMe

Picmonkey

Picmonkey je jedno z nejlepších rozšíření prohlížeče Chrome pro návrháře, které vám umožní okamžitě upravovat snímky obrazovky a obrázky nalezené na jakékoli webové stránce.

Snímek obrazovky PicMonkey

Jak používat PicMonkey

  • Klikněte na ikonu PicMonkey při prohlížení webové stránky.
  • Vyberte libovolný obrázek nebo snímek obrazovky na postranním panelu.
  • Provádějte základní úpravy, jako jsou: ořez &otočení, filtry obrázků, překryvy, písma, textury, rámečky a nástroje pro retušování.

Získejte Picmonkey

Slidely Photo Remix

Oživte libovolný online obrázek pomocí vlastních funkcí úprav Slidely Photo Remix.

Snímek obrazovky Slidely Photo remix

Funkce

  • Přidejte textové překryvy k libovolnému obrázku jedním kliknutím.
  • Vytvářejte plnohodnotné koláže, slajdy s hudbou nebo dokonce propagaci svého podnikání.
  • Sdílejte své fotografie prostřednictvím e-mailu, Facebooku, Google Plus, Pinterestu nebo Twitteru.

Získejte Slidely Photo Remix

Fotománie

Pomocí snadno použitelných efektů z Fotománie okamžitě proměníte jakoukoli online fotografii ve vzrušující vizuální umění.

Snímek obrazovky PhotoManie

Jak používat PhotoManii

  • Najeďte na libovolný obrázek v prohlížeči.
  • Vyberte si z více než 400 efektů. V tomto příkladu byl vybrán efekt „Skica“.
  • Sdílejte svůj obrázek s přáteli.

Pokud se vám PhotoMania líbí, Polarr a GooEdit jsou další dvě rozšíření, která vám umožní snadno upravovat fotografie přímo v prohlížeči.

Získejte PhotoManii

Sumo Paint

Sumo Paint je plnohodnotné rozšíření pro malování a úpravy obrázků pro pokročilé designéry, kteří by rádi vytvářeli úžasné obrázky bez cenové náročnosti nástrojů, jako je Photoshop.

Snímek obrazovky aplikace Sumo Paint

Funkce

  • Aktivní umělecká komunita čítající přes 570 000 členů a více než 2 miliony obrázků
  • Podpora vrstev obrázků
  • Efekty stínů, záře, gradientu a překrytí
  • Nástroje pro úpravu obrázků pro křivky, úrovně, vyvážení barev a další
  • Profesionální nástroje pro malování s více než 300 štětci
  • Desítky dalších funkcí srovnatelných se standardními nástroji Photoshopu

Získejte Sumo Paint

Váš grafický designér

Váš grafický designér je vektorový grafický editor HTML5, který lze použít k vytváření kreseb, vektorů a maleb online i offline.

Snímek obrazovky aplikaceYour Graphic Designer

Funkce

  • Kreslení volnou rukou
  • Plná paleta vektorových nástrojů včetně čar, tvarů a křivek
  • Export jako SVG, PNG, JPG, BMP a PDF
  • Podpora více jazyků

Získejte svého grafika

WhatFont

Zajímavé webové písmo vás zaujalo a potřebujete vědět, jaké to je? WhatFont kontroluje a zjišťuje písma použitá na jakémkoli webu.

Jak používat WhatFont

  • Kliknutím na ikonu WhatFont zobrazíte seznam různých písem použitých na stránce.
  • Kliknutím na konkrétní část textu se dozvíte informace o jeho typu.

Získejte WhatFont

Stahovač obrázků

Prohlížejte a stahujte všechny obrázky z libovolné webové stránky pomocí nástroje Image Downloader.

Snímek obrazovky nástroje Image Downloader
  • Prohlédněte si všechny obrázky na stránce, hostované i odkazované
  • Filtrujte obrázky podle šířky, výšky a adresy URL
  • Stáhněte nebo otevřete jednotlivé obrázky

Použijte rozšíření Gallerify, které plní stejnou funkci.

Získejte nástroj pro stahování obrázků

Pablo

Navrhněte obrázky optimalizované pro každou platformu sociálních médií pomocí rozšíření Pablo Chrome.

Rozšíření Pablo

Jak používat Pablo

  • Vyberte si z více než 600 000 bezplatných stock obrázků nebo nahrajte vlastní.
  • Vyberte si, na které platformě sociálních sítí bude obrázek umístěn.
  • Přidejte text a další obrazové filtry a vytvořte si vlastní mistrovské dílo.

Získejte Pablo

Klávesnice Emoji

Máte rádi emoji? Přidejte je do psaného obsahu nebo na obrázky pomocí tohoto rozšíření.

Snímek obrazovky klávesnice Emoji

Jak používat klávesnici Emoji

  • Klikněte na ikonu klávesnice Emoji v liště prohlížeče.
  • Vyhledejte emoji, které chcete použít.
  • Klikněte na kopírování a pak je vložte do toho, co píšete.

Získání klávesnice Emoji

HoverZoom+

Přiblížení libovolného obrázku webové stránky pouhým najetím myší na obrázek.

Zvětšení snímku obrazovky pomocí najetí myší

Funkce

  • Funguje se službami Amazon, Facebook, Flickr, Google (Google Images, Google+), Imgur, Pinterest, Reddit, Twitter. Tumblr, Wikipedia, WordPress, YouTube a další

Získejte HoverZoom+

Texmage

Vytvářejte textové překryvy na libovolném obrázku pomocí Texmage, aniž byste museli obrázek nejprve stahovat, nahrávat do Canvy nebo Picmonkey a poté upravovat.

Snímek obrazovky Texmage

Jak používat Texmage

  • Vyberte obrázek z libovolné webové stránky.
  • Přidejte na obrázek text a upravte jeho velikost, písmo, barvu a neprůhlednost.
  • Stáhněte si svou novou „texmage“ nebo ji sdílejte na sociálních sítích.

Získejte Texmage

Uložení do Fotek Google

Uložíte si obrázky nalezené online do Fotek Google, abyste s nimi mohli později pracovat.

Uložení snímku do Fotek Google

Funkce

  • Neomezené, bezplatné úložiště
  • Přístup k fotografiím kdekoli, kde máte připojení k internetu
  • Automatické odstraňování duplicitních snímků
  • Více fotoalb

Získat Fotky Google

Vývojáři webových rozšíření pro Chrome-

PerfectPixel

PerfectPixel umožňuje vývojářům umístit polo-průhledný obrázek přes horní část stránky HTML a provést jejich porovnání pixel po pixelu.

Snímek obrazovky programu PerfectPixel

Funkce

  • Podpora více překryvů
  • Podpora verzí a škálování
  • Překryvy ukládané mezi relacemi prohlížení

Za vyzkoušení stojí také dva další nástroje pro překrývání – Bootstrap Overlay a Instant Wireframe.

Získejte PerfectPixel

CSS Shack

CSS Shack je rozšíření pro Chrome a desktopová aplikace, která vám umožní snadno vytvářet návrhy webových stránek a makety aplikací.

Snímek obrazovky CSS Shack

Funkce

  • Vytváření stylů vrstev
  • Export stylů do CSS a ukládání
  • Použití pro tvorbu a údržbu. průvodce styly webu

Získejte CSS Shack

Generátor CSS3

Rozšíření Generátor CSS3 vytváří potřebný kód CSS, takže jej nemusíte psát sami.

Snímek obrazovky generátoru CSS3

Funkce

  • Stíny textu a rámečků
  • Barvy Tex/RGBA
  • Transformace
  • Sloupce
  • Gradienty
  • Přechody
  • A další!

Získejte generátor CSS3

Page Ruler

Page Ruler umožňuje nakreslit na libovolné stránce pravítko pro zobrazení rozměrů v pixelech a umístění libovolného prvku na webové stránce.

Snímek stránky Ruler

Funkce

  • Zobrazení šířky & výšky a horní, dolní části, levé & pravé polohy
  • Průvodce vycházející z okrajů pravítka
  • Ruční aktualizace velikosti a polohy pravítka pro přesné změny
  • „Režim prvků“ obkresluje prvky stránky na stránce při najetí myší na ně
  • Procházet nadřazenými, podřazenými a sourozeneckými prvky libovolného prvku

Získat pravítko stránky

Chromová daltonizace!

Barevná slepota postihuje přibližně 5 % populace. To je 1 z každých 20 uživatelů počítačů! Rozšíření Chrome Daltonize zesiluje barevné detaily, takže barvoslepým uživatelům neunikne žádný obsah.

Chrome Daltonize! screenshot

Funkce

  • Simuluje, jak se budou obrázky jevit barvoslepému člověku
  • Zvýrazňuje barvy barvoslepým uživatelům a umožňuje jim tak vidět detaily

Získejte Chrome Daltonize

Window Resizer Beta

Každá velikost obrazovky má jiné rozlišení, a Window Resizer vám ukáže, jak budou webové stránky vypadat na různých obrazovkách – a to vše v okně prohlížeče.

Snímek obrazovky Window Resizer Beta

Jak používat Window Resizer

  • Po instalaci se po kliknutí na ikonu rozšíření otevře dialogové okno (jak je znázorněno na obrázku níže), které umožňuje změnit velikost obrazovky na různá rozlišení, takže můžete simulovat, jak by webová stránka vypadala na dané velikosti obrazovky a v daném rozlišení.

Získat Window Resizer Beta

Web Maker

Web Maker je ideální pro vývojáře, kteří chtějí experimentovat s prvky HTML, CSS nebo Javascript, když nejsou online.

Snímek obrazovky aplikaceWeb Maker

Funkce

  • Ukládání a načítání vašich výtvorů, kdykoli, kdekoli
  • Autodokončení kódu
  • Upravování v CodePenu
  • Náhled zachycení snímku obrazovky
  • Otevření zdrojového kódu na Githubu

Získejte Web Maker

Modré tlačítko

Modré tlačítko je nejlepší špionážní zbraň kutilského designéra. Pomocí něj můžete kontrolovat meta popis, značky, CSS a vše ostatní „pod kapotou“ jakéhokoli webu.

Snímek obrazovky modrého tlačítka

Funkce

  • Přehled všech základních prvků webového designu, grafiky a SEO jedním kliknutím
  • Přístup k informacím souvisejícím se SEO, jako jsou značky, meta popis a informace o záhlaví
  • Zobrazení seznamu všech skriptů a souborů stylů použitých na webu
  • Zobrazení favikony webu, dotykových ikon a dalších obrázků.
  • Zjistěte, která písma Google jsou načtena

Získat modré tlačítko

Inspirativní rozšíření pro Chrome-

26. Karta Flickr

Po instalaci karty Flickr se na každé nové kartě Chrome zobrazí populární fotografie z komunity Flickr.

Funkce

  • Široká nabídka vysoce kvalitních obrázků z komunity Flickr
  • Jedinečná.kliknutím získáte přístup k obrázku na Flickru
  • Možnost okamžitého propojení s dalšími fotografiemi od uživatele

Získat kartu Flickr

Google Art Project

Když jste umělec, není vždy snadné získat inspiraci. Google Art Project otevře nové umělecké dílo pokaždé, když otevřete novou kartu Chrome.

Snímek obrazovky Google Art Project

Funkce

  • Mistrovská díla od Van Gogha přes Moneta až po současné pouliční umělce
  • Umělecká díla se denně obnovují
  • Každý obrázek je připojen. s dalšími informacemi na webu Kulturního institutu Google

Získat Google Art Project

Záložka

Záložka umožňuje shromažďovat vizuální záložky, které vás budou inspirovat a dodají vám tvůrčí šťávu.

Snímek obrazovky Wookmark

Jak Wookmark funguje

  • Snadno vytvářejte záložky a ukládejte obrázky z jiných webových stránek
  • Nahrávejte své tvůrčí výstupy a… sdílejte je s ostatními
  • Pomocí skupin vytvářejte nástěnky nálad
  • Sdílejte obrázky a diskutujte o nich s přáteli

Získejte Wookmark

Muzli 2

Získejte reali-designovou inspiraci v reálném čase, včetně fotografií, návrhů, UI/UX a dalších informací z celého webu.

Snímek obrazovky Muzli 2

Vlastnosti

  • Zaměňuje výchozí stránku Chrome s nejsvěžejším designem, uživatelským rozhraním, UX a interaktivními novinkami a fotografiemi z celého webu
  • Integruje se s Dribbble, Designer News, Sidebar, CSS Winner, The Next Web a dalšími

Získejte Muzli 2

A to je vše!-

To je 29 rozšíření Google Chrome pro designéry, která vám pomohou vytvářet úžasné obrázky a vždy vás budou inspirovat!“

.