Încep prin a spune ceva pe care mulți îl pot ști ... dar nu contează: HTML5 + CSS3 + JS ... pur și simplu 🙂
Un utilizator mi-a scris un e-mail prin care mă întreba despre un tutorial pentru a crea pictograme plate, cele care sunt plate și care este noua modă de pe web. În mod specific dorit de Inkscape o șiret un buton în stil chat sau ceva care ar servi (sau de referință) Snapchat.
Deoarece sunt groaznic cu Inkscape și, de asemenea, creez conținut de la zero chiar și cu Gimp, asta mi-a amintit că acum ceva timp am văzut o mică aplicație web (un index.html cu niște css și js) care ne-a permis să creăm cu ușurință și rapid icoane plate în moda actuală, știi, Designuri plate.
Generator de pictograme plate
Are o serie de pictograme predefinite, de exemplu pictograma laptop, dispozitive mobile (cea pe care o arăt în captura de ecran), cadou, bicicletă ... uff, sunt destul de multe, într-adevăr o mare varietate:
Dar nu este vorba doar de a pune pictograma și acum ... putem defini dimensiunea pictogramei sau dimensiunea imaginii ca atare (pictogramă + fundal) prin intermediul a două bare orizontale. Evident, vedem dimensiunea pătratului în pixeli ... 256 ... 512 ... etc.
Următoarea opțiune ne permite să alegem culoarea fundalului, precum și culoarea pictogramei. În mod implicit, pictograma este albă și fundalul albastru, astfel încât să nu se ciocnească prea mult.
În cele din urmă, în bara respectivă din stânga opțiunilor, ne permite să definim dacă marginile pictogramei sunt pătrate sau dacă, pe de altă parte, dorim ca rezultatul final să fie circular.
Vă las o captură de ecran a acestor opțiuni:
Pe de altă parte, în partea superioară ne arată informațiile pictogramei care se generează și se schimbă în timp real. Cu alte cuvinte, dacă vă jucați cu dimensiunile și culorile, veți vedea că aceste informații se schimbă întotdeauna în timp real:
După cum puteți vedea, avem și un buton Obțineți pictograma, care ne-ar arăta pictograma deja generată în PNG într-o altă filă, în care putem face clic dreapta + Salvare și gata, vom avea pictograma plată pe care o generăm în folderul dorit de pe computerul nostru.
Descărcați Flat Icon Generator
Dacă doriți să încercați singur (ceea ce îmi imaginez așa să fie haha), iată linkul:
Cu aceasta sper să mă conformez cu ceea ce mi-a cerut utilizatorul prin e-mail, deși nu este un tutorial să creezi butonul cu Gimp sau Inkscape, ei bine, îmi imaginez că va servi ceea ce îți dorești. De fapt, nu puteți genera doar butonul pentru link descărcați Snapchat, dar ar putea genera chiar marea majoritate a pictogramelor sau butoanelor pentru site-ul dvs. sau a ceea ce faceți 😀
Salutări și sper că ți s-a părut interesant.
Nu am înțeles cum să-l folosesc. Puteți face doar opțiunile pictograme pe care le oferă?
Este foarte bine, scriu link-ul.
De obicei folosesc aplicația IcoMoon (https://icomoon.io/app/#/select) care este, de asemenea, destul de interesant și foarte complet; deși nu știu dacă este exact același lucru cu care se referă postarea.
Salutări.
Mi-a plăcut ideea de personalizare a icoanelor, mi-au plăcut link-urile (a ta și a utilizatorului Percaff_TI99). Îi voi salva în preferatele mele 😀
Propuneri interesante, deși prefer deja să folosesc Inkscape din cauza cât de ușor este să faci icoane plate (de fapt, este mai practic decât un alt editor de vectori pe care l-am folosit, deși nu m-am obișnuit încă să realizez grafică vectorială mai avansată cu acea aplicație).
Foarte practic și ușor de utilizat. De asemenea, puteți acoperi aceste nevoi folosind Font Awesome: http://fortawesome.github.io/Font-Awesome/
Vă mulțumim pentru distribuire! că 🙂
Mergi atât de interesant, sigur că va servi pentru multe proiecte. Mă întrebam cum este o aplicație web, poate fi portată pentru sistemul de operare Firefox? Creați o aplicație web o comandă rapidă directă sau similară pentru a o utiliza? Scuză-mă, nu știu de ce.
Acum, că suntem de Crăciun, mulți părinți le vor oferi copiilor un telefon inteligent pentru regi. Care este unul dintre primele lucruri pe care le veți face cu aceste dispozitive? Fără îndoială, unul dintre ei, dacă nu primul, va fi să descarce Snapchat, iar altul va fi descrierea WhatsApp. Deoarece acestea sunt aplicații gratuite, majoritatea adolescenților le au pe telefoanele lor.
Cred că una dintre cauzele succesului aplicațiilor de tipul snapchat-ului este în primul rând că acestea sunt gratuite, pe de altă parte, moda a fost creată pentru a trimite imagini cu aproape tot ceea ce se face pe parcursul zilei și în cele din urmă deoarece este vorba despre o aplicație foarte ușor de utilizat
Excelent! Acest site web m-a ajutat foarte mult în procesul de creare a logo-ului pentru noul meu site pe Snapchat, coincizând cu utilizatorul care a făcut interogarea. Vă trimit o îmbrățișare din Paraguay, site-ul este foarte bun 😉 Salutări.