7 Razširitve Chroma za spletne oblikovalce

Oglas

Kakšen je program, ki ga morate imeti v računalniku kot spletni oblikovalec? Verjetno sta to Photoshop in Illustrator. In čeprav so to bistvenega pomena v vašem oblikovalskem poteku, obstajajo manjša orodja, za katera verjetno ne veste, da jih potrebujete.

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

1. Dropbox za Gmail

Dropbox se je začel kot storitev gostovanja datotek, vendar je kmalu odkril, da je njegovo glavno občinstvo oblikovalci, ki to storitev delijo s sodelavci. Ker so oblikovalske datoteke pogosto prevelike za e-poštne priloge, je lažje poslati povezavo Dropbox na datoteko.

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

Namestitev:Dropbox za Gmail

2. FontFace Ninja

Glede na tisoče pisav je vaših tipografskih možnosti neskončno. Š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 prav to. Veliko podobno kot orodja, ki najdejo pisave iz slik WhatTheFont in 4 alternative za iskanje pisav s slikŽelite najti pisave iz slik? Obstajajo spletna orodja, ki vam lahko pomagajo, vključno s WhatTheFontom in različnimi alternativami. Preberi več pomaga vam prepoznati pisave, ki jih vidite na spletu. Edina razlika je v tem, da FontFace Ninja prebere pisave, kodirane v CSS-ju strani, kot so tipkovnica naslovov in besedilo telesa.

Ko zaženete FontFace Ninja, vam bo pokazal podatke o pisavi, na katero ga usmerjate - in ne le tipkovnice, temveč tudi težo, velikost, višino, širino in barvo. Če želite to pisavo dodati med zaznamke, potrebujete račun pri sestrski službi, FontFace Dojo.

Namestitev:FontFace Ninja

3. ColorPick Eyedropper

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

Všeč najboljše aplikacije za izbiro barv za Mac 5 najboljših aplikacij za izbiranje barv za MacMorate najti popolno barvo na vašem Macu? Preizkusite te macOS-ove izbirnike barv, da preprosto prepoznate, shranite, oblikujete in kopirate barve. Preberi več , ColorPick Eyedropper vam bo pokazal vrednosti za katero koli barvo, na katero kažete. Razlika je v tem, da je vedno v vašem brskalniku in vam ni treba ničesar naložiti - samo kliknite ikono in premaknite cilj na pravo mesto.

Podaljšek bere barve iz besedila, slik in skoraj vsega, kar lahko vidite na spletni strani (tudi v oglasih). Ko zajamete barvo, vam pokaže vrednosti HTML, RGB in HSL.

Namestitev:ColorPick Eyedropper

4. Dimenzije

Ta odprtokodna razširitev je najti spletno oblikovalce, še posebej, če enkratno igrate za mala podjetja. Ko vam odjemalec pošlje spletno mesto brez predhodnih datotek ali dokumentacije in vas prosi, da oblikujete "stran, kot je ta, vendar z različnim besedilom in slikami", je razmišljanje o postavitvi bolečina.

Dimenzije omogočajo enostavno merjenje višine in širine katerega koli elementa na strani ter robov med njimi. Tako je mogoče ponovno ustvariti obstoječe strani in dvakrat preveriti lastne zasnove, ko začnejo s proizvodnjo.

Namestitev:Dimenzije

5. Vizualni inšpektor

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

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

The Sodelujte na zavihku lahko pišete povratne informacije in se pogovarjate s svojo ekipo. Če želite klikniti kateri koli element na strani, je enostavno dodati komentar.

Kot večina naprednih orodij ima tudi Visual Inspector cenovno oznako: za dodajanje komentarjev in sinhronizacijo sprememb boste morali plačati od 9 USD / uporabnika na mesec. Vendar pa so njegove osnovne funkcije, kot je pregled barv, pisav in slik, brezplačne za uporabo.

Namestitev:Vizualni inšpektor

6. Enostavno zajem zaslona

Razširitev zajema zaslona se morda zdi odveč, saj posnetek zaslona na Macu Kako narediti posnetke zaslona za Mac: Nasveti, orodja in triki, ki jih morate vedetiMorate narediti posnetek zaslona vašega računalnika? Tu so najboljše bližnjice, nasveti in aplikacije za posnetke zaslona macOS. Preberi več vetrič in zajem zaslona v sistemu Windows Kako narediti popoln posnetek zaslona v sistemu WindowsNajboljši način za posnetek zaslona je odvisen od različice sistema Windows, ki ga uporabljate. Pokažemo vam tanke razlike, damo nasvete za odpravljanje težav in razkrijemo najboljše bližnjice na tipkovnici in orodja. Preberi več je samo malo več težav. Toda Easy Screen Capture ima kar nekaj prodajnih mest.

Najpomembneje je, da vam omogoča zajem celotne spletne strani, ne le območja, ki ga vidite na zaslonu. To je neprecenljivo, ko morate na dolgi strani poročati o več težavah in zajeti vse, kar potrebuje tri do štiri posnetke zaslona.

Drug čeden trik je, da kopirate posnetek zaslona v odložišče in ga prilepite neposredno v klepet ali e-poštno sporočilo, namesto da shranite neuporabne slikovne datoteke v računalniku.

Namestitev:Enostavno zajem zaslona

7. Muzli 2

Končno je ena ključna naloga, s katero se morate spoprijeti vsako jutro: otresti se ostankov spanja in zaviti v žleb. Muzli 2 avtorja InVision bo vaš jutranji časopis z izbranimi članki o umetnosti, oblikovanju, UX-u in tehnologiji.

Muzli nadomešča vaš privzeti zavihek Chrome in vam omogoča, da prilagodite tisto, kar vidite tam. Glede na vaša zanimanja bo Muzli za vas izbral vire s spletnimi stranmi od Dribble in Behance do 99designs in Creative Bloq. Ko boste srkali svojo prvo kavo, se boste lahko pomerili po njej.

Če menite, da je celoten jeziček brskalnika, napolnjen z oblikovalsko vsebino, preintenziven, ima tudi Muzli različico Lite. Ne bo razveljavil vašega privzetega zavihka in do vira boste lahko dostopali, kadar koli želite, samo s klikom na ikono razširitve.

Namestitev:Muzli 2

Pridobite Chromove razširitve za vse svoje oblikovne naloge

Chromove razširitve na tem seznamu se ne ujemajo z vašo programsko opremo za oblikovanje, vendar zajemajo vse malenkosti, ki prihajajo s tem, da ste oblikovalec - naj bo to tipografska inteligenca ali sodelovanje z vašim sodelavci.

Ko spoznate, da Chrome spletna trgovina prekriva orodja, je težko prenehati z dodajanjem novih. Torej se učite kako upravljati razširitve za Chrome Kako upravljati Chrome razširitve brez težavPravilno upravljanje razširitev Chroma lahko vaš brskalnik postane še bolj zmogljiv. Tukaj je nekaj bistvenih nasvetov in trikov, ki bi jih morali vedeti. Preberi več preden jim gredo iz rok.