7 razširitev za Chrome za spletne oblikovalce, ki jih morate imeti

7 razširitev za Chrome za spletne oblikovalce, ki jih morate imeti

Kakšna programska oprema, ki jo morate imeti kot računalniški oblikovalec v računalniku? Verjetno sta to Photoshop in Illustrator. In čeprav so to bistvene točke vašega oblikovalskega poteka dela, obstajajo manjša orodja, za katera verjetno ne veste, da jih potrebujete.





Najboljše je, da vam jih sploh ni treba prenesti-samo namestite te razširitve za Chrome in pojdite. Od prepoznavanja pisav na straneh do merjenja razdalj med spletnimi elementi vam bodo te razširitve za spletno oblikovanje Chrome olajšale življenje.





1. Dropbox za Gmail

Dropbox se je začel kot storitev gostovanja datotek, vendar je kmalu odkril, da so njegovo glavno občinstvo oblikovalci, ki to storitev uporabljajo za deljenje svojega dela s kolegi. Ker so oblikovalske datoteke pogosto prevelike za priloge po e -pošti, je do datoteke lažje poslati povezavo Dropbox.





Dropbox za Gmail naredi postopek še bolj priročen. Ko se povežete s svojo datoteko z gumbom Dropbox na dnu novega okna za e -pošto, prejemnik na kratko pokuka, kaj pošiljate. Povezave do slikovnih datotek bodo slike naložile neposredno v e -pošto, povezave do drugih vrst datotek pa bodo ustvarile priročen predogled.

Namestite: Dropbox za Gmail



2. FontFace Ninja

Ker je na voljo na tisoče pisav, so vaše možnosti tiskanja neskončne. Še posebej, če lahko prepoznate lepo pisavo, ki jo nekje vidite, in si jo izposodite za svoj projekt.

FontFace Ninja je razširitev za Chrome, ki vam pomaga pri tem. Podobno kot orodja, ki najdejo pisave iz slik pomaga vam prepoznati pisave, ki jih vidite na spletu. Edina razlika je v tem, da FontFace Ninja bere pisave, kodirane v CSS strani, na primer pisave naslovov in besedila.





Ko zaženete FontFace Ninja, vam bo prikazal podatke o pisavi, na katero jo usmerite --- in ne samo pisave, temveč tudi težo, velikost, višino, širino in barvo. Za zaznamek te pisave potrebujete račun pri sestrski službi, FontFace Dojo .

Namestite: FontFace Ninja





3. Kapljica ColorPick

Ne glede na to, kako dobro gledate na barvo, je težko ponovno ustvariti določen odtenek, ki ste ga videli na spletu, razen če poznate njegove vrednosti RGB ali HTML. Na srečo vam ni treba ugibati, ali imate ColorPick kapalko.

Všeč mi je najboljše aplikacije za izbiranje barv za Mac , ColorPick Eyedropper vam bo pokazal vrednosti za katero koli barvo, na katero pokažete. Razlika je v tem, da je vedno v brskalniku in vam ni treba nič naložiti --- samo kliknite ikono in premaknite cilj na pravo mesto.

Razširitev bere barve iz besedila, slik in skoraj vsega, kar lahko vidite na spletni strani (tudi iz oglasov). Ko zajamete barvo, se prikažejo vrednosti HTML, RGB in HSL zanjo.

Namestite: ColorPick kapalka

4. Mere

Ta odprtokodna razširitev je odkritje za spletne oblikovalce, še posebej, če enkrat opravljate koncerte za mala podjetja. Ko vam odjemalec preda spletno mesto brez predhodnih datotek ali dokumentacije in vas prosi, da oblikujete 'takšno stran, vendar z drugačnim besedilom in slikami', je ugotovitev postavitve velika bolečina.

kako narediti windows 10 podoben windows xp

Dimenzije vam omogočajo enostavno merjenje višine in širine katerega koli elementa na strani ter robov med njimi. To olajša ponovno ustvarjanje obstoječih strani in dvakrat preverjanje lastnih modelov, potem ko gredo v proizvodnjo.

Namestite: Dimenzije

5. Vizualni inšpektor

Visual Inspector je močno orodje za povratne informacije in sodelovanje za oblikovalske ekipe, ki združuje funkcije prejšnjih treh razširitev in dodaja še več.

V Preglejte zavihek, lahko izberete kateri koli element na strani, da dobite popolne informacije o njem, od dimenzij do imena datoteke. The Barve in Tipografija podzavihki vam omogočajo, da si na prvi pogled ogledate barvno paleto in vse pisave Sredstva zbira vse slike na strani na enem mestu.

The Sodelujte zavihek, kjer lahko posredujete povratne informacije in se pogovarjate s svojo ekipo. Komentar lahko preprosto pustite s klikom na kateri koli element na strani.

ne morem kopirati datotek na zunanji trdi disk windows 10

Tako kot večina naprednih orodij ima Visual Inspector ceno: za dodajanje komentarjev in spremembe sinhronizacije boste morali plačati od 9 USD/uporabnika/mesec. Njegove osnovne funkcije, kot so pregled barv, pisav in slik, pa so brezplačne.

Namestite: Vizualni inšpektor

6. Enostavno zajemanje zaslona

Razširitev zajema zaslona se lahko zdi odveč, saj je posnetek zaslona v računalniku Mac brez težav in zajem zaslona v sistemu Windows je le malo več težav. A Easy Screen Capture ima kar nekaj prodajnih točk.

Najpomembneje je, da omogoča zajem celotne spletne strani, ne le območja, ki ga vidite na zaslonu. To je neprecenljivo, če morate na dolgi strani poročati o več težavah, za zajem vseh pa bi potrebovali tri do štiri posnetke zaslona.

Še en lep trik je, da lahko kopirate posnetek zaslona v odložišče in ga prilepite neposredno v klepet ali e -pošto, namesto da kopičite neuporabne slikovne datoteke v računalniku.

Namestite: Enostavno zajemanje zaslona

7. Ledena 2

Nazadnje morate vsako jutro opraviti eno ključno nalogo: otresti ostanke spanja in stopiti v utor. Muzli 2 by InVision bo služil kot vaš jutranji časopis s kuriranimi članki o umetnosti, oblikovanju, UX -u in tehnologiji.

Muzli nadomešča vaš privzeti zavihek Chrome in vam omogoča, da prilagodite tisto, kar vidite. Odvisno od vaših interesov bo Muzli za vas izbral vire s spletnimi stranmi od Dribble in Behance do 99designs in Creative Bloq. Veliko navdiha za pomikanje med srkanjem prve kave!

Če menite, da je celoten zavihek brskalnika, poln oblikovalske vsebine, preveč intenziven, ima Muzli tudi različico Lite. Ne bo preglasil vašega privzetega zavihka in do vira boste lahko dostopali, kadar koli želite, samo s klikom na ikono razširitve.

Namestite: Leden 2

Pridobite razširitve za Chrome za vse svoje oblikovalske naloge

Razširitve za Chrome na tem seznamu se ne ujemajo z vašo programsko opremo za oblikovanje, vendar zajemajo vse malenkosti, ki jih prinaša oblikovalec-naj bo to tipografska informacija ali sodelovanje s sodelavci.

Ko ugotovite, da je Spletna trgovina Chrome polna orodij, je težko prenehati dodajati nova. Zato se učite kako upravljati razširitve za Chrome preden jim uidejo iz rok.

Deliti Deliti Cvrkutati E-naslov Ali je vredno nadgraditi na Windows 11?

Windows je bil preoblikovan. Toda ali je to dovolj, da vas prepriča, da preidete z operacijskega sistema Windows 10 na Windows 11?

Preberite Naprej
Sorodne teme
  • Internet
  • Ustvarjalno
  • Google Chrome
  • Oblikovanje spletnih strani
  • Razširitve brskalnika
O avtorju Alice Kotlyarenko(28 objavljenih člankov)

Alice je tehnološka pisateljica z mehkim področjem za Apple tehnologijo. Že nekaj časa piše o Macu in iPhoneu ter je navdušena nad načini, kako tehnologija preoblikuje ustvarjalnost, kulturo in potovanja.

Več od Alice Kotlyarenko

Naročite se na naše novice

Pridružite se našemu glasilu za tehnične nasvete, ocene, brezplačne e -knjige in ekskluzivne ponudbe!

Kliknite tukaj, če se želite naročiti