11 najboljih proširenja za Chrome za dizajnere

Nitko ne zna bolje od UX dizajnera kako naizgled mala podešavanja upotrebljivosti i učinkovitosti mogu, zapravo, napraviti veliku razliku u korisničkom iskustvu.

Pa ipak, dok malo tko provodi više vremena pregledavajući web od dizajnera, čak ni najpametniji među nama možda neće maksimizirati kvalitetu tog iskustva.



Imajući to na umu, zaokružili smo 11 najboljih Chromeovih proširenja za dizajnere.



Razboj

Velike su šanse da provedete prilično značajnu količinu vremena pokušavajući komunicirati s drugim suigračima o problemima koji se odnose na tokove korisnika, probleme s dizajnom ili druge greške. Loom vam može olakšati život.



Proširenje vam omogućuje da snimite i ispričate videozapis onoga što vidite na zaslonu – kao i prednju kameru – prije nego što ga podijelite jednostavnom vezom.

Ako se prodajete na Loomu, razmislite o premium plaćenoj usluzi, koja omogućuje 4K video, neograničenu pohranu videozapisa, alate za crtanje, naglasak na klik mišem i skup opcija za uređivanje uključujući gumbe za poziv na radnju i prilagođene minijature.

Promjena veličine prozora



Dizajneri moraju znati kako će svi doživjeti njihovu web ponudu, a izgled koji izgleda lijepo na vašem zaslonu – koji je, da se razumijemo, vjerojatno vrhunski – mogao bi propasti na ostarjelom iPhoneu.

Window Resizer pomoći će riješiti tu slijepu točku, mijenjajući veličinu prozora preglednika kako bi se reproducirao niz razlučivosti zaslona. Možete prilagoditi svoj popis razlučivosti, možete se baviti veličinom i položajem prozora, a za dodatnu učinkovitost, proširenje vam također omogućuje stvaranje globalnih prečaca na tipku.

Ledeno



Kad biste mogli koristiti malo dodatne inspiracije za dizajn u svom danu - a tko ne bi mogao? – Muzli je za vas, kurira privlačne vizualne dizajne s cijelog weba za pomicanje dok ispijate jutarnju kavu.

S više od 150 izvora sa cijelog Interneta, uključujući Dribbble, Mashable i Product Hunt, Muzli će vam donijeti najnovije dizajnerske ideje, projekte i vijesti svaki put kada otvorite novu karticu.

Vidite nešto što vas zanima? Kliknite i saznajte više u novom prozoru preglednika.

Ravnalo stranice

UX dizajneri obično cijene jednostavnu, ali učinkovitu ideju, a to sažima Page Ruler.

Umjesto da gubite vrijeme na pažljivo mjerenje veličine objekata na web-stranici pomoću alata za snimku zaslona, ​​neka Page Ruler brzo izvuče ravnalo i poveća dimenzije i položaj piksela kao i sve elemente na stranici.

ColorZilla

Vjerojatno je da često imate priliku brzo saznati koja se boja koristi na web stranici – a ColorZilla vam može pomoći da tamo stignete mnogo brže.

Dugo jedno od najpopularnijih proširenja za Firefox prije nego što je konačno došlo u Chrome, ColorZilla ima naprednu kapaljku za određivanje boje bilo kojeg piksela na bilo kojoj stranici, CSS generator gradijenta i birač boja.

Ako vidite boju koja vam se sviđa, ColorZilla će lako uzeti heksadecimalne i RGB vrijednosti i zalijepiti ih u međuspremnik.

Fontface Ninja

Jeste li tip koji traži nove ideje za fontove po internetu? Dizajneri – i općenito fanatici fontova – htjet će instalirati ovo elegantno proširenje, koje vam omogućuje da identificirate fontove koji se koriste na bilo kojoj web stranici i brzo ih ubacite u softver za dizajn.

Fontface Ninja's Fonts DNA engine ne prikazuje samo CSS naziv, već i pravi naziv bilo kojeg prikazanog fonta, a zatim vam omogućuje da ga legalno isprobate. Ako vam se sviđa, Fontface Ninja također pruža poveznicu za kupnju odgovarajuće licence.

Spektar

Procjenjuje se da nedostatak vida boja – također poznat kao sljepoća za boje – pogađa milijune diljem svijeta. Kako biste osigurali da ti ljudi imaju pozitivno iskustvo s vašim web stranicama, isprobajte Spectrum, koji brzo testira web stranice kako bi vidio kako izgledaju osobama s različitim vrstama sljepoće za boje.

Rečeno je da je proširenje posebno korisno za web-mjesta s vizualizacijama podataka jer se neke boje u grafikonima ne mogu razlikovati jedna od druge.

Checkbot

Osiguravanje da sve vaše veze stvarno funkcioniraju, da su vaši obrasci sigurni i da je vaša stranica brza i jednostavna za navigaciju, sve su to glavne brige upotrebljivosti za UX dizajnera; Checkbot će vam pomoći i otkriti sve probleme koje niste primijetili.

Testirajući stotine stranica odjednom, Checkbot može otkriti neispravne veze, HTML/JavaScript/CSS pogreške, duple naslove, sigurnosne probleme, lance preusmjeravanja i pogreške miješanog sadržaja.

Zapravo, Checkbot testira vašu web-lokaciju za 50 i više najboljih praksi za SEO, brzinu i sigurnost.

SVG grabber

Često vam je potrebno pronaći logotipe, ikone, ilustracije ili druga umjetnička djela s drugih web stranica? Ako je tako, SVG Grabber bi vam mogao uštedjeti puno vremena i zamora.

To je alat koji će vam pomoći da brzo pregledate i dobijete svu SVG imovinu s web-mjesta. Sa samo jednim klikom, proširenje će automatski namotati sve SVG-ove na stranici prije nego što vam omogući da pregledate i brzo preuzmete one koje trebate.

UX provjera

Jednostavno rečeno, UX Check pretvara heurističke evaluacije u povjetarac.

Proširenje vam omogućuje skeniranje vaše web stranice radi problema s upotrebljivošću kako biste mogli testirati bez stvarnih korisnika. UX Check označava sva područja vaše stranice koja treba poboljšati na temelju Nielsen Norman Group 10 općih principa za dizajn interakcije – koji uključuju vidljivost statusa sustava, sprječavanje pogrešaka te dosljednost i standarde – i sprema snimku zaslona problema.

Kada završite, možete sve izvesti u datoteku dokumenta kako biste ih jednostavno podijelili sa suigračima.

Korporativno osiguranje

Ako testirate novi dizajn – osobito onaj koji je posebno težak tekstom – možda vam je muka od uobičajenog prvog odlomka Lorem Ipsuma. Za one među nama koji su umorni od latinskog, Corporate Ipsum je zabavno proširenje koje nasumično dočarava korporativni dvostruki govor za korištenje kao dopunski tekst.

Umjesto tog dugog lanca lažnog teksta koji ste navikli vidjeti, mogao bi vas dočekati – na primjer – korporativni žargon poput ovoga: učinkovito iskoristite integrirane vortale s instaliranim osnovnim metodologijama.

Već samo engleske riječi umjesto latinice učinit će da dizajn izgleda daleko prirodnije, a činjenica da nasumično sastavljeni tekst često uopće nema smisla jednostavno je dio šarma proširenja.

Saznajte više o BrainStationu Tečajevi UX dizajna .