7 Chromeovih proširenja koja morate imati za web dizajnere

7 Chromeovih proširenja koja morate imati za web dizajnere

Kao web dizajner, koji softver apsolutno morate imati na računalu? Velike su šanse da su to Photoshop i Illustrator. I iako su to bitne točke vašeg tijeka dizajna, postoje manji alati za koje vjerojatno ne znate da vam trebaju.





Najbolje je to što ih ne morate ni preuzeti --- samo instalirajte ova proširenja za Chrome i krenite. Od prepoznavanja fontova na stranicama do mjerenja udaljenosti između web -elemenata, ova proširenja za Chrome za web dizajn olakšat će vam život.





1. Dropbox za Gmail

Dropbox je započeo kao usluga hostinga datoteka, ali je ubrzo otkrio da su njegova glavna publika dizajneri, koji koriste tu uslugu kako bi podijelili svoj rad s kolegama. Budući da su datoteke za dizajn često prevelike za privitke e -pošte, lakše je poslati vezu na datoteku s Dropboxom.





Dropbox za Gmail čini proces još praktičnijim. Kad se povežete na svoju datoteku pomoću gumba Dropbox pri dnu novog prozora e -pošte, primatelj će dobiti kratak uvid u ono što šaljete. Veze do slikovnih datoteka prenijet će slike izravno u e -poštu, a veze do drugih vrsta datoteka generirat će zgodan pregled.

Instalirati: Dropbox za Gmail



2. FontFace Ninja

S dostupnim tisućama fontova, vaše mogućnosti tipografije su beskrajne. Pogotovo ako možete identificirati prekrasan font koji negdje vidite i posuditi ga za vlastiti projekt.

FontFace Ninja je Chromeovo proširenje koje vam pomaže u tome. Slično kao i alati koji pronalaze fontove sa slika pomaže vam u identificiranju fontova koje vidite na internetu. Jedina razlika je u tome što FontFace Ninja čita fontove kodirane u CSS -u stranice, poput fontova naslova i osnovnog teksta.





Kada pokrenete FontFace Ninja, prikazat će vam se informacije o fontu na koji ga usmjeravate --- i ne samo font, već i težina, veličina, visina, širina i boja. Za označavanje tog fonta trebat će vam račun u sestrinskoj službi, FontFace Dojo .

Instalirati: FontFace Ninja





3. ColorPick kapaljka

Bez obzira na to koliko dobro gledate na boju, teško je ponovno stvoriti određenu nijansu koju ste vidjeli na internetu ako ne poznajete njezine RGB ili HTML vrijednosti. Srećom, ne morate pogađati imate li ColorPick kapaljku.

Kao najbolje aplikacije za odabir boja za Mac , ColorPick Eyedropper pokazat će vam vrijednosti za bilo koju boju na koju pokažite. Razlika je u tome što je uvijek u vašem pregledniku i ne morate ništa učitati --- samo kliknite na ikonu i pomaknite cilj na pravo mjesto.

Proširenje čita boje iz teksta, slika i gotovo svega što biste mogli vidjeti na web stranici (čak i iz oglasa). Nakon što snimite boju, ona prikazuje HTML, RGB i HSL vrijednosti za nju.

Instalirati: ColorPick kapaljka za oči

4. Dimenzije

Ovo proširenje otvorenog koda otkriće je za web dizajnere, pogotovo ako odradite jednokratne nastupe za male tvrtke. Kad vam klijent preda web stranicu bez ikakvih prethodnih datoteka ili dokumentacije i zatraži od vas da dizajnirate „stranicu poput ove, ali s različitim tekstom i slikama“, shvatiti izgled je muka.

što je .dat datoteka

Dimenzije vam omogućuju jednostavno mjerenje visine i širine bilo kojeg elementa na stranici, kao i margine između njih. To olakšava ponovno stvaranje postojećih stranica i provjeru vlastitih dizajna nakon što krenu u proizvodnju.

Instalirati: Dimenzije

5. Vizualni inspektor

Visual Inspector moćan je alat za povratne informacije i suradnju dizajnerskih timova koji kombinira značajke prethodna tri proširenja i dodaje još više.

U Pregledati karticu, možete odabrati bilo koji element na stranici da biste dobili potpune informacije o njemu, od dimenzija do naziva datoteke. The Boje i Tipografija podkartice omogućuju vam da na prvi pogled vidite paletu boja i sve fontove Imovina okuplja sve slike na stranici na jednom mjestu.

The Surađujte karticu gdje možete dati povratne informacije i razgovarati sa svojim timom, a jednostavno je ostaviti komentar klikom na bilo koji element na stranici.

kako napraviti snimke zaslona na androidu

Kao i većina naprednih alata, Visual Inspector dolazi s cijenom: za dodavanje komentara i promjene sinkronizacije morat ćete platiti od 9 USD/korisniku/mjesečno. Međutim, njegove osnovne značajke, poput pregleda boja, fontova i slika, mogu se slobodno koristiti.

Instalirati: Vizualni inspektor

6. Jednostavno snimanje zaslona

Proširenje za snimanje zaslona može se činiti suvišnim, budući da je snimanje zaslona na Macu jednostavno, i snimanje vašeg zaslona u sustavu Windows samo je malo više gnjavaže. No Easy Screen Capture ima dosta prodajnih mjesta.

Ono što je najvažnije, omogućuje vam snimanje cijele web stranice, a ne samo područje koje vidite na ekranu. To je neprocjenjivo kada trebate prijaviti nekoliko problema na dugačkoj stranici, a za njihovo snimanje potrebno je tri do četiri snimke zaslona.

Još jedan zgodan trik je mogućnost kopiranja snimke zaslona u međuspremnik i zalijepiti je izravno u chat ili e -poruku, umjesto da pohranjujete beskorisne slikovne datoteke na računalu.

Instalirati: Jednostavno snimanje zaslona

7. Ledena 2

Konačno, postoji jedan ključni zadatak s kojim se morate baviti svako jutro: otresati ostatke sna i ući u utor. Muzli 2 by InVision poslužit će kao vaše jutarnje novine s kuriranim člancima o umjetnosti, dizajnu, UX -u i tehnologiji.

Muzli zamjenjuje zadanu karticu Chrome i omogućuje vam da prilagodite ono što vidite. Ovisno o vašim interesima, Muzli će za vas odabrati feedove, s web stranicama u rasponu od Dribble and Behance do 99designs i Creative Bloq. Dosta inspiracije za listanje dok ispijate prvu kavu!

Ako mislite da je čitava kartica preglednika prepuna dizajnerskog sadržaja previše intenzivna, Muzli ima i Lite verziju. Neće nadjačati zadanu karticu i moći ćete pristupiti feedu kad god želite samo klikom na ikonu proširenja.

Instalirati: Ledena 2

Nabavite Chromeova proširenja za sve svoje dizajnerske zadatke

Proširenja za Chrome na ovom popisu ne odgovaraju vašem softveru za dizajn, ali pokrivaju sve male stvari koje dolazi s dizajnerom-bilo da se radi o tipografskim podacima ili suradnji s vašim kolegama.

Kad shvatite da Chrome web -trgovina obiluje alatima, bit će teško prestati dodavati nove. Zato učite kako upravljati proširenjima za Chrome prije nego što im izmaknu kontroli.

Udio Udio Cvrkut E -pošta Isplati li se nadogradnja na Windows 11?

Windows je redizajniran. No, je li to dovoljno da vas uvjeri da prijeđete s Windows 10 na Windows 11?

Pročitajte Dalje
Povezane teme
  • Internet
  • Kreativno
  • Google Chrome
  • Web dizajn
  • Proširenja preglednika
O autoru Alice Kotlyarenko(28 objavljenih članaka)

Alice je tehnološka spisateljica s jakim mjestom za Appleovu tehnologiju. Neko je vrijeme pisala o Macu i iPhoneu i fascinirana je načinima na koje tehnologija preoblikuje kreativnost, kulturu i putovanja.

Više od Alice Kotlyarenko

Pretplatite se na naše obavijesti

Pridružite se našem biltenu za tehničke savjete, recenzije, besplatne e -knjige i ekskluzivne ponude!

Kliknite ovdje za pretplatu