7 privalomi „Chrome“ plėtiniai žiniatinklio dizaineriams

Skelbimas

Kokia programinė įranga, kurią būtinai turite turėti savo kompiuteryje, kaip interneto dizainerė? Tikėtina, kad tai yra „Photoshop“ ir „Illustrator“. Ir nors tai yra pagrindiniai jūsų projektavimo darbo eigos aspektai, yra ir mažesnių įrankių, kurių, ko gero, nežinote, kad jums reikia.

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

1. „Gmail“ „Dropbox“

„Dropbox“ pradėjo kurti failų prieglobos paslaugą, tačiau netrukus atrado, kad jos pagrindinė auditorija yra dizaineriai, kurie naudojasi šia paslauga norėdami pasidalyti savo darbais su kolegomis. Kadangi projektavimo failai dažnai yra per dideli el. Pašto priedams pridėti, lengviau nusiųsti „Dropbox“ nuorodą į failą.

„Gmail“ „Dropbox“ daro procesą dar patogesnį. Kai susiejate su savo failu naudodamiesi mygtuku „Dropbox“, esančiu naujo el. Pašto lango apačioje, gavėjas gali pasidomėti, ką jūs siunčiate. Vaizdo failų nuorodos atkels vaizdus tiesiai į el. Paštą, o nuorodos į kitų tipų failus sukurs patogią peržiūrą.

Diegti:„Gmail“ „Dropbox“

2. „FontFace Ninja“

Turint tūkstančius šriftų, jūsų spausdinimo galimybės yra begalinės. Ypač jei galite identifikuoti gražų šriftą, kurį matote kažkur, ir pasiskolinti jį savo projektui.

„FontFace Ninja“ yra „Chrome“ plėtinys, kuris padeda jums tai padaryti. Panašiai kaip įrankiai, kurie randa šriftus iš vaizdų „WhatTheFont“ ir 4 alternatyvos šriftams surasti iš vaizdųAr norite rasti šriftus iš vaizdų? Yra internetinių įrankių, kurie gali tai padaryti už jus, įskaitant „WhatTheFont“ ir įvairias alternatyvas. Skaityti daugiau tai padeda nustatyti šriftus, kuriuos matote internete. Vienintelis skirtumas yra tas, kad „FontFace Ninja“ nuskaito šriftus, užkoduotus puslapio CSS, pavyzdžiui, antraščių ir teksto šriftus.

Kai paleisite „FontFace Ninja“, jame bus rodoma informacija apie šriftą, į kurį nukreipiate - ir ne tik šriftas, bet ir svoris, dydis, aukštis, plotis ir spalva. Norėdami pažymėti šį šriftą, jums reikės paskyros seserų tarnyboje, „FontFace Dojo“.

Diegti:„FontFace Ninja“

3. „ColorPick“ akių lašas

Nepaisant to, kokia gera jūsų spalva yra akis, sunku atkurti tam tikrą atspalvį, kurį matėte internete, nebent žinote jo RGB ar HTML reikšmes. Laimei, nereikia atspėti, ar turite „ColorPick Eyedropper“.

Kaip geriausios spalvų rinkiklio programos, skirtos „Mac“ 5 geriausios „Mac OS“ spalvų rinkiklio programosReikia rasti geriausią „Mac“ spalvą? Išbandykite šias „MacOS“ spalvų rinkiklio programas, kad lengvai atpažintumėte, išsaugotumėte, formatuotumėte ir kopijuotumėte spalvas. Skaityti daugiau „ColorPick Eyedropper“ parodys bet kokių spalvų, į kurias nukreipiate, vertes. Skirtumas tas, kad visada yra naršyklėje ir nereikia nieko įkelti - tereikia spustelėti piktogramą ir perkelti taikinį į reikiamą vietą.

Plėtinys nuskaito teksto, vaizdų spalvas ir beveik viską, ką galite pamatyti tinklalapyje (net skelbimus). Kai užfiksuosite spalvą, ji parodys jums HTML, RGB ir HSL reikšmes.

Diegti:„ColorPick“ akių lašas

4. Matmenys

Šis atvirojo kodo plėtinys yra skirtas interneto dizaineriams, ypač jei darote vienkartinius koncertus mažoms įmonėms. Kai klientas atidaro jūsų svetainę be jokių ankstesnių failų ar dokumentų ir prašo suprojektuoti „tokį puslapį, bet skirtingą tekstą ir vaizdus“, išsiaiškinti išdėstymą yra skausmas.

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 bus pradėti gaminti.

Diegti:Matmenys

5. Vizualinis inspektorius

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

Viduje konors Apžiūrėkite skirtuką, galite pasirinkti bet kurį puslapio elementą, kad gautumėte visą informaciją apie jį, pradedant matmenimis ir baigiant failo pavadinimu. Spalvos ir Tipografija pogrupiai leidžia pamatyti spalvų paletę ir visus šriftus vienu metu Turtas vienoje vietoje surenka visus atvaizdus puslapyje.

Bendradarbiauti skirtukas, kuriame galite pateikti atsiliepimų ir diskutuoti su savo komanda; nesunku palikti komentarą spustelėjus bet kurį puslapio elementą.

Kaip ir patys pažangiausi įrankiai, „Visual Inspector“ yra su kainų etikete: jei norite pridėti komentarų ir sinchronizuoti pakeitimus, turėsite sumokėti nuo 9 USD / vartotojas / mėn. Tačiau pagrindinėmis jo funkcijomis, tokiomis kaip spalvų, šriftų ir vaizdų tikrinimas, yra nemokama.

Diegti:Vizualinis inspektorius

6. Paprastas ekrano fiksavimas

Ekrano fiksavimo plėtinys gali atrodyti nereikalingas, nes darydami ekrano kopiją „Mac“ Kaip fotografuoti ekrano kopijas „Mac“: patarimai, įrankiai ir patarimai, kuriuos reikia žinotiReikia padaryti ekrano kopiją „Mac“? Čia yra geriausi „MacOS“ ekrano kopijų spartieji klavišai, patarimai ir programos. Skaityti daugiau yra vėjas, ir ekrano fiksavimas „Windows“ Kaip nufotografuoti puikų ekrano vaizdą WindowsGeriausias būdas padaryti ekrano kopiją priklauso nuo jūsų naudojamos „Windows“ versijos. Parodome subtilius skirtumus, pateikiame trikčių šalinimo patarimus ir atskleidžiame geriausius sparčiuosius klavišus ir įrankius. Skaityti daugiau yra tik šiek tiek daugiau vargo. Tačiau „Easy Screen Capture“ turi nemažai pardavimo taškų.

Svarbiausia, kad jis leidžia užfiksuoti visą tinklalapį, o ne tik sritį, kurią matote ekrane. Tai yra neįkainojama, kai reikia pranešti apie keletą problemų ilgame puslapyje, o jas visas užfiksuoti prireiks nuo trijų iki keturių ekrano kopijų.

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

Diegti:Paprastas ekrano fiksavimas

7. „Muzli 2“

Pagaliau yra viena svarbi užduotis, kurią turite įveikti kiekvieną rytą: atsikratyti miego likučių ir patekti į griovelį. „InVision“ „Muzli 2“ bus jūsų rytinis laikraštis, kuriame bus kuruojami straipsniai apie meną, dizainą, UX ir technologijas.

„Muzli“ pakeičia numatytąjį „Chrome“ skirtuką ir leidžia jums tinkinti tai, ką matote ten. Atsižvelgiant į jūsų pomėgius, „Muzli“ rinksis jums teikiamas informacijos santraukas, kurių svetainėse bus nuo „Dribble“ ir „Behance“ iki „99designs“ ir „Creative Bloq“. Daug įkvėpimo galite pereiti, kol geriate savo pirmąją kavą!

Jei manote, kad visas naršyklės skirtukas, į kurį įdėta dizaino turinio, yra per daug intensyvus, „Muzli“ taip pat turi „Lite“ versiją. Tai nekeis jūsų numatytojo skirtuko, ir galėsite pasiekti sklaidos kanalą bet kada, tiesiog spustelėdami plėtinio piktogramą.

Diegti:„Muzli 2“

Gaukite „Chrome“ plėtinių visoms savo projektavimo užduotims

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

Kai suprasite, kad „Chrome“ internetinė parduotuvė yra patobulinta įrankiais, gali būti sunku nustoti pridėti naujų. Taigi mokykis kaip valdyti „Chrome“ plėtinius Kaip be vargo valdyti „Chrome“ plėtiniusTinkamai valdydami „Chrome“ plėtinius, jūsų naršyklė gali būti dar galingesnė. Čia yra keli esminiai patarimai ir gudrybės, kuriuos turėtumėte žinoti. Skaityti daugiau prieš jiems išeinant iš rankų.