Ще започна, като кажа нещо, което мнозина може да знаят ... но няма значение: HTML5 + CSS3 + JS ... просто перфектно 🙂
Потребител ми написа имейл с молба за урок за него за създаване на плоски икони, тези, които са плоски и това е новата мода в мрежата. Специално издирвано от Inkscape o ширит бутон в стил чат или нещо, което би служило (или препратка) Snapchat.
Тъй като съм ужасен с Inkscape, а също и създаването на съдържание от нулата, дори и с Gimp е гадно ... добре си спомних, че преди малко видях малко уеб приложение (index.html с някои css и js), което ни позволи лесно и бързо да създаваме плоски икони по настоящата мода, знаете, плоски дизайни.
Генератор на плоски икони
Той има поредица от предварително дефинирани икони, например икона за лаптоп, мобилни устройства (това, което показвам на екранната снимка), подарък, велосипед ... uff, те са доста, наистина голямо разнообразие:
Но не става въпрос само за поставяне на иконата и сега ... можем да определим размера на иконата или размера на изображението като такъв (икона + фон) с помощта на две хоризонтални ленти. Очевидно виждаме квадратния размер в пиксели ... 256 ... 512 ... и т.н.
Следващата опция ни позволява да избираме цвета на фона, както и цвета на иконата. По подразбиране иконата е бяла, а фонът е син, така че да не се сблъсква много.
И накрая, в тази лента вляво от опциите, тя ни позволява да определим дали границите на иконата са квадратни или, от друга страна, искаме крайният резултат да бъде кръгъл.
Оставям ви екранна снимка на тези опции:
От друга страна, в горната част тя ни показва информацията за иконата, която се генерира и променя в реално време. С други думи, ако се заиграете с размерите и цветовете, ще видите, че тази информация винаги се променя в реално време:
Както можете да видите, ние също имаме бутон Вземете икона, който ще ни покаже иконата, която вече е генерирана в PNG в друг раздел, в който можем да щракнем с десния бутон + Запазване и промяна, ще имаме плоската икона, която генерираме в желаната папка на нашия компютър.
Изтеглете Flat Icon Generator
Ако искате да опитате сами (което си представям ха ха), ето връзката:
С това се надявам да се съобразя с това, което потребителят ме попита по имейл, въпреки че не е урок за създаване на бутона с Gimp или Inkscape, добре, все пак си представям, че той ще обслужва това, което искате. Всъщност не можете просто да генерирате бутона за връзката от изтегляне, но дори може да генерира по-голямата част от иконите или бутоните за вашия сайт или каквото и да правите 😀
Поздрави и се надявам да ви е било интересно.
Не разбрах как да го използвам pueden Можете ли да направите само опциите за икони, които дава?
Много е добре, пиша линка.
Обикновено използвам приложението IcoMoon (https://icomoon.io/app/#/select) което също е доста интересно и много пълно; въпреки че не знам дали е точно същото като това, за което се отнася публикацията.
Поздрави.
Хареса ми идеята за персонализиране на икони, харесах връзките (вашата и потребителя Percaff_TI99). Ще ги запазя в любимите си 😀
Интересни предложения, въпреки че вече предпочитам да използвам Inkscape поради това колко лесно е да правя плоски икони (всъщност това е по-практично от друг векторен редактор, който съм използвал, въпреки че все още не свиквам да правя по-усъвършенствани векторни графики с това приложение).
Много практичен и лесен за използване. Можете също така да покриете тези нужди, като използвате Font Awesome: http://fortawesome.github.io/Font-Awesome/
Благодаря за споделянето! че 🙂
Отидете толкова интересно със сигурност, че ще служи за много проекти. Чудех се как е уеб приложението, може ли да се пренесе за firefox os? Създаване на уеб приложение директен пряк път или подобен, за да го използвате? Извинете, не знам защо.
Сега, когато сме на Коледа, много родители ще подарят на децата си смарт телефон за царе. Кое е едно от първите неща, които ще направите с тези устройства? Несъмнено един от тях, ако не и първият, ще бъде да изтегли snapchat, а друг от тях ще бъде описанието на WhatsApp. Тъй като това са безплатни приложения, повечето тийнейджъри ги имат на телефоните си.
Мисля, че една от причините за успеха на приложенията от типа на Snapchat е на първо място, че те са безплатни, от друга страна е създадена модата да се изпращат изображения на почти всичко, което се прави през целия ден и накрая, защото става въпрос за много лесно за използване приложение
Отлично! Този уебсайт ми помогна много в процеса на създаване на логото за новия ми сайт на snapchat, съвпадащ с потребителя, направил заявката. Изпращам ви прегръдка от Парагвай, сайтът е много добър 😉 Поздрави.