7 must-have Chrome'i laiendust veebidisaineritele

Reklaam

Milline tarkvara peab teie veebidisainerina olema teie arvutis? Võimalik, et see on Photoshop ja Illustrator. Ja kuigi need on teie disaini töövoo olulised elemendid, on ka väiksemaid tööriistu, mida te ilmselt ei tea, et vajate.

Parim on see, et te ei pea neid isegi alla laadima. Installige need Chrome'i laiendused ja minge alles. Need veebidisainilahenduse Chrome'i laiendused muudavad teie elu lihtsamaks alates lehtede fondide tuvastamisest kuni veebi elementide vahelise kauguse mõõtmiseni.

1. Dropbox Gmaili jaoks

Dropbox sai alguse failimajutusteenusena, kuid peagi avastas selle peamine vaatajaskond disainerid, kes kasutavad seda teenust oma töö jagamiseks kolleegidega. Kuna kujundusfailid on e-posti manuste jaoks sageli liiga suured, on Dropboxi link faili saata lihtsam.

Gmaili Dropbox muudab protsessi veelgi mugavamaks. Kui lingite oma faili abil uue e-posti akna all asuvat nuppu Dropbox, kuvatakse adressaadil teie saadetav teave. Piltfailide lingid laadivad pildid üles otse e-posti aadressile ja lingid muud tüüpi failidele loob käepärase eelvaate.

Installi:Dropbox Gmaili jaoks

2. FontFace Ninja

Kuna saadaval on tuhandeid fonte, on teie tüpograafiavõimalused lõputud. Eriti kui saate tuvastada ilusa fondi, mida kusagil näete, ja selle oma projekti jaoks laenata.

FontFace Ninja on Chrome'i laiendus, mis aitab teil seda teha. Sarnaselt tööriistad, mis leiavad piltidelt fonte WhatTheFont ja 4 alternatiivi fontide otsimiseks piltide hulgastKas soovite leida piltidest fonte? On võrgutööriistu, mis saavad seda teie heaks teha, sealhulgas WhatTheFont ja mitmesugused alternatiivid. Loe rohkem see aitab teil tuvastada veebis nähtavaid fonte. Ainus erinevus on see, et FontFace Ninja loeb lehe CSS-i kodeeritud fonte, näiteks päiste ja põhiteksti kirjatüüpi.

FontFace Ninja käivitamisel kuvatakse teile teave selle fondi kohta, millele te selle suunate - ja mitte ainult kirjastiili, vaid ka kaalu, suuruse, kõrguse, laiuse ja värvi. Selle fondi järjehoidjate lisamiseks vajate kontot õdede teenuses, FontFace Dojo.

Installi:FontFace Ninja

3. ColorPicki silmatilk

Pole tähtis, kui hea silm teil värviga silmitsi seisab, on raske veebis nähtud kindlat varju uuesti luua, kui te ei tunne selle RGB või HTML-i väärtusi. Õnneks ei pea te arvama, kas teil on ColorPick Eyedropper.

Nagu parimad värvivalimisrakendused Maci jaoks 5 parimat värvi valija rakendust MacileKas peate oma Macist leidma ideaalse värvi? Proovige neid macOS-värvivalijarakendusi, et värve hõlpsalt tuvastada, salvestada, vormindada ja kopeerida. Loe rohkem , Näitab ColorPick Eyedropper teile kõigi värvide väärtusi, millele osutate. Erinevus on see, et see on brauseris alati olemas ja te ei pea midagi üles laadima - klõpsake lihtsalt ikooni ja liigutage sihtmärk õigesse kohta.

Laiend loeb teksti, piltide värve ja peaaegu kõike, mida võite veebilehel näha (isegi reklaame). Kui olete värvi hõivanud, kuvatakse teile selle HTML, RGB ja HSL väärtused.

Installi:ColorPicki silmatilk

4. Mõõtmed

See avatud lähtekoodiga laiend on leid veebidisaineritele, eriti kui teete ühekordseid kontserte väikeettevõtetele. Kui klient annab teile veebisaidi ilma eelnevate failide või dokumentideta ja palub teil kujundada „selline leht, kuid erineva teksti ja piltidega”, on kujunduse väljamõtlemine valus.

Mõõtmed võimaldavad hõlpsalt mõõta lehe mis tahes elemendi kõrgust ja laiust, samuti nendevahelisi veeriseid. See teeb olemasolevate lehtede taasloomise ja oma kujunduse ülevõtmise pärast tootmisele minekut lihtsaks.

Installi:Mõõtmed

5. Visuaalne inspektor

Visual Inspector on disainimeeskondade jaoks võimas tagasiside ja koostöö tööriist, mis ühendab eelneva kolme laienduse funktsioonid ja lisab veelgi.

Aastal Kontrollige vahekaardil saate lehelt valida mis tahes elemendi, et saada selle kohta täielikku teavet, alates mõõtmetest kuni failinimeni. Värvid ja Tüpograafia alamvahekaardid võimaldavad teil samal ajal näha värvipaletti ja kõiki fonte Varad koondab kõik lehel olevad pildid ühte kohta.

Tehke koostööd vahekaart on koht, kus saate tagasisidet anda ja oma meeskonnaga arutleda. Kommentaari saab jätta, klõpsates lehe mis tahes elemendil.

Nagu kõige arenenumad tööriistad, on Visual Inspector ka hinnasildiga: kommentaaride lisamiseks ja muudatuste sünkroonimiseks peate maksma alates 9 USD / kasutaja / kuu. Selle põhifunktsioone, nagu värvide, fontide ja piltide kontrollimine, saab siiski vabalt kasutada.

Installi:Visuaalne inspektor

6. Lihtne ekraanipilt

Ekraanipildi laiend võib tunduda ülearune, kuna Macis ekraanipildi tegemine Kuidas Macis ekraanipilte teha: näpunäited, tööriistad ja nipidKas peate oma Macis ekraanipildi tegema? Siin on MacOS-ekraanipiltide parimad otseteed, näpunäited ja rakendused. Loe rohkem on imelihtne ja ekraani hõivamine Windowsis Kuidas Windowsis täiuslikku ekraanipilti tehaParim viis ekraanipildi tegemiseks sõltub teie Windowsi versioonist. Näitame teile peeneid erinevusi, anname tõrkeotsingu näpunäiteid ja tutvustame parimaid kiirklahve ja tööriistu. Loe rohkem on lihtsalt natuke rohkem vaeva. Kuid Easy Screen Capture'il on üsna vähe müügikohti.

Mis kõige tähtsam - see võimaldab teil jäädvustada kogu veebilehte, mitte ainult ekraani nähtavat ala. See on hindamatu, kui peate teatama mitmest probleemist pikal lehel ja kõigi nende jäädvustamine võtaks kolm kuni neli ekraanipilti.

Veel üks puhas trikk on ekraanipildi kopeerimine lõikelauale ja otse vestlusesse või e-posti aadressile kleepimine, selle asemel et arvutisse kasutuid pildifaile koguda.

Installi:Lihtne ekraanipilt

7. Muzli 2

Lõpuks on üks oluline ülesanne, millega peate igal hommikul tegelema: unejääkide raputamine ja soone sisse saamine. MuZli 2 by InVision toimib teie hommikuse ajalehena, kus on kureeritud artiklid kunsti, disaini, UX-i ja tehnoloogia kohta.

Muzli asendab teie vaikimisi valitud Chrome'i vahekaardi ja võimaldab teil seal nähtavat kohandada. Sõltuvalt teie huvidest valib Muzli teile vooge, veebisaitidel on alates Dribble ja Behance kuni 99designs ja Creative Bloq. Oma esimese kohvi joomise ajal on palju inspiratsiooni sirvimiseks!

Kui arvate, et kogu kujundussisu pakitud brauseri vahekaart on liiga intensiivne, on Muzlil ka Lite-versioon. See ei tühista teie vaikevahekaarti ja pääsete voogu juurde igal ajal, kui klõpsate lihtsalt laiendiikoonil.

Installi:Muzli 2

Hankige kõigi oma kujundusülesannete jaoks Chrome'i laiendid

Selles loendis olevad Chrome'i laiendid ei vasta teie kujundustarkvarale, kuid need hõlmavad kõiki pisiasjad, mis kaasnevad disaineriks olemisega - olgu see siis tüpograafia või koostöö teiega kolleegid.

Kui olete aru saanud, et Chrome'i veebipood on tööriistade eeskujulik, võib olla raske uute lisamist peatada. Nii et õppige kuidas hallata oma Chrome'i laiendusi Kuidas hallata oma Chrome'i laiendusi ilma probleemidetaChrome'i laiendite õige haldamine võib muuta teie brauseri veelgi võimsamaks. Siin on mõned olulised näpunäited, mida peaksite teadma. Loe rohkem enne kui nad käest ära lähevad.