Tiešsaistes plakano ikonu ģenerators: vienkāršs AppWeb, kas izveido plakanas vai plakanas ikonas

Es sākšu ar kaut ko tādu, ko daudzi, iespējams, zina ... bet tas nav svarīgi: HTML5 + CSS3 + JS ... vienkārši ideāls perfect

Kāds lietotājs man uzrakstīja e-pasta ziņojumu, kurā viņš man jautāja par apmācību, kā viņam izveidot plakanas ikonas, tās, kas ir plakanas un tā ir jauna mode tīmeklī. Konkrēti gribēja Inkscape o dekoratīva aukliņa tērzēšanas stila poga vai kaut kas tāds, kas kalpo (vai atsauce) Snapchat.

Tā kā man ir šausmīgi ar Inkscape, kā arī satura veidošana no jauna pat ar Gimp sucks ... es atcerējos, ka pirms kāda laika es redzēju nelielu tīmekļa lietojumprogrammu (index.html ar dažiem css un js), kas ļāva mums viegli un ātri izveidot plakanas ikonas, kā jūs zināt, plakani dizaini.

Plakano ikonu ģenerators

tiešsaistes plakano ikonu ģenerators

Tam ir virkne iepriekš definētu ikonu, piemēram, klēpjdatora ikona, mobilās ierīces (tā, kuru es parādīju ekrānuzņēmumā), dāvana, velosipēds ... uff, tās ir diezgan daudz, tiešām ļoti dažādas:

tiešsaistes-dzīvoklis-ikona-ģenerators-ikonas

Bet nav runa tikai par ikonas ievietošanu un tagad ... mēs varam noteikt ikonas lielumu vai attēla lielumu kā tādu (ikona + fons), izmantojot divas horizontālas joslas. Acīmredzot mēs redzam kvadrāta izmēru pikseļos ... 256 ... 512 ... utt

Nākamā opcija ļauj mums izvēlēties fona krāsu, kā arī ikonas krāsu. Pēc noklusējuma ikona ir balta un fons ir zils, lai tā daudz nesaskartos.

Visbeidzot, šajā joslā, kas atrodas pa kreisi no opcijām, tas ļauj mums noteikt, vai ikonas robežas ir kvadrātveida vai, no otras puses, mēs vēlamies, lai gala rezultāts būtu apļveida.

Es jums atstāju šo iespēju ekrānuzņēmumu:

tiešsaistes plakanas ikonas ģeneratora iespējas

No otras puses, augšējā daļā tā parāda mums ikonas informāciju, kas tiek ģenerēta un mainās reāllaikā. Tas ir, ja jūs spēlējaties ar izmēriem un krāsām, redzēsit, ka šī informācija vienmēr mainās reāllaikā:

tiešsaistes plakana ikonu ģeneratora augšdaļa

Kā redzat, mums ir arī poga Iegūt ikonu, kas mums parādītu PNG jau ģenerēto ikonu citā cilnē, kurā mēs varam noklikšķināt ar peles labo pogu + Saglabāt, un tas ir viss, mums būs plakana ikona, kuru mēs ģenerējam vajadzīgajā mapē mūsu datorā.

Lejupielādējiet Flat Icon Generator

Ja vēlaties pats izmēģināt (ko es iedomājos, lai tas būtu haha), šeit ir saite:

Plakano ikonu ģenerators

Ar šo es ceru izpildīt to, ko lietotājs man jautāja pa e-pastu, lai gan tā nav apmācība, lai izveidotu pogu ar Gimp vai Inkscape, labi, es joprojām iedomājos, ka tas kalpos tam, ko vēlaties. Faktiski jūs nevarat ģenerēt tikai saites pogu no lejupielādēt snapchat, bet tas pat varētu ģenerēt lielāko daļu jūsu vietnes ikonu vai pogu vai visu, ko jūs darāt you

Sveiciens, un es ceru, ka jums tas likās interesants.


Atstājiet savu komentāru

Jūsu e-pasta adrese netiks publicēta. Obligātie lauki ir atzīmēti ar *

*

*

  1. Atbildīgais par datiem: Migels Ángels Gatóns
  2. Datu mērķis: SPAM kontrole, komentāru pārvaldība.
  3. Legitimācija: jūsu piekrišana
  4. Datu paziņošana: Dati netiks paziņoti trešām personām, izņemot juridiskus pienākumus.
  5. Datu glabāšana: datu bāze, ko mitina Occentus Networks (ES)
  6. Tiesības: jebkurā laikā varat ierobežot, atjaunot un dzēst savu informāciju.

  1.   illukki teica

    Es nesapratu, kā to izmantot pueden Vai jūs varat izdarīt tikai ikonu opcijas, kuras tas dod?

  2.   Percaff_TI99 teica

    Tas ir ļoti labi, es uzrakstu saiti.
    Es parasti izmantoju IcoMoon App (https://icomoon.io/app/#/select), kas arī ir diezgan interesants un ļoti pilnīgs; lai gan es nezinu, vai tas ir tieši tāds pats kā tas, uz ko attiecas ziņa.

    Sveicieni.

  3.   mat1986 teica

    Man patika ideja par ikonu pielāgošanu, man patika saites (jūsu un lietotāja Percaff_TI99). Saglabāšu tos savos favorītos 😀

  4.   3000 teica

    Interesanti priekšlikumi, lai gan es jau dodu priekšroku izmantot Inkscape tāpēc, ka ir viegli izgatavot plakanas ikonas (patiesībā tas ir praktiskāk nekā cits manis izmantotais vektoru redaktors, lai gan vēl neesmu pieradis veidot modernāku vektorgrafiku ar šo pieteikumu).

  5.   Ivans Garsija teica

    Ļoti praktisks un viegli lietojams. Jūs varētu arī apmierināt šīs vajadzības, izmantojot Font Awesome: http://fortawesome.github.io/Font-Awesome/

    1.    Sergio teica

      Paldies par dalīšanos! ka 🙂

  6.   Sergio teica

    Ejiet tik interesanti, ka tas noteikti noderēs daudziem projektiem. Man bija jautājums, kāda ir tīmekļa lietojumprogramma, vai to var pārnest Firefox OS? Vai izveidojat tīmekļa lietotni tiešu saīsni vai tamlīdzīgu, lai to izmantotu? Atvainojiet, es nezinu, kāpēc es jautāju.

  7.   anekdotes teica

    Tagad, kad esam Ziemassvētkos, daudzi vecāki saviem bērniem dāvās viedtālruni karaļiem. Kas ir viena no pirmajām lietām, ko jūs darīsit ar šīm ierīcēm? Neapšaubāmi, viens no tiem, ja ne pirmais, būs lejupielādēt snapchat, bet vēl viens - whatsapp apraksts. Tā kā šīs ir bezmaksas lietojumprogrammas, lielākajai daļai pusaudžu tās ir tālruņos.

  8.   Sergio teica

    Es domāju, ka viens no snapchat veida pieteikumu panākumu cēloņiem, pirmkārt, ir tas, ka tie ir bez maksas, no otras puses, ir izveidota mode, lai nosūtītu attēlus par gandrīz visu, kas tiek darīts visu dienu, un visbeidzot jo tā ir par ļoti viegli lietojamu lietotni

  9.   Snapchat pasaule teica

    Izcili! Šī vietne man ir ļoti palīdzējusi, veidojot savas jaunās vietnes logotipu snapchat, sakrītot ar lietotāju, kurš izveidoja vaicājumu. Es sūtu jums apskāvienu no Paragvajas, vietne ir ļoti laba 😉 Sveiciens.