Home-theater-designers
Ca designer web, care este software-ul pe care trebuie să îl aveți absolut pe computer? Șansele sunt că este Photoshop și Illustrator. Și, deși acestea sunt elementele esențiale ale fluxului de lucru de proiectare, există instrumente mai mici de care probabil nu știți că aveți nevoie.
Cel mai bun lucru este că nici măcar nu trebuie să le descărcați - pur și simplu instalați aceste extensii Chrome și plecați. De la identificarea fonturilor pe pagini până la măsurarea distanțelor dintre elementele web, aceste extensii Chrome de design web vă vor ușura viața.
1. Dropbox pentru Gmail
Dropbox a început ca un serviciu de găzduire a fișierelor, dar a descoperit curând că publicul său principal este designerii, care folosesc serviciul pentru a-și împărtăși munca cu colegii. Deoarece fișierele de proiectare sunt adesea prea mari pentru atașamentele de e-mail, este mai ușor să trimiteți un link Dropbox către fișier.
Dropbox pentru Gmail face procesul și mai convenabil. Când vă conectați la fișierul dvs. utilizând un buton Dropbox din partea de jos a ferestrei noi de e-mail, destinatarul primește o scurtă privire asupra a ceea ce trimiteți. Linkurile către fișiere imagine vor încărca imaginile direct pe e-mail, iar linkurile către alte tipuri de fișiere vor genera o previzualizare la îndemână.
Instalare: Dropbox pentru Gmail
2. FontFace Ninja
Cu mii de fonturi disponibile, posibilitățile dvs. de tipografie sunt nelimitate. Mai ales dacă puteți identifica un font frumos pe care îl vedeți undeva și îl puteți împrumuta pentru propriul dvs. proiect.
FontFace Ninja este o extensie Chrome care vă ajută să faceți exact acest lucru. La fel ca instrumente care găsesc fonturi din imagini vă ajută să identificați fonturile pe care le vedeți online. Singura diferență este că FontFace Ninja citește fonturile codate în CSS ale paginii, cum ar fi tipul de titlu și textul corpului.
Când lansați FontFace Ninja, acesta vă va arăta informațiile despre fontul către care îl direcționați --- și nu numai tipul, ci și greutatea, dimensiunea, înălțimea, lățimea și culoarea. Pentru a marca acest font, veți avea nevoie de un cont la serviciul suror, FontFace Dojo .
Instalare: FontFace Ninja
3. Pipeta ColorPick
Oricât de bun ai avea un ochi pentru culoare, este greu să recreezi o anumită nuanță pe care ai văzut-o online, cu excepția cazului în care îi cunoști valorile RGB sau HTML. Din fericire, nu trebuie să ghiciți dacă aveți picuratorul ColorPick.
Ca cele mai bune aplicații de selectare a culorilor pentru Mac , ColorPick Eyedropper vă va arăta valorile pentru orice culoare pe care o indicați. Diferența este că este întotdeauna acolo în browserul dvs. și nu trebuie să încărcați nimic --- trebuie doar să faceți clic pe pictogramă și să mutați ținta la locul potrivit.
Extensia citește culori din text, imagini și aproape orice puteți vedea pe o pagină web (chiar și din reclame). Odată ce ați captat o culoare, aceasta vă arată valorile HTML, RGB și HSL pentru aceasta.
Instalare: ColorPick Eyedropper
4. Dimensiuni
Această extensie open-source este o descoperire pentru designerii de web, mai ales dacă faceți concerte o singură dată pentru întreprinderile mici. Când un client vă dă un site web fără fișiere sau documentație anterioară și vă cere să proiectați „o pagină ca aceasta, dar cu text și imagini diferite”, a afla aspectul este dificil.
cat costa youtube premium
Dimensiunile vă permit să măsurați cu ușurință înălțimea și lățimea oricărui element de pe pagină, precum și marginile dintre ele. Acest lucru face mai ușor să recreați paginile existente și să verificați din nou propriile modele după ce acestea intră în producție.
Instalare: Dimensiuni
5. Inspector vizual
Visual Inspector este un puternic instrument de feedback și colaborare pentru echipele de proiectare, care combină caracteristicile celor trei extensii anterioare și adaugă și mai multe.
În Inspecta filă, puteți alege orice element din pagină pentru a obține informații complete despre acesta, de la dimensiuni până la numele fișierului. The Culori și Tipografie subfile vă permit să vedeți paleta de culori și toate fonturile dintr-o privire, în timp ce Activele adună toate imaginile de pe pagină într-un singur loc.
The Colabora fila este locul în care puteți da feedback și puteți purta discuții cu echipa dvs. și este ușor să lăsați un comentariu făcând clic pe orice element de pe pagină.
cum se trimit mesaje pe youtube
La fel ca majoritatea instrumentelor avansate, Visual Inspector vine cu o etichetă de preț: va trebui să plătiți de la 9 USD / utilizator / lună pentru a adăuga comentarii și modificări de sincronizare. Cu toate acestea, caracteristicile sale de bază, cum ar fi inspectarea culorilor, fonturilor și imaginilor, sunt gratuite.
Instalare: Inspector vizual
6. Captură ușoară a ecranului
O extensie de captură a ecranului poate părea redundantă, deoarece realizarea unei capturi de ecran pe Mac este ușoară și capturarea ecranului pe Windows este doar un pic mai multă bătaie de cap. Însă Easy Screen Capture are destul de multe puncte de vânzare.
Cel mai important, vă permite să capturați întreaga pagină web, nu doar zona pe care o vedeți pe ecran. Acest lucru este de neprețuit atunci când trebuie să raportați mai multe probleme pe o pagină lungă, iar capturarea tuturor ar dura trei până la patru capturi de ecran.
Un alt truc elegant este posibilitatea de a copia captura de ecran în clipboard și de a o lipi direct într-un chat sau într-un e-mail, mai degrabă decât să acumuleze fișiere de imagine inutile pe computer.
Instalare: Captură ușoară a ecranului
7. Gheață 2
În cele din urmă, există o sarcină crucială cu care trebuie să te ocupi în fiecare dimineață: scuturarea resturilor de somn și intrarea în groove. Muzli 2 by InVision vă va servi drept ziar de dimineață cu articole curate despre artă, design, UX și tehnologie.
Muzli înlocuiește fila Chrome implicită și vă permite să personalizați ceea ce vedeți acolo. În funcție de interesele dvs., Muzli va alege fluxuri pentru dvs., cu site-uri web variind de la Dribble și Behance la 99designs și Creative Bloq. O mulțime de inspirație pentru a derula în timp ce beți prima cafea!
Dacă credeți că o filă întreagă a browserului, plină de conținut de design, este prea intensă, Muzli are și o versiune Lite. Nu va suprascrie fila implicită și veți putea accesa fluxul ori de câte ori doriți, doar făcând clic pe pictograma extensiei.
Instalare: Gheață 2
Obțineți extensii Chrome pentru toate sarcinile dvs. de proiectare
Extensiile Chrome de pe această listă nu se potrivesc cu software-ul dvs. de proiectare, dar acoperă toate lucrurile mărunte care vin odată cu a fi designer - fie că este vorba de tipografie intel sau de colaborare cu colegii tăi.
Odată ce vă dați seama că Magazinul web Chrome este plin de instrumente, poate fi greu să nu mai adăugați altele noi. Deci, învață cum să vă gestionați extensiile Chrome înainte de a scăpa de sub control.
Acțiune Acțiune Tweet E-mail Merită să faceți upgrade la Windows 11?Windows a fost reproiectat. Dar este suficient pentru a vă convinge să treceți de la Windows 10 la Windows 11?
Citiți în continuare Subiecte asemănătoare- Internet
- Creativ
- Google Chrome
- Web design
- Extensii pentru browser
Alice este un scriitor de tehnologie cu un punct de referință pentru tehnologia Apple. Ea scrie de ceva timp despre Mac și iPhone și este fascinată de modul în care tehnologia remodelează creativitatea, cultura și călătoriile.
Mai multe de la Alice KotlyarenkoAboneaza-te la newsletter-ul nostru
Alăturați-vă newsletter-ului pentru sfaturi tehnice, recenzii, cărți electronice gratuite și oferte exclusive!
Faceți clic aici pentru a vă abona