Veebipõhine kindla ikooni generaator: lihtne AppWeb, mis loob tasased või lamedad ikoonid

Alustuseks ütlen midagi, mida paljud võivad teada ... aga see pole oluline: HTML5 + CSS3 + JS ... lihtsalt täiuslik 🙂

Kasutaja kirjutas mulle meilisõnumi, kus ta palus mul õpetada, kuidas luua lamedaid ikoone, mis on lamedad ja mis on veebis uus mood. Täpsemalt soovinud Inkscape o Gimp vestlusstiilis nupp või midagi, mida saaks kasutada (või viide) Snapchat.

Kuna mul on kohutav Inkscape ja ka sisu loomine nullist isegi Gimpi korral on ime ... meenus, et mõni aeg tagasi nägin väikest veebirakendust (index.html koos mõne css ja js-ga), mis võimaldas meil praegusel moel hõlpsalt ja kiiresti luua kindlaid ikoone, teate, kindlaid kujundusi.

Lame ikoonigeneraator

võrgus-korter-ikoonigeneraator

Sellel on rida ettemääratud ikoone, näiteks sülearvutiikoon, mobiilseadmed (see, mida ma ekraanipildil kuvan), kingitus, jalgratas ... uff, neid on üsna palju, tõesti väga erinevaid:

võrgus-korter-ikoon-generaator-ikoonid

Kuid küsimus pole lihtsalt ikooni panemises ja nüüd ... saame kahe horisontaalse riba abil määratleda ikooni suuruse või pildi suuruse sellisena (ikoon + taust). Ilmselt näeme ruudu suurust pikslites ... 256… 512 ... jne

Järgmine valik võimaldab meil valida nii tausta kui ka ikooni värvi. Vaikimisi on ikoon valge ja taust sinine, nii et see ei lähe eriti kokku.

Lõpuks võimaldab see suvanditest vasakul asuval ribal määratleda, kas ikooni piirid on ruudukujulised või soovime teisalt, et lõpptulemus oleks ümmargune.

Jätan teile ekraanipildi nendest valikutest:

võrgu-korter-ikoon-generaator-valikud

Teiselt poolt näitab see ülemises osas meile teavet reaalajas genereeritava ja muutuva ikooni kohta. See tähendab, et kui mängite suuruste ja värvidega ringi, näete, et see teave muutub alati reaalajas:

võrgus-korter-ikoon-generaator-ülemine

Nagu näete, on meil ka nupp Hangi ikoon, mis näitaks meile PNG-s juba loodud ikooni teises vahekaardis, kus saame paremklõpsata + salvestada ja see on kõik, meil on lame ikoon, mille genereerime oma arvuti soovitud kausta.

Laadige alla Flat Icon Generator

Kui soovite seda ise proovida (mida ma kujutan ette, olgu nii, haha), siis siin on link:

Lame ikoonigeneraator

Sellega loodan järgida seda, mida kasutaja minult e-posti teel küsis, ehkki see pole õpetus nupu loomiseks Gimpi või Inkscape'iga, noh, ma kujutan ikkagi ette, et see teenib seda, mida soovite. Tegelikult ei saa te linki nuppu lihtsalt genereerida laadige alla snapchat, kuid see võib isegi luua suurema osa teie saidi ikoonidest või nuppudest või mida iganes teete 😀

Tervitused ja ma loodan, et teil on see huvitav olnud.


Jäta oma kommentaar

Sinu e-postiaadressi ei avaldata. Kohustuslikud väljad on tähistatud *

*

*

  1. Andmete eest vastutab: Miguel Ángel Gatón
  2. Andmete eesmärk: Rämpsposti kontrollimine, kommentaaride haldamine.
  3. Seadustamine: teie nõusolek
  4. Andmete edastamine: andmeid ei edastata kolmandatele isikutele, välja arvatud juriidilise kohustuse alusel.
  5. Andmete salvestamine: andmebaas, mida haldab Occentus Networks (EL)
  6. Õigused: igal ajal saate oma teavet piirata, taastada ja kustutada.

  1.   illukki DIJO

    Ma ei saanud aru, kuidas seda kasutada pueden Kas saate teha ainult ikoonivalikuid, mida see annab?

  2.   Percaff_TI99 DIJO

    See on väga hea, kirjutan lingi.
    Tavaliselt kasutan rakendust IcoMoon (https://icomoon.io/app/#/select), mis on ka üsna huvitav ja väga täielik; kuigi ma ei tea, kas see on täpselt sama, millele postitus viitab.

    Tervitused.

  3.   mat1986 DIJO

    Mulle meeldis ikoonide kohandamise idee, mulle meeldisid lingid (sinu ja kasutaja Percaff_TI99). Salvestan need oma lemmikute hulka 😀

  4.   eliotime3000 DIJO

    Huvitavad ettepanekud, kuigi ma eelistan juba kasutada Inkscape'i lamedate ikoonide valmistamise lihtsuse tõttu (tegelikult on see otstarbekam kui mõni teine ​​vektoriredaktor, mida olen kasutanud, kuigi ma pole veel harjunud arenenuma vektorgraafika tegemisega koos selle rakendusega).

  5.   Ivan Garcia DIJO

    Väga praktiline ja hõlpsasti kasutatav. Need vajadused võiksite katta ka Font Awesome abil: http://fortawesome.github.io/Font-Awesome/

    1.    Sergio DIJO

      Aitäh jagamast! et 🙂

  6.   Sergio DIJO

    Mine nii huvitav, et see sobib kindlasti paljude projektide jaoks. Mõtlesin, milline on veebirakendus, kas seda saab Firefoxi jaoks teisaldada? Veebirakenduse loomiseks otsene otsetee või muu sarnane selle kasutamiseks? Vabandust, ma ei tea, miks ma seda küsin.

  7.   Ana DIJO

    Nüüd, kui oleme jõulude ajal, kingivad paljud vanemad oma lastele kuningate jaoks nutitelefoni. Mis on üks esimesi asju, mida nende seadmetega teete? Kahtlemata on üks neist, kui mitte esimene, snapchati allalaadimine ja teine ​​neist whatsappi kirjeldus. Kuna tegemist on tasuta rakendustega, on enamik teismelisi neid telefonis.

  8.   Sergio DIJO

    Ma arvan, et üks snapsi tüüpi rakenduste edukuse põhjustest on esiteks see, et need on tasuta, teisest küljest on mood loodud selleks, et saata pilte peaaegu kõigest, mida kogu päeva jooksul tehakse ja lõpuks kuna see on umbes väga hõlpsasti kasutatav rakendus

  9.   Snapchati maailm DIJO

    Suurepärane! See veebisait on mind palju aidanud oma uue saidi logo loomisel snapchatis, kattudes päringu teinud kasutajaga. Saadan teile kallistuse Paraguayst, sait on väga hea 😉 Tervitused.