Som webbdesigner, vilken programvara måste du absolut ha på din dator? Chansen är stor att det är Photoshop och Illustrator. Och även om det är det väsentliga i ditt designarbetsflöde, finns det mindre verktyg som du förmodligen inte vet att du behöver.
Det bästa är att du inte ens behöver ladda ner dem — bara installera dessa Chrome-tillägg så är du iväg. Från att identifiera teckensnitt på sidor till att mäta avstånd mellan webbelement, dessa webbdesignade Chrome-tillägg kommer att göra ditt liv enklare.
1. Dropbox för Gmail
Dropbox började som en filvärdtjänst, men upptäckte snart att dess största publik är designers, som använder tjänsten för att dela sitt arbete med kollegor. Eftersom designfiler ofta är för stora för e-postbilagor är det lättare att skicka en Dropbox-länk till filen.
Dropbox för Gmail gör processen ännu bekvämare. När du länkar till din fil med en Dropbox-knapp längst ner i det nya e-postfönstret får mottagaren en tjuvtitt på vad du skickar. Länkar till bildfiler laddar upp bilderna direkt till e-postmeddelandet, och länkar till andra typer av filer kommer att generera en praktisk förhandsvisning.
Installera: Dropbox för Gmail
2. FontFace Ninja
Med tusentals tillgängliga teckensnitt är dina typografimöjligheter oändliga. Speciellt om du kan identifiera ett vackert typsnitt du ser någonstans och låna det till ditt eget projekt.
FontFace Ninja är ett Chrome-tillägg som hjälper dig att göra just det. Ungefär som verktygen som hittar typsnitt från bilder, hjälper det dig att identifiera typsnitten du ser online. Den enda skillnaden är att FontFace Ninja läser typsnitten som är kodade i sidans CSS, som typsnittet för rubriker och brödtext.
När du startar FontFace Ninja kommer den att visa dig informationen om typsnittet du riktar det till — och inte bara typsnittet utan också vikt, storlek, höjd, bredd och färg. För att bokmärka det typsnittet behöver du ett konto hos systertjänsten FontFace Dojo.
Installera: FontFace Ninja
3. ColorPick pipett
Oavsett hur bra ett öga för färg du har, är det svårt att återskapa en viss nyans du såg online om du inte känner till dess RGB- eller HTML-värden. Som tur är behöver du inte gissa om du har ColorPick Eyedropper.
Precis som de bästa färgväljarapparna för Mac kommer ColorPick Eyedropper att visa dig värdena för vilken färg du pekar på. Skillnaden är att den alltid finns där i din webbläsare och du behöver inte ladda upp någonting — klicka bara på ikonen och flytta målet till rätt plats.
Tillägget läser färger från text, bilder och i stort sett allt du kan se på en webbsida (även annonserna). När du väl har tagit en färg visar den HTML-, RGB- och HSL-värdena för den.
Installera: ColorPick pipett
4. Mått
Detta tillägg med öppen källkod är ett fynd för webbdesigners, särskilt om du gör engångsspelningar för små företag. När en kund ger dig en webbplats utan några tidigare filer eller dokumentation och ber dig designa “en sida som denna, men med annan text och bilder”, är det svårt att ta reda på layouten.
Dimensioner låter dig enkelt mäta höjden och bredden på alla element på sidan, såväl som marginalerna mellan dem. Det gör det enkelt att återskapa befintliga sidor och dubbelkolla din egen design efter att de har satts i produktion.
Installera: Mått
5. Visuell inspektör
Visual Inspector är ett kraftfullt feedback- och samarbetsverktyg för designteam, som kombinerar funktionerna i de tre tidigare tilläggen och lägger till ännu mer.
I den Inspektera fliken kan du välja vilket element som helst på sidan för att få fullständig information om det, från dimensioner till filnamnet. De Färger och Typografi underflikar låter dig se färgpaletten och alla teckensnitt med en blick, medan Tillgångar samlar alla bilder på sidan på ett ställe.
De Samarbeta fliken är där du kan ge feedback och ha diskussioner med ditt team, och det är lätt att lämna en kommentar genom att klicka på valfritt element på sidan.
Liksom de flesta avancerade verktyg kommer Visual Inspector med en prislapp: du måste betala från $9/användare/månad för att lägga till kommentarer och synkronisera ändringar. Dess grundläggande funktioner som att inspektera färger, teckensnitt och bilder är dock free att använda.
Installera: Visuell inspektör
6. Enkel skärmdump
En skärmdumpstillägg kan tyckas överflödig, eftersom det är enkelt att ta en skärmdump på Mac, och att fånga din skärm på Windows är bara lite mer krångel. Men Easy Screen Capture har en hel del försäljningsargument.
Viktigast av allt, det låter dig fånga hela webbsidan, inte bara området du ser på skärmen. Det är ovärderligt när du behöver rapportera flera problem på en lång sida, och att fånga dem alla skulle ta tre till fyra skärmdumpar.
Ett annat snyggt knep är att kunna kopiera skärmdumpen till urklipp och klistra in den direkt i en chatt eller ett e-postmeddelande, istället för att lagra värdelösa bildfiler på din dator.
Installera: Enkel skärmdump
7. Muzli 2
Slutligen finns det en avgörande uppgift du måste ta itu med varje morgon: att skaka av dig resterna av sömn och komma in i spåret. Muzli 2 av InVision kommer att fungera som din morgontidning med kurerade artiklar om konst, design, UX och teknik.
Muzli ersätter din standardflik för Chrome och låter dig anpassa vad du ser där. Beroende på dina intressen kommer Muzli att välja flöden åt dig, med webbplatser som sträcker sig från Dribble och Behance till 99designs och Creative Bloq. Massor av inspiration att bläddra igenom medan du dricker ditt första kaffe!
Om du tycker att en hel webbläsarflik fylld med designinnehåll är för intensiv, har Muzli också en Lite-version. Det kommer inte att åsidosätta din standardflik, och du kommer att kunna komma åt flödet när du vill bara genom att klicka på tilläggsikonen.
Installera: Muzli 2
Skaffa Chrome-tillägg för alla dina designuppgifter
Chrome-tilläggen på den här listan matchar inte din designprogramvara, men de täcker alla små saker som kommer med att vara designer — vare sig det är typografisk information eller att samarbeta med dina kollegor.
När du väl inser att Chrome Web Store är full av verktyg kan det vara svårt att sluta lägga till nya. Så lär dig hur du hanterar dina Chrome-tillägg innan de går över styr.
Om författaren
Alice Kotlyarenko (28 artiklar publicerade)
Alice är en teknikskribent med en svag punkt för Apple-teknik. Hon har skrivit om Mac och iPhone ett tag och är fascinerad av hur tekniken omformar kreativitet, kultur och resor.
Mer från Alice Kotlyarenko
Prenumerera på vårt nyhetsbrev
Gå med i vårt nyhetsbrev för tekniska tips, recensioner, free e-böcker och exklusiva erbjudanden!
Klicka här för att prenumerera
