7 Obavezna proširenja preglednika Chrome za web dizajnere

Oglas

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

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

1. Dropbox za Gmail

Dropbox je započeo kao usluga hostinga datoteka, ali ubrzo je otkrio da je njegova glavna publika dizajneri, koji uslugu koriste za dijeljenje svog rada s kolegama. Budući da su dizajnerske datoteke često prevelike za privitke e-pošte, lakše je poslati Dropbox vezu do datoteke.

Dropbox za Gmail čini postupak još prikladnijim. Kada povežete sa svojom datotekom pomoću gumba Dropbox na dnu novog prozora e-pošte, primatelj dobiva kratak pogled onoga što šaljete. Veze do slikovnih datoteka učitavaju slike pravo na e-poštu, a veze do ostalih vrsta datoteka generirat će praktičan pregled.

Instalirati:Dropbox za Gmail

2. FontFace Ninja

Uz tisuće fontova dostupnih, vaše mogućnosti tipografije su beskrajne. Pogotovo ako možete prepoznati lijepi font koji negdje vidite i posuditi ga za vlastiti projekt.

FontFace Ninja je proširenje za Chrome koje vam pomaže u tome. Mnogo slično alate koji pronalaze fontove na slikama WhatTheFont i 4 alternative za pronalaženje fontova sa slikaŽelite pronaći fontove sa slika? Postoje internetski alati koji to mogu učiniti za vas, uključujući WhatTheFont i razne druge alternative. Čitaj više pomaže vam identificirati fontove koje vidite na mreži. Jedina je razlika što FontFace Ninja čita fontove kodirane u CSS stranice, kao što su tip teksta i zaglavlja.

Kada pokrenete FontFace Ninja, prikazat će vam podatke o fontu na koji ga usmjeravate - i ne samo tekstualni oblik, već i težinu, veličinu, visinu, širinu i boju. Za označavanje tog fonta trebat će vam račun kod sestrinske službe, FontFace Dojo.

Instalirati:FontFace Ninja

3. ColorPick kapi za oči

Bez obzira na to koliko dobro oči imate, teško je ponovno stvoriti određenu nijansu koju ste vidjeli na mreži ukoliko ne znate njezine RGB ili HTML vrijednosti. Srećom, ne morate pogoditi imate li ColorPick Eyedropper.

Kao najbolje aplikacije za odabir boja za Mac 5 najboljih programa za odabir boja za MacTrebate pronaći savršenu boju na svom Macu? Isprobajte ove macOS aplikacije za odabir boja da biste lako identificirali, spremili, oblikovali i kopirali boje. Čitaj više , ColorPick Eyedropper pokazat će vam vrijednosti za bilo koju boju na kojoj se pokažete. Razlika je u tome što je on uvijek u vašem pregledniku i ne morate ništa učitavati - samo kliknite ikonu i cilj premjestite na pravo mjesto.

Proširenje čita boje iz teksta, slika i prilično svega što biste mogli vidjeti na web stranici (čak i oglase). Nakon što snimite boju, prikazat će vam se HTML, RGB i HSL vrijednosti.

Instalirati:ColorPick kapi za oči

4. Dimenzije

Ovo je proširenje s otvorenim kodom za web dizajnere, pogotovo ako radite jednokratne svirke za male tvrtke. Kad vam klijent preda web stranicu bez ikakvih prethodnih datoteka ili dokumentacije i zatraži da napravite "stranicu poput ove, ali s drugačijim tekstom i slikama", promišljanje izgleda je bol.

Dimenzije omogućuju lako mjerenje visine i širine bilo kojeg elementa na stranici, kao i margina između njih. To olakšava ponovno stvaranje postojećih stranica i dvostruko provjerite vlastite dizajne 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 na kartici možete odabrati bilo koji element na stranici kako biste dobili sve informacije o njemu, od dimenzija do naziva datoteke. boje i Tipografija potkartice omogućuju prikaz palete boja i svih fontova na prvi pogled Imovina okuplja sve slike na stranici na jednom mjestu.

Suradnja na kartici možete dati povratne informacije i razgovarati sa svojim timom, a lako je ostaviti komentar klikom na bilo koji element na stranici.

Kao i većina naprednih alata, Visual Inspector dolazi s cjenikom: morat ćete platiti od 9 USD po korisniku mjesečno za dodavanje komentara i sinkronizaciju promjena. Međutim, njegove osnovne značajke kao što su uvid u boje, fontove i slike mogu se slobodno koristiti.

Instalirati:Vizualni inspektor

6. Jednostavno snimanje zaslona

Proširenje snimanja zaslona može se činiti suvišnim, jer snimanje zaslona na Macu Kako napraviti snimke zaslona za Mac: Savjeti, alati i trikovi koje trebate znatiTrebate napraviti snimak zaslona na svom računalu? Evo najboljih prečaca, savjeta i aplikacija za snimke zaslona macOS-a. Čitaj više povjetarac i snimanje zaslona u sustavu Windows Kako napraviti savršen snimak zaslona u sustavu WindowsNajbolji način snimanja zaslona ovisi o verziji sustava Windows u kojoj se nalazite. Pokazujemo vam suptilne razlike, dajemo savjete za rješavanje problema i otkrivamo najbolje prečace i alate tipkovnice. Čitaj više samo je malo više gnjavaže. Ali Easy Screen Capture ima dosta prodajnih mjesta.

Ono što je najvažnije, omogućuje vam snimanje cijele web stranice, a ne samo područja koja vidite na svom zaslonu. To je neprocjenjivo kada trebate prijaviti nekoliko problema na dugačkoj stranici, a snimanje svih njih potrajalo bi tri do četiri snimke zaslona.

Drugi uredan trik je mogućnost kopiranja snimke zaslona u međuspremnik i lijepljenja ga izravno u chat ili e-poštu, a ne na čuvanje beskorisnih slikovnih datoteka na vašem računalu.

Instalirati:Jednostavno snimanje zaslona

7. Muzli 2

Konačno, postoji jedan ključni zadatak s kojim se morate riješiti svako jutro: otresanje ostataka sna i ulazak u utor. Muzli 2 by InVision poslužit će kao vaša jutarnja novina s kuriranim člancima o umjetnosti, dizajnu, UX-u i tehnologiji.

Muzli zamjenjuje zadanu karticu Chromea i omogućuje vam da prilagodite ono što tamo vidite. Ovisno o vašim interesima, Muzli će odabrati feedove za vas, od web stranica u rasponu od Dribble and Behance do 99 dizajna i Creative Bloq-a. Puno inspiracije za pomicanje dok ispijate svoju 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 vašu zadanu karticu i moći ćete pristupiti feedu kad god želite samo klikom na ikonu proširenja.

Instalirati:Muzli 2

Nabavite Chrome proširenja za sve svoje dizajnerske zadatke

Kromna proširenja na ovom popisu ne odgovaraju vašem dizajnerskom softveru, ali pokrivaju sve sitnice koje dolaze s dizajnom - bilo da se radi o tipografiji ili suradnji s vašim kolege.

Jednom kada shvatite da Chrome web trgovina prepuna alata može biti teško prestati dodavati nove. Dakle, učite kako upravljati Chromeovim ekstenzijama Kako upravljati Chromeovim ekstenzijama bez ikakvih problemaPravilno upravljanje Chromeovim proširenjima može vaš preglednik učiniti još snažnijim. Evo nekoliko bitnih savjeta i trikova koje biste trebali znati. Čitaj više prije nego što im ispadnu iz ruku.