7 proširenja preglednika Chrome za web dizajnere

  • Peter Holmes
  • 0
  • 2064
  • 508
Oglas

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

Najbolje je što ih čak ne morate preuzeti - instalirajte ta Chrome proširenja i 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 dijele s kolegama. Budući da su dizajnerske datoteke često prevelike za privitke e-pošte, lakše je poslati Dropbox vezu na datoteku.

Dropbox za Gmail čini postupak još prikladnijim. Kada se na vašu datoteku povežete 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. Kao i alati za pronalaženje fontova sa slike WhatTheFont i 4 alternative za pronalaženje fontova sa slika WhatTheFont i 4 alternative za pronalaženje fontova sa slika Želite li pronaći fontove sa slika? Postoje internetski alati koji to mogu učiniti za vas, uključujući WhatTheFont i razne druge alternative. pomaže vam identificirati fontove koje vidite na mreži. Jedina je razlika što FontFace Ninja čita fontove kodirane u CSS stranice, poput tekstualnog teksta naslova i teksta tijela.

Kada pokrenete FontFace Ninja, prikazat će vam podatke o fontu na koji ga usmjeravate - i ne samo tipkovnicu, 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 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.

Poput najboljih aplikacija za odabir boja za Mac 5 najboljih aplikacija za odabir boja za Mac 5 najboljih aplikacija za odabir boja na Mac-u Trebate pronaći savršenu boju na vašem Mac-u? Isprobajte ove macOS aplikacije za odabir boja da biste lako identificirali, spremili, oblikovali i kopirali boje. , ColorPick Eyedropper prikazat ć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 na ikonu i premjestite cilj na pravo mjesto.

Proširenje čita boje iz teksta, slika i otprilike svega što možete vidjeti na web stranici (čak i oglasi). Nakon što snimite boju, prikazat će vam se HTML, RGB i HSL vrijednosti.

Instalirati: ColorPick kapi za oči

4. Dimenzije

Ovo proširenje s otvorenim kodom nalazi se za web dizajnere, pogotovo ako radite jednokratne svirke za male tvrtke. Kad vam klijent preda web mjesto bez ikakvih prethodnih datoteka ili dokumentacije i zatraži da dizajnirate “stranicu poput ove, ali s različitim tekstom i slikama,” smisliti izgled 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.

surađujte 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 cijenom: za dodavanje komentara i sinkronizaciju promjena morat ćete platiti od 9 USD po korisniku mjesečno. 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 snimke zaslona na Mac-u Kako snimiti snimke zaslona na Mac-u: Savjeti, alati i trikovi kako znati snimiti snimke zaslona na Mac-u: Savjeti, alati i trikovi koje trebate znati Morate napraviti snimku zaslona na tvoj mac? Evo najboljih prečaca, savjeta i aplikacija za snimke zaslona macOS-a. je povjetarac i snimanje zaslona u sustavu Windows Kako snimiti savršen snimak zaslona u sustavu Windows Kako snimiti savršen snimak zaslona u sustavu Windows Najbolji 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. 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 prikrivanje beskorisnih slikovnih datoteka na 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, s web stranicama 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 feedu ćete moći pristupiti kad god poželite samo klikom na ikonu proširenja.

Instalirati: Muzli 2

Nabavite Chrome proširenja za sve svoje dizajnerske zadatke

Chromeove ekstenzije na ovom popisu ne odgovaraju vašem softveru za dizajn, ali pokrivaju sve sitnice koje dolaze s tim da ste dizajner - bilo da se radi o tipografiji ili suradnji s kolegama.

Jednom kada shvatite da Chrome web-trgovina zasipa alatima, dodavanje novih ne može biti teško. Naučite kako upravljati Chromeovim proširenjima Kako upravljati Chromeovim ekstenzijama bez ikakve muke Kako upravljati Chromeovim ekstenzijama bez ikakvog dosadanja Pravilno upravljanje Chromeovim proširenjima može vaš preglednik učiniti još snažnijim. Evo nekoliko bitnih savjeta i trikova koje biste trebali znati. prije nego što im izmaknu.




Još ne komentari

O modernoj tehnologiji, jednostavnoj i pristupačnoj.
Vaš vodič u svijetu moderne tehnologije. Naučite kako koristiti tehnologije i uređaje koji nas okružuju svaki dan i naučite kako otkriti zanimljivosti na Internetu.