Pradėsiu pasakydamas tai, ką daugelis gali žinoti ... bet nesvarbu: HTML5 + CSS3 + JS ... tiesiog tobula 🙂
Vartotojas parašė man el. Laišką, kuriame manęs paprašė apie mokymą sukurti plokščias piktogramas, tas, kurios yra plokščios ir tai yra nauja mada internete. Konkrečiai ieško Inkscape o gimp pokalbio stiliaus mygtukas ar kažkas, kas būtų naudinga (arba nuoroda) Snapchat.
Kadangi man baisu su „Inkscape“, taip pat kuriu turinį nuo nulio net su „Gimp“ smirda ... Prisiminiau, kad prieš kurį laiką mačiau mažą žiniatinklio programą (index.html su keletu css ir js), kuri leido mums lengvai ir greitai sukurti plokščias piktogramas pagal dabartinę madą.
Plokščių piktogramų generatorius
Jame yra keletas iš anksto nustatytų piktogramų, pavyzdžiui, nešiojamojo kompiuterio piktograma, mobilieji įrenginiai (tas, kurį rodau ekrano kopijoje), dovana, dviratis ... uff, jų yra labai daug, tikrai labai įvairių:
Bet tai nėra tik piktogramos įdėjimo klausimas ir dabar ... mes galime apibrėžti piktogramos dydį arba vaizdo dydį (piktograma + fonas) dviem horizontaliomis juostomis. Akivaizdu, kad mes matome kvadrato dydį pikseliais ... 256 ... 512 ... ir kt
Kitas variantas leidžia mums pasirinkti fono spalvą, taip pat piktogramos spalvą. Pagal numatytuosius nustatymus piktograma yra balta, o fonas - mėlynas, todėl ji daug nesikerta.
Galiausiai toje juostoje kairėje parinkčių ji leidžia mums apibrėžti, ar piktogramos kraštinės yra kvadratinės, ar, kita vertus, norime, kad galutinis rezultatas būtų apskritas.
Aš palieku jums šių parinkčių ekrano kopiją:
Kita vertus, viršutinėje dalyje mums rodoma realiuoju laiku generuojamos ir besikeičiančios piktogramos informacija. Tai yra, jei žaisite su dydžiais ir spalvomis, pamatysite, kad ši informacija visada keičiasi realiuoju laiku:
Kaip matote, mes taip pat turime mygtuką Gauti piktogramą, kuris mums parodytų PNG jau sugeneruotą piktogramą kitame skirtuke, kuriame mes galime dešiniuoju pelės mygtuku spustelėkite + Išsaugoti ir viskas, mes turėsime plokščią piktogramą, kurią sukursime norimame savo kompiuterio aplanke.
Atsisiųskite „Flat Icon Generator“
Jei norite tai išbandyti patys (ką aš įsivaizduoju, kad taip būtų, haha), čia yra nuoroda:
Tai tikiuosi įvykdyti tai, ko vartotojas manęs paprašė el. Paštu, nors tai nėra pamoka sukurti mygtuką su „Gimp“ ar „Inkscape“, na, aš vis dar įsivaizduoju, kad jis tarnaus tam, ko norite. Tiesą sakant, galite ne tik sugeneruoti nuorodos mygtuką iš parsisiųsti snapchat, bet tai netgi gali sugeneruoti didžiąją dalį jūsų svetainės piktogramų ar mygtukų ar bet ko, ką darote 😀
Sveikinimai ir tikiuosi, kad jums tai pasirodė įdomu.
Aš nesupratau, kaip jį naudoti pueden Ar galite padaryti tik piktogramos parinktis, kurias ji suteikia?
Tai labai gerai, aš parašau nuorodą.
Paprastai naudoju „IcoMoon App“ (https://icomoon.io/app/#/select), kuris taip pat yra gana įdomus ir labai išsamus; nors aš nežinau, ar tai visiškai tas pats, ką nurodo įrašas.
Sveikinimai.
Man patiko idėja pritaikyti piktogramas, man patiko nuorodos (jūsų ir vartotojo Percaff_TI99). Aš išsaugosiu juos savo mėgstamiausiuose 😀
Įdomūs pasiūlymai, nors aš jau norėčiau naudoti „Inkscape“ dėl to, kaip lengva padaryti plokščias piktogramas (iš tikrųjų tai praktiškiau nei kitas mano naudojamas vektorinis redaktorius, nors aš vis dar nepriprantu kurti tobulesnės vektorinės grafikos su ta programa).
Labai praktiška ir paprasta naudoti. Šiuos poreikius taip pat galite patenkinti naudodami „Font Awesome“: http://fortawesome.github.io/Font-Awesome/
Ačiū už dalinimąsi! kad 🙂
Eik, kad įdomu ir tikrai tai bus naudinga daugeliui projektų. Man buvo įdomu, kokia yra interneto programa, ar ją galima perkelti „Firefox“ OS? Kurti žiniatinklio programą yra tiesioginis spartusis klavišas ar panašus būdas jį naudoti? Atsiprašau, nežinau, kodėl klausiu.
Dabar, kai mes esame per Kalėdas, daugelis tėvų dovanos savo vaikams išmanųjį telefoną karaliams. Kas yra vienas iš pirmųjų dalykų, kuriuos atliksite naudodami šiuos įrenginius? Be abejo, vienas iš jų, jei ne pirmasis, bus atsisiųsti „Snapchat“, o kitas - „WhatsApp“ aprašymas. Kadangi tai yra nemokamos programos, dauguma paauglių jas turi savo telefonuose.
Manau, kad viena iš „snapchat“ tipo programų sėkmės priežasčių visų pirma yra ta, kad jos yra nemokamos, kita vertus, buvo sukurta mada siųsti beveik visko, kas daroma visą dieną, vaizdus ir, galiausiai, iš labai lengvai naudojamos programos
Puiku! Ši svetainė man labai padėjo kuriant naujos svetainės „snapchat“ logotipą, sutapus su vartotoju, kuris pateikė užklausą. Siunčiu tau glėbį iš Paragvajaus, svetainė labai gera 😉 Sveikinimai.