7 būtini „Chrome“ plėtiniai žiniatinklio dizaineriams

7 būtini „Chrome“ plėtiniai žiniatinklio dizaineriams

Kokia programinė įranga, kurią būtinai turite turėti savo kompiuteryje, kaip žiniatinklio dizaineris? Tikėtina, kad tai „Photoshop“ ir „Illustrator“. Ir nors tai yra jūsų dizaino darbo eigos esmė, yra mažesnių įrankių, kurių tikriausiai nežinote, kad jums reikia.





Geriausia tai, kad jums net nereikia jų atsisiųsti-tiesiog įdiekite šiuos „Chrome“ plėtinius ir eikite. Nuo žiniatinklio šriftų nustatymo puslapiuose iki atstumų tarp žiniatinklio elementų matavimo - šie žiniatinklio dizaino „Chrome“ plėtiniai palengvins jūsų gyvenimą.





1. „Dropbox“, skirta „Gmail“

„Dropbox“ pradėjo veikti kaip failų prieglobos paslauga, tačiau netrukus ji sužinojo, kad jos pagrindinė auditorija yra dizaineriai, kurie naudojasi šia paslauga dalindamiesi savo darbais su kolegomis. Kadangi dizaino failai dažnai yra per dideli el. Pašto priedams, lengviau nusiųsti „Dropbox“ nuorodą į failą.





„Dropbox for Gmail“ daro šį procesą dar patogesnį. Kai susiejate savo failą naudodami „Dropbox“ mygtuką naujo el. Pašto lango apačioje, gavėjas gauna žvilgsnį į tai, ką siunčiate. Nuorodos į vaizdo failus įkelia vaizdus tiesiai į el. Laišką, o nuorodos į kitų tipų failus sukurs patogią peržiūrą.

Diegti: „Dropbox“, skirta „Gmail“



2. „FontFace Ninja“

Turėdami tūkstančius šriftų, jūsų spausdinimo galimybės yra neribotos. Ypač jei galite atpažinti gražų šriftą, kurį matote kažkur, ir pasiskolinti savo projektui.

„FontFace Ninja“ yra „Chrome“ plėtinys, padedantis tai padaryti. Panašiai kaip įrankius, kurie randa šriftus iš vaizdų tai padeda atpažinti internete matomus šriftus. Vienintelis skirtumas yra tas, kad „FontFace Ninja“ skaito šriftus, užkoduotus puslapio CSS, pvz., Antraščių šriftą ir turinio tekstą.





Kai paleisite „FontFace Ninja“, jis parodys informaciją apie šriftą, į kurį jį nukreipiate, ir ne tik šriftą, bet ir svorį, dydį, aukštį, plotį ir spalvą. Norėdami pažymėti šį šriftą, jums reikės paskyros seserų tarnyboje, FontFace Dojo .

Diegti: FontFace Ninja





3. „ColorPick“ pipetė

Nesvarbu, kokia gera jūsų akių spalva, sunku atkurti tam tikrą internete matytą atspalvį, nebent žinote jo RGB arba HTML reikšmes. Laimei, nereikia spėlioti, ar turite „ColorPick Eyedropper“.

Kaip geriausios „Mac“ spalvų parinkimo programos , „ColorPick Eyropper“ parodys bet kokios spalvos, į kurią nurodote, vertes. Skirtumas tas, kad jis visada yra jūsų naršyklėje ir jums nereikia nieko įkelti-tiesiog spustelėkite piktogramą ir perkelkite taikinį į reikiamą vietą.

Plėtinys skaito spalvas iš teksto, vaizdų ir beveik visko, ką galite pamatyti tinklalapyje (net skelbimuose). Kai užfiksuojate spalvą, rodomos jos HTML, RGB ir HSL vertės.

Diegti: „ColorPick“ akių lašintuvas

4. Matmenys

Šis atviro kodo plėtinys yra žiniatinklio dizainerių radinys, ypač jei rengiate vienkartinius koncertus mažoms įmonėms. Kai klientas atiduoda jums svetainę be jokių ankstesnių failų ar dokumentų ir prašo sukurti „tokį puslapį, bet su skirtingu tekstu ir vaizdais“, išsiaiškinti išdėstymą yra kančia.

„Windows 10“ neprisijungia prie „wifi“

Matmenys leidžia lengvai išmatuoti bet kurio puslapio elemento aukštį ir plotį, taip pat paraštes tarp jų. Tai leidžia lengvai atkurti esamus puslapius ir dar kartą patikrinti savo dizainą, kai jie pradedami gaminti.

Diegti: Matmenys

5. Vizualinis inspektorius

„Visual Inspector“ yra galingas grįžtamojo ryšio ir bendradarbiavimo įrankis projektavimo komandoms, apjungiantis trijų ankstesnių plėtinių funkcijas ir dar daugiau.

Viduje konors Patikrinkite skirtuką, galite pasirinkti bet kurį puslapio elementą, kad gautumėte visą informaciją apie jį, pradedant matmenimis ir baigiant failo pavadinimu. The Spalvos ir Tipografija antriniai skirtukai leidžia vienu metu pamatyti spalvų paletę ir visus šriftus Turtas surenka visus puslapio vaizdus vienoje vietoje.

The Bendradarbiauti skirtuke galite pateikti atsiliepimų ir diskutuoti su savo komanda, o komentarą lengva palikti spustelėjus bet kurį puslapio elementą.

kaip naudotis komandine eilute

Kaip ir dauguma pažangių įrankių, „Visual Inspector“ yra su kainų etikete: norėdami pridėti komentarų ir sinchronizuoti pakeitimus, turėsite sumokėti nuo 9 USD per vartotoją per mėnesį. Tačiau pagrindinėmis jo funkcijomis, tokiomis kaip spalvų, šriftų ir vaizdų tikrinimas, galima laisvai naudotis.

Diegti: Vizualinis inspektorius

6. Lengvas ekrano fiksavimas

Ekrano fiksavimo plėtinys gali atrodyti nereikalingas, nes „Mac“ ekrano kopijos darymas yra paprastas veiksmas užfiksuoti ekraną „Windows“ tik šiek tiek daugiau vargo. Tačiau „Easy Screen Capture“ turi nemažai pardavimo taškų.

Svarbiausia, kad tai leidžia užfiksuoti visą tinklalapį, o ne tik ekrano sritį. Tai neįkainojama, kai reikia pranešti apie kelias problemas ilgame puslapyje, o užfiksavus jas visas prireiktų nuo trijų iki keturių ekrano kopijų.

Kitas gudrus triukas yra galimybė nukopijuoti ekrano kopiją į iškarpinę ir įklijuoti ją tiesiai į pokalbį ar el. Laišką, o ne kaupti nenaudingus vaizdo failus kompiuteryje.

Diegti: Lengvas ekrano fiksavimas

7. Ledinis 2

Galiausiai kiekvieną rytą turite atlikti vieną esminę užduotį: nupurtyti miego likučius ir patekti į griovelį. „InVision“ „Muzli 2“ bus jūsų rytinis laikraštis su kuruojamais meno, dizaino, UX ir technologijų straipsniais.

„Muzli“ pakeičia numatytąjį „Chrome“ skirtuką ir leidžia tinkinti tai, ką matote ten. Priklausomai nuo jūsų pomėgių, „Muzli“ parinks jums sklaidos kanalus, kurių svetainės svyruoja nuo „Dribble“ ir „Behance“ iki 99designs ir „Creative Bloq“. Daug įkvėpimo slinkti gurkšnojant pirmąją kavą!

Jei manote, kad visas naršyklės skirtukas su dizaino turiniu yra per intensyvus, „Muzli“ taip pat turi „Lite“ versiją. Jis nepaisys numatytojo skirtuko ir galėsite pasiekti sklaidos kanalą bet kuriuo metu, tiesiog spustelėję plėtinio piktogramą.

Diegti: Ledinis 2

Gaukite „Chrome“ plėtinius visoms savo dizaino užduotims

Šiame sąraše esantys „Chrome“ plėtiniai neatitinka jūsų projektavimo programinės įrangos, tačiau jie apima visas smulkmenas, susijusias su dizaineriu-ar tai būtų tipografija, ar bendradarbiavimas su kolegomis.

Kai suprasite, kad „Chrome“ internetinėje parduotuvėje gausu įrankių, gali būti sunku nustoti pridėti naujų. Taigi mokykis kaip valdyti „Chrome“ plėtinius kol jie neišeina iš rankų.

Dalintis Dalintis „Tweet“ Paštu Ar verta atnaujinti į „Windows 11“?

„Windows“ buvo pertvarkytas. Bet ar to pakanka norint įtikinti jus pereiti nuo „Windows 10“ prie „Windows 11“?

Skaityti toliau
Susijusios temos
  • internetas
  • Kūrybingas
  • „Google Chrome“
  • Interneto svetainės dizainas
  • Naršyklės plėtiniai
Apie autorių Alisa Kotlyarenko(Paskelbti 28 straipsniai)

Alisa yra technologijų rašytoja, turinti minkštą vietą „Apple tech“. Ji jau kurį laiką rašo apie „Mac“ ir „iPhone“ ir yra sužavėta būdų, kaip technologijos pertvarko kūrybiškumą, kultūrą ir keliones.

Daugiau iš Alice Kotlyarenko

Prenumeruokite mūsų naujienlaiškį

Prisijunkite prie mūsų naujienlaiškio, kad gautumėte techninių patarimų, apžvalgų, nemokamų el. Knygų ir išskirtinių pasiūlymų!

Norėdami užsiprenumeruoti, spustelėkite čia