Conţinut
- 01. Proiectare sistem Repo
- 02. PixelSnap
- 03. Schiță.Ripperul
- 04. Stackswell
- 05. Fonturi variabile
- 06. Facturarea prin bandă
- 07. CreativeGuild
- 08. Mobbin
- 09. HueSnap
- 10. Eggradienți
- Obțineți biletul la Generate New York
Tema rezumatului nostru din această lună este viteza și eficiența: câteva dintre acestea instrumente de proiectare web va face lucruri uimitoare pentru fluxul de lucru tăind sarcini plictisitoare și frustrante care nu au nicio legătură cu designul. Luați Stackswell - automatizează toate bucățile enervante de a face un design receptiv în Sketch. Un alt instrument nostru accelerează lucrurile pentru dvs., extragând și organizând toate activele dintr-un fișier .sketch.
În plus, există un nou produs de facturare interesant de la Stripe, un instrument excelent de rețea pentru reclamele de Tina Roth Eisenberg și un instrument fantastic pentru măsurarea lucrurilor de pe ecran în pixeli.
01. Proiectare sistem Repo
Dacă ați fost însărcinat să lucrați la unele dintre ingredientele pentru sistemul de proiectare al organizației dvs. sau poate chiar să construiți sau să codificați sistemul în sine, veți dori să vă puneți la curent cu cele mai recente resurse pe această temă.
Pentru aceasta, Design Systems Repo este prietenul tău. Este o colecție de cărți, articole, discuții, site-uri web, instrumente, sisteme de proiectare, biblioteci de modele și ghiduri de stil pe care le puteți folosi pentru a înțelege modul în care organizațiile de top și gânditorii de top fac lucrurile.
02. PixelSnap
PixelSnap este o aplicație foarte inteligentă care face ca măsurarea lucrurilor de pe ecran să fie mult mai puțin enervantă. Puneți cursorul între două elemente, cum ar fi o imagine și un antet, iar acesta vă indică automat numărul de pixeli dintre ele. Desenați un dreptunghi în jurul unui element și acesta se fixează în jurul său și vă indică dimensiunile. Da. Puteți măsura lucrurile atât de repede.
Consultați videoclipul de pe pagina de pornire pentru a vă face ideea. Aplicația are un preț de 15 USD, iar singurul dezavantaj este că este disponibilă doar ca aplicație Mac pentru moment. Dar dacă sunteți un utilizator Mac, este un lucru grozav.
03. Schiță.Ripperul
Exportul și pregătirea activelor din Sketch pentru a fi predate unei alte echipe poate fi o adevărată atracție, astfel încât perspectiva unui instrument care să o facă pentru dvs. cu un singur clic este destul de interesantă. Sketch.The.Ripper extrage și organizează ecranele, copiază și rasterizează imagini de pe toate planșele într-un fișier .sketch și le prezintă într-un mod convenabil. Aici puteți vedea un exemplu de ieșire dintr-un fișier extras.
Acest instrument este bazat pe web, deci funcționează pe orice sistem de operare, care poate elimina unele fricțiuni din fluxul de lucru dacă oamenii utilizează sisteme diferite. Este realizat de Icons8 și puteți citi mai multe despre el aici.
04. Stackswell
Stackswell vă accelerează fluxul de lucru de proiectare receptivă, aducând interogări media în Sketch și automatizând procesul de actualizare a stilurilor de tip și a simbolurilor pentru fiecare punct de întrerupere. În loc să faceți acest lucru manual, atunci când reglați lățimea unei planșe de stil, stilurile se actualizează automat.
Stackswell vă scutește, de asemenea, de munca necesară verificării distanței verticale pentru fiecare punct de întrerupere, astfel încât să obțineți o distanță constantă, cu dificultăți minime. Puteți citi mai multe despre aceasta în acest articol.
05. Fonturi variabile
Fonturile variabile vă permit să utilizați mai multe greutăți și lățimi diferite ale fontului fără a fi nevoie să includeți un fișier separat pentru fiecare: includeți un fișier și apoi modificați fontul folosind CSS. Este o situație excelentă, deoarece vă permite să utilizați tipografia la cel mai bun efect în design-urile dvs., fără a fi nevoie să măriți greutatea paginii.
Totuși, nu toate fonturile variabile sunt egale; unele sunt mai flexibile decât altele. Acest instrument vă permite să găsiți diferite fonturi și să experimentați cu ele pentru a vedea dacă se potrivesc nevoilor dvs. Pentru informații suplimentare despre fonturile variabile și pentru a vă face o idee despre ce se poate realiza, încercați această demonstrație.
06. Facturarea prin bandă
Noul produs de facturare Stripe pentru companiile online oferă o a treia cale pentru companiile care iau în considerare dilema dacă să construiască sau să cumpere un sistem de facturare (pentru mai multe detalii, consultați articolul nostru despre soluțiile de magazin online). API-ul Stripe Billing se integrează cu ușurință într-un site existent și vă permite să utilizați elemente de bază pentru a crea un sistem flexibil adaptat nevoilor dumneavoastră.
Atunci când sistemul dvs. este configurat, totul este gestionat dintr-un tablou de bord, unde puteți păstra abonamentele, facturile și rapoartele financiare. Veți obține, de asemenea, funcții puternice, cum ar fi sistemul global de plăți Stripe, care gestionează diferite monede și carduri de credit, precum și componentele flexibile de facturare care vă permit să experimentați prețurile.
07. CreativeGuild
CreativeGuild este un spin-off al CreativeMornings, o serie de prelegeri lunare gratuite fondată de Tina Roth Eisenberg la Brooklyn acum un deceniu. Conceptul a fost un succes și acum există capitole CreativeMornings în peste 185 de orașe din întreaga lume, fiecare cu propria comunitate vibrantă care își hrănește și îi inspiră pe membrii săi.
CreativeGuild este destinat să aducă o parte din aspectul comunității online, astfel încât să fie accesibil mai multor persoane. Vă puteți gândi că este un pic ca LinkedIn, dar pentru creativi. Există un director de companii creative, persoane fizice și locuri de muncă și puteți căuta după locație pentru a găsi oportunități în orașul dvs.
08. Mobbin
Mobbin este o galerie de modele de aplicații mobile pe care le puteți folosi pentru a obține idei pentru propriile dvs. proiecte - în loc să instalați o mulțime de aplicații, le puteți răsfoi într-un singur loc pentru a vedea cum alții rezolvă problemele de proiectare. Sunt afișate șase ecrane pentru fiecare aplicație, astfel încât să puteți face o idee despre călătoria utilizatorului și modelul de design pentru fiecare. Există, de asemenea, o bară laterală care afișează listele de joburi.
09. HueSnap
Nu știi niciodată când va lovi inspirația; poate decorul unui hotel sau lumina din parc se vor simți ca schema de culori potrivită pentru munca ta. Dacă se întâmplă acest lucru, puteți face o fotografie și puteți utiliza HueSnap pentru a extrage culorile din imagine și a le transforma într-o paletă.
Aplicația este destinată utilizării mobile, astfel încât funcționează cel mai bine pe telefonul dvs. și puteți salva și partaja paletele cu alții. Există diverse funcții care vă ajută să modificați o paletă, cum ar fi opțiunile de alegere a culorilor complementare și compuse. Paletele dvs. pot avea până la șase culori fiecare.
Pentru mai multe, aruncați o privire la rezumatul nostru al celor mai bune instrumente de culoare pentru designerii de web.
10. Eggradienți
Oricine a pus laolaltă această colecție de gradiente frumoase are un ochi minunat pentru culoare și un simț al umorului interesant. Fiecare gradient este afișat într-un recipient în formă de ou și i se dă un nume care poate sau nu să se raporteze la culori într-un fel. Dacă există o relație, nu am reușit să o descifrăm.
Exemplele de nume includ „Imigrant de succes” pentru un gradient turcoaz, „Inima frântă a lui Wozniak” pentru un albastru pal și „Dușmanul Milostiv” pentru o tranziție de la galben la verde.
Obțineți biletul la Generate New York
Eveniment principal de design web Generați New York a revenit. Având loc în perioada 25-27 aprilie, vorbitorii principali includ Dan Mall SuperFriendly, consultant în animație web Val Head, dezvoltatorul JavaScript full-stack Wes Bos și multe altele. Există, de asemenea, o zi de ateliere și oportunități de rețea de top - nu ratați. Obțineți biletul Generați acum.