7 povinných rozšíření Chrome pro webové designéry

reklama

Jaký je webový designér, jaký software musíte mít na svém počítači? Šance jsou to Photoshop a Illustrator. A i když to jsou základní prvky vašeho pracovního postupu návrhu, existují menší nástroje, které pravděpodobně nevíte, co potřebujete.

Nejlepší je, že je ani nemusíte stahovat - stačí nainstalovat tato rozšíření prohlížeče Chrome a vyrazit. Od rozšíření o písma na stránkách až po měření vzdáleností mezi webovými prvky vám tato rozšíření webového designu Chrome usnadní váš život.

1. Dropbox pro Gmail

Dropbox začal jako služba hostování souborů, ale brzy zjistil, že jeho hlavní publikum jsou návrháři, kteří tuto službu využívají ke sdílení své práce s kolegy. Protože návrhové soubory jsou často příliš velké pro e-mailové přílohy, je snazší odeslat do souboru odkaz Dropbox.

Dropbox pro Gmail je proces ještě pohodlnější. Když odkazujete na svůj soubor pomocí tlačítka Dropbox ve spodní části nového e-mailového okna, příjemce dostane plíživý pohled na to, co posí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

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

FontFace Ninja je rozšíření Chrome, které vám to pomůže. Stejně jako nástroje, které najdou písma z obrázků WhatTheFont a 4 alternativy k nalezení písem z obrázkůChcete najít obrázky z obrázků? Existují online nástroje, které vám to mohou pomoci, včetně WhatTheFont a různých alternativ. Přečtěte si více pomáhá vám identifikovat písma, která vidíte online. Jediný rozdíl je v tom, že FontFace Ninja čte písma kódovaná do CSS stránky, jako je písmo nadpisů a textu těla.

Když spustíte FontFace Ninja, zobrazí se vám informace o písmu, na které jej směřujete - 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é je vaše oko, 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, pokud máte ColorPick Eyedropper.

Jako nejlepší aplikace pro výběr barev pro Mac 5 nejlepších aplikací pro výběr barev pro MacPotřebujete na svém počítači Mac najít perfektní barvu? Vyzkoušejte tyto aplikace pro výběr barev makra pro snadnou identifikaci, uložení, formátování a kopírování barev. Přečtěte si více , ColorPick Eyedropper vám ukáže hodnoty pro jakoukoli barvu, na kterou poukazujete. Rozdíl spočívá 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 vidět na webové stránce (dokonce i v reklamách). Jakmile zachytíte barvu, zobrazí se vám hodnoty HTML, RGB a HSL.

Nainstalujte:Kapátko ColorPick

4. Rozměry

Toto rozšíření s otevřeným zdrojovým kódem je určeno pro webové designéry, zejména pokud provádíte jednorázové koncerty pro malé podniky. Když vám klient předá web bez jakýchkoli předchozích souborů nebo dokumentace a požádá vás, abyste navrhli „stránku jako je tato, ale s odlišným textem a obrázky“, je rozvržení bolestí.

Rozměry vám umožní snadno změřit výšku a šířku jakéhokoli prvku na stránce, jakož i okraje mezi nimi. Díky tomu je snadné znovu vytvořit existující stránky a znovu zkontrolovat vlastní návrhy poté, co vstoupí do výroby.

Nainstalujte:Rozměry

5. Vizuální inspektor

Visual Inspector je výkonný nástroj pro zpětnou vazbu a spolupráci pro návrhové týmy, který kombinuje funkce předchozích tří rozšíření a přidává ještě více.

V Kontrolovat Na kartě můžete vybrat jakýkoli prvek na stránce a získat o něm úplné informace, od dimenzí k názvu souboru. Barvy a Typografie Dílčí tabulky umožňují zobrazit paletu barev a všechna písma na první pohled Aktiva shromažďuje všechny obrázky na stránce na jednom místě.

Spolupracovat na kartě můžete poskytnout zpětnou vazbu a diskutovat se svým týmem. Je snadné zanechat komentář kliknutím na libovolný prvek na stránce.

Stejně jako nejpokročilejší nástroje nabízí Visual Inspector cenovku: za přidání komentářů a synchronizačních změn budete muset zaplatit od 9 $ / uživatel / měsíc. Jeho základní funkce, jako je kontrola barev, písem a obrázků, se však mohou používat zdarma.

Nainstalujte:Vizuální inspektor

6. Snadné snímání obrazovky

Rozšíření pro snímání obrazovky se může zdát nadbytečné, protože pořízení snímku obrazovky v systému Mac Jak pořizovat snímky obrazovky v systému Mac: Tipy, nástroje a triky, které byste měli vědětPotřebujete pořídit snímek obrazovky v počítači Mac? Zde jsou nejlepší zkratky, tipy a aplikace pro snímky obrazovky systému MacOS. Přečtěte si více je vánek a zachycení obrazovky na Windows Jak pořídit perfektní snímek obrazovky v systému WindowsNejlepší způsob, jak pořídit snímek obrazovky, závisí na verzi systému Windows, na které právě pracujete. Ukážeme vám jemné rozdíly, poskytneme tipy pro řešení problémů a odhalíme nejlepší klávesové zkratky a nástroje. Přečtěte si více je jen trochu víc potíží. Ale Easy Screen Capture má poměrně málo prodejních bodů.

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 vyžadovalo 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 do e-mailu, namísto hromadit zbytečné obrazové soubory ve vašem počítači.

Nainstalujte:Snadné snímání obrazovky

7. Muzli 2

Konečně 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 drážky. Muzli 2 by InVision bude sloužit jako vaše ranní noviny s kurátorský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 vidíte. V závislosti na vašich zájmech vybere Muzli zdroje pro vás, s webovými stránkami od Dribble a Behance po 99 designů a Creative Bloq. Spousta inspirace k procházení, zatímco vy usrkáváte svou první kávu!

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

Nainstalujte:Muzli 2

Získejte rozšíření Chrome pro všechny své úkoly v designu

Rozšíření prohlížeče Chrome v tomto seznamu neodpovídají vašemu návrhovému softwaru, ale pokrývají všechny malé věci, které přicházejí s tím, že jste designér - ať už jde o typografii nebo spolupráci s vámi kolegové.

Jakmile si uvědomíte, že Internetový obchod Chrome se hemží nástroji, může být obtížné přestat přidávat nové. Tak se učte jak spravovat rozšíření Chrome Jak spravovat rozšíření Chrome bez obtěžováníSprávná správa rozšíření Chrome může váš prohlížeč ještě vylepšit. Zde je několik základních tipů a triků, které byste měli vědět. Přečtěte si více než se vymknou z rukou.