7 obligāti Chrome paplašinājumi tīmekļa dizaineriem

7 obligāti Chrome paplašinājumi tīmekļa dizaineriem

Kādai programmatūrai, kas jums noteikti ir jābūt datorā, kā tīmekļa dizainerim? Iespējams, ka tas ir Photoshop un Illustrator. Un, lai gan tie ir jūsu dizaina darbplūsmas būtiskie elementi, ir arī mazāki rīki, kurus jūs, iespējams, nezināt.





Labākais ir tas, ka jums tie pat nav jālejupielādē-vienkārši instalējiet šos Chrome paplašinājumus un dodieties prom. Šie tīmekļa dizaina Chrome paplašinājumi, sākot no fontu identificēšanas lapās līdz attāluma mērīšanai starp tīmekļa elementiem, atvieglos jūsu dzīvi.





1. Dropbox pakalpojumam Gmail

Dropbox sāka darboties kā failu mitināšanas pakalpojums, taču drīz vien atklāja, ka tā galvenā auditorija ir dizaineri, kuri izmanto šo pakalpojumu, lai dalītos savā darbā ar kolēģiem. Tā kā dizaina faili bieži ir pārāk lieli e -pasta pielikumiem, ir vieglāk nosūtīt Dropbox saiti uz failu.





Dropbox for Gmail padara procesu vēl ērtāku. Ja izveidojat saiti uz savu failu, izmantojot pogu Dropbox jaunā e -pasta loga apakšā, adresāts saņem ieskatu sūtītajā. Saites uz attēlu failiem augšupielādēs attēlus tieši uz e -pastu, un saites uz cita veida failiem radīs ērtu priekšskatījumu.

Uzstādīt: Dropbox Gmail



2. FontFace Ninja

Ar tūkstošiem pieejamo fontu jūsu tipogrāfijas iespējas ir bezgalīgas. It īpaši, ja jūs varat identificēt skaistu fontu, ko kaut kur redzat, un aizņemties to savam projektam.

FontFace Ninja ir Chrome paplašinājums, kas palīdz jums to darīt. Līdzīgi kā rīki, kas atrod fontus no attēliem tas palīdz identificēt tiešsaistē redzamos fontus. Vienīgā atšķirība ir tāda, ka FontFace Ninja nolasa lapas CSS kodētos fontus, piemēram, virsrakstu un pamatteksta burtveidolu.





Palaižot FontFace Ninja, tā parādīs informāciju par fontu, uz kuru jūs to novirzījat-un ne tikai burtveidolu, bet arī svaru, izmēru, augstumu, platumu un krāsu. Lai fontu atzīmētu kā grāmatzīmi, jums ir nepieciešams konts māsas pakalpojumā, FontFace Dojo .

Uzstādīt: FontFace Ninja





3. ColorPick Eyropper

Neatkarīgi no tā, cik laba ir jūsu acu krāsa, jums ir grūti atjaunot konkrētu nokrāsu, ko redzējāt tiešsaistē, ja vien nezināt tās RGB vai HTML vērtības. Par laimi, jums nav jāuzmin, vai jums ir ColorPick Eyedropper.

Patīk labākās krāsu atlasītāja lietotnes operētājsistēmai Mac , ColorPick Eyropper parādīs jebkuras krāsas vērtības, uz kurām norādāt. Atšķirība ir tāda, ka tā vienmēr atrodas jūsu pārlūkprogrammā un jums nekas nav jāaugšupielādē-vienkārši noklikšķiniet uz ikonas un pārvietojiet mērķi pareizajā vietā.

Paplašinājums nolasa krāsas no teksta, attēliem un gandrīz visa, ko jūs varētu redzēt tīmekļa lapā (pat reklāmās). Kad esat iemūžinājis krāsu, tas parāda tās HTML, RGB un HSL vērtības.

Uzstādīt: ColorPick Eyropper

4. Izmēri

Šis atvērtā koda paplašinājums ir atradums tīmekļa dizaineriem, it īpaši, ja veicat vienreizējus koncertus mazajiem uzņēmumiem. Kad klients nodod jums vietni bez iepriekšējiem failiem vai dokumentācijas un lūdz jums izveidot “šādu lapu, bet ar atšķirīgu tekstu un attēliem”, izkārtojuma izdomāšana ir sāpīga.

noklikšķiniet un velciet nestrādājošo mac

Izmēri ļauj ērti izmērīt jebkura lapas elementa augstumu un platumu, kā arī piemales starp tiem. Tādējādi ir viegli atjaunot esošās lapas un vēlreiz pārbaudīt savus dizainus pēc to izlaišanas.

Uzstādīt: Izmēri

5. Vizuālais inspektors

Vizuālais inspektors ir spēcīgs atgriezeniskās saites un sadarbības rīks dizaina komandām, apvienojot iepriekšējo trīs paplašinājumu funkcijas un pievienojot vēl vairāk.

Iekš Pārbaudīt cilnē varat izvēlēties jebkuru lapas elementu, lai iegūtu pilnīgu informāciju par to, sākot no izmēriem līdz faila nosaukumam. The Krāsas un Tipogrāfija apakšcilnes ļauj vienā mirklī redzēt krāsu paleti un visus fontus Aktīvi apkopo visus lapas attēlus vienuviet.

The Sadarboties cilnē varat sniegt atsauksmes un apspriesties ar savu komandu, un ir viegli atstāt komentāru, noklikšķinot uz jebkura lapas elementa.

populārākās lietas, ko iegādāties pakalpojumā Google Play

Tāpat kā lielākajai daļai uzlaboto rīku, arī vizuālajam inspektoram ir cenu zīme: jums būs jāmaksā no USD 9 par lietotāju mēnesī, lai pievienotu komentārus un sinhronizētu izmaiņas. Tomēr tās pamatfunkcijas, piemēram, krāsu, fontu un attēlu pārbaude, ir brīvi izmantojamas.

Uzstādīt: Vizuālais inspektors

6. Easy Screen Capture

Ekrāna uzņemšanas paplašinājums var šķist lieks, jo ekrānuzņēmuma uzņemšana operētājsistēmā Mac ir vienkārša, un ekrāna uzņemšana operētājsistēmā Windows ir tikai nedaudz vairāk problēmu. Bet Easy Screen Capture ir diezgan daudz pārdošanas punktu.

Vissvarīgākais ir tas, ka tas ļauj uzņemt visu tīmekļa lapu, nevis tikai ekrānā redzamo apgabalu. Tas ir nenovērtējams, ja jums ir jāziņo par vairākām problēmām garā lapā, un to visu uzņemšana prasītu trīs līdz četrus ekrānuzņēmumus.

Vēl viens veikls triks ir iespēja kopēt ekrānuzņēmumu starpliktuvē un ielīmēt tieši tērzēšanā vai e -pastā, nevis uzkrāt bezjēdzīgus attēlu failus datorā.

Uzstādīt: Vienkārša ekrāna uzņemšana

7. Ledus 2

Visbeidzot, ir viens svarīgs uzdevums, kas jums jārisina katru rītu: miega palieku nokratīšana un iekļūšana rievā. InVision Muzli 2 kalpos kā jūsu rīta laikraksts ar kuratīviem rakstiem par mākslu, dizainu, UX un tehnoloģijām.

Muzli aizstāj jūsu noklusējuma Chrome cilni un ļauj pielāgot tur redzamo. Atkarībā no jūsu interesēm, Muzli jums izvēlēsies plūsmas ar vietnēm, sākot no Dribble un Behance līdz 99designs un Creative Bloq. Daudz iedvesmas ritināšanai, malkojot pirmo kafiju!

Ja uzskatāt, ka visa pārlūkprogrammas cilne ar dizaina saturu ir pārāk intensīva, Muzli ir arī vienkāršota versija. Tā netiks ignorēta jūsu noklusējuma cilne, un jūs varēsit piekļūt plūsmai, kad vien vēlaties, vienkārši noklikšķinot uz paplašinājuma ikonas.

Uzstādīt: Ledus 2

Iegūstiet Chrome paplašinājumus visiem saviem dizaina uzdevumiem

Šajā sarakstā iekļautie Chrome paplašinājumi neatbilst jūsu dizaina programmatūrai, taču tie aptver visas mazās lietas, kas saistītas ar dizaineru darbu-vai nu tas būtu tipogrāfija, vai sadarbība ar kolēģiem.

Kad saprotat, ka Chrome interneta veikalā ir daudz rīku, var būt grūti pārtraukt jaunu rīku pievienošanu. Tāpēc mācieties kā pārvaldīt savus Chrome paplašinājumus pirms viņi izkļūst no rokām.

Kopīgot Kopīgot Čivināt E -pasts Vai ir vērts jaunināt uz Windows 11?

Windows ir pārveidots. Bet vai ar to pietiek, lai pārliecinātu jūs pāriet no Windows 10 uz Windows 11?

Lasīt Tālāk
Saistītās tēmas
  • Internets
  • Radošs
  • Google Chrome
  • Web dizains
  • Pārlūkprogrammas paplašinājumi
Par autoru Alise Kotļarenko(Publicēti 28 raksti)

Alise ir tehnoloģiju rakstniece ar maigu vietu Apple tehnoloģijām. Viņa kādu laiku raksta par Mac un iPhone, un viņu aizrauj veidi, kā tehnoloģijas pārveido radošumu, kultūru un ceļojumus.

Vairāk no Alise Kotlyarenko

Abonējiet mūsu biļetenu

Pievienojieties mūsu informatīvajam izdevumam, lai iegūtu tehniskus padomus, pārskatus, bezmaksas e -grāmatas un ekskluzīvus piedāvājumus!

Noklikšķiniet šeit, lai abonētu