Home-theater-designers
Som webbdesigner, vilken programvara måste du absolut ha på din dator? Chansen är att det är Photoshop och Illustrator. Och även om det är 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 och du går iväg. Från att identifiera teckensnitt på sidor till att mäta avstånd mellan webbelement, dessa Chrome -tillägg för webbdesign kommer att göra ditt liv enklare.
1. Dropbox för Gmail
Dropbox började som en filvärdtjänst, men det upptäckte snart att dess stora 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 mer bekväm. 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 smygtitt på vad du skickar. Länkar till bildfiler överför bilderna direkt till e -postmeddelandet och länkar till andra typer av filer ger en praktisk förhandsvisning.
Installera: Dropbox för Gmail
2. FontFace Ninja
Med tusentals teckensnitt tillgängliga är dina typografimöjligheter oändliga. Speciellt om du kan identifiera ett vackert teckensnitt du ser någonstans och låna det för ditt eget projekt.
FontFace Ninja är ett Chrome -tillägg som hjälper dig att göra just det. Ungefär som verktyg som hittar teckensnitt från bilder det hjälper dig att identifiera de teckensnitt du ser online. Den enda skillnaden är att FontFace Ninja läser teckensnitt som är kodade i sidans CSS, som typsnittet för rubriker och brödtext.
När du startar FontFace Ninja visar den informationen om teckensnittet du riktar det till --- och inte bara typsnittet, utan också vikten, storleken, höjden, bredden och färgen. För att bokmärka det teckensnittet behöver du ett konto på 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 som du såg online om du inte känner till dess RGB- eller HTML -värden. Lyckligtvis behöver du inte gissa om du har ColorPick -pipett.
Tycka om de bästa färgväljarapparna för Mac , ColorPick -pipetten visar dig värdena för vilken färg du än pekar på. Skillnaden är att den alltid finns där i din webbläsare och att du inte behöver ladda upp något --- 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 har tagit en färg visar den HTML-, RGB- och HSL -värdena för den.
Installera: ColorPick Ögondroppar
4. Mått
Denna öppen källkodstillägg är ett fynd för webbdesigners, speciellt om du gör engångsspelningar för småföretag. När en klient överlämnar dig till en webbplats utan tidigare filer eller dokumentation och ber dig att designa 'en sådan här sida, men med olika text och bilder', är det svårt att ta reda på layouten.
mitt hus historia efter adress
Med mått kan du enkelt mäta höjden och bredden på alla element på sidan, samt marginalerna mellan dem. Det gör det enkelt att återskapa befintliga sidor och dubbelkolla dina egna mönster efter att de har tagits 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 fler.
I 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 under flikar kan du se färgpaletten och alla teckensnitt vid en överblick 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.
vilken typ av ram använder min bärbara dator
Precis som 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. Men dess grundläggande funktioner som att inspektera färger, teckensnitt och bilder är gratis att använda.
Installera: Visuell inspektör
6. Enkel skärmdump
Ett tillägg för skärmdumpar kan verka överflödigt, eftersom det är lätt att ta en skärmdump på Mac och fånga din skärm i Windows är bara lite mer krångel. Men Easy Screen Capture har en hel del säljpunkter.
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 trick är att kunna kopiera skärmdumpen till Urklipp och klistra in den direkt i en chatt eller ett e -postmeddelande, snarare än att hamstra värdelösa bildfiler på din dator.
Installera: Enkel skärmdump
7. Icy 2
Slutligen finns det en viktig uppgift du måste ta itu med varje morgon: att skaka av resterna av sömn och komma in i spåret. Muzli 2 från InVision kommer att fungera som din morgontidning med kuraterade artiklar om konst, design, UX och teknik.
Muzli ersätter din standard Chrome -flik och låter dig anpassa vad du ser där. Beroende på dina intressen väljer Muzli flöden åt dig, med webbplatser som sträcker sig från Dribble och Behance till 99designs och Creative Bloq. Massor av inspiration att rulla igenom medan du smuttar på 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: Icy 2
Få 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 följer med att vara designer --- vare sig det är typografiintel eller samarbete 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 ur hand.
Dela med sig Dela med sig Tweet E-post Är det värt att uppgradera till Windows 11?Windows har gjorts om. Men är det tillräckligt för att övertyga dig om att byta från Windows 10 till Windows 11?
Läs Nästa Relaterade ämnen- Internet
- Kreativ
- Google Chrome
- Webbdesign
- Webbläsartillägg
Alice är en teknikförfattare med en mjuk plats 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 KotlyarenkoPrenumerera på vårt nyhetsbrev
Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e -böcker och exklusiva erbjudanden!
Klicka här för att prenumerera