Рубрика «иконки» - 5

Хочу порадовать тех, кто любит делать графику на сайтах при помощи шрифтов. На проекте Fontello большое обновление — теперь вы можете генерировать шрифты из собственных картинок, а также импортировать под нарезку вообще любые шрифты, которых нет в стандартных подборках!

image

Для тех кто не в курсе, фонтелло — проект для дизайнеров и разработчиков вебсайтов. Если Twitter Bootstrap предоставляет вам набор CSS-классов для быстрой и легкой верстки страниц, то Fontello позволяет вам легко добавить на эти страницы иконки. Вы можете выбрать иконки из очень большой подборки, а Fontello упакует их в шрифты и сделает файл с CSS-классами. Дальше остается добавить нужный класс к HTML-элементу, и рядом появится картинка.

Конечно, есть немало готовых иконочных шрифтов. Но ведь вам обычно для сайта нужно всего лишь несколько иконок, а остальные будут просто занимать место и замедлять загрузку. Или какой-то иконки не хватит, но она есть в другой коллекции. Как быть? Fontello позволяет выбрать необходимое, и делает из него шрифт специально под ваши нужды. Ну а последний апдейт понравится тем, кто рисует что-то свое — теперь вы не ограничены встроенным (хоть и большим) каталогом иконок.
Читать полностью »

В общем, конечно, дело в пятнице.

Предлагаю окунуться в мир непознанного и скрытого от осторожных глаз. Вместе с котиками, разумеется.
Я так думаю, с последней их партией, потому как котики в количестве n штук — это хорошо, а в количестве n+1 — уже настоебе… перебор.

image

Интересный факт: этот сет является в некотором роде редизайном моих картинок десятилетней давности, которых у меня самого-то на диске не осталось. Зато гугл все помнит, и на вопрос «что делает кошка в туалете» заботливо напоминает.

Ах, ну и да, качать можно отсюдаЧитать полностью »

Обязательства, данные ранее и связанные с котиками, заставляют меня вывалить очередную их порцию.
Хотя я, признаться, несколько стремаюсь в том плане, что надо бы подкопить побольше, да и потом сразу кучкой, а не размазывать тонким слоем по паркету.

Но с другой стороны, котики — они же в свободное от работы время, а тут заступает сентябрь, и станет не продохнуть, и не до котиков.
К тому же их накопилась дюжина.
К тому же вроде как пятница.
Поэтому котики.

image

Условия те же, то есть бесплатные для коммерческого и некоммерческого использования. На всякий случай уточняю — коммерческое означает, что их можно использовать в коммерческих проектах, но нельзя продавать/перепродавать и так далее. Котики должны оставаться бесплатными.

Читать полностью »

Рисовать иконки в нон-стоп режиме (как, впрочем и рубить дрова, и переводить старушек через дорогу) — становится утомительно.
Неутомительно только гладить кошку.
Но кошки у меня нету. Боязнь ответственности и сплошные переезды. Но кошку я хочу.
Поэтому, когда руку начинает тошнить от монотонной работы, я спасаюсь тем, что пристрастился рисовать кошек. Это и отдых, и сублимация, и кстати обратно интерес к рисованию вызывает.
В какой-то момент их накопилось на небольшой сет, который не грех и выставить. (Вот и польза образовалась).
image

И продолжают, черти, копиться дальше.

Пока то, что есть, можно скачать отсюда и использовать, как душе угодно. Лучше использовать хорошо, чем плохо.

Читать полностью »

Я надеюсь тут остались люди, которые помнят старый и ужасный на вид HabraPack? В последнее время я начал натыкаться на свои жуткие иконки на большом количестве сайтов и даже в терминалах оплаты местной компании, в разделе «Социальная сеть». Также, совсем недавно, знакомые попросили чуть обновить иконки, что я собственно и сделал.

image

Я буду обновлять иконки раз в день, большим количеством иконок. А пока можете СКАЧАТЬ и спокойно пользоваться, если вдруг найдутся люди, кому понравится.

Читать полностью »

Как правильно нарисовать иконку (размер 32х32, часть I)

Хочу предложить вашему вниманию урок по созданию иконок размером 32х32 в программе Adobe Photoshop. Данный урок позволит научиться рисовать иконки не прилагая много усилий – в итоге вы поймете что рисование иконок для интерфейсов не такая уж и сложная задача, нужно лишь запастись терпением, и знать представление о работе в программе Adobe Photoshop.
40.png 39.png
Итак, начнем! В первую очередь, чтобы иконки не выбивались из размера и были похожи по стилю, нужно сделать шаблон, на основе которого мы будем рисовать серию иконок.
Читать полностью »

3500 иконок готово. Можно сказать спасибо. После выпуска 3000 иконок FatCow прошел почти год, страницу посетило 700к посетителей. Пошел пятый год рисования. Находить удачные метафоры становится сложнее. Пытаемся охватить набор метафор, который нужен для специфичного софта и узконаправленных сайтов.
Чтобы дойти до 4000 иконок, работы хватит до апреля 2014 года. Потом укрупняем палитру или уходим в 5000. То есть по многочисленным запросам пользователей помимо 16-го и 32-го размера намерены освоить 48x48 и 96x96. В таком случае до середины 2015-го года нарисуем первую «крупную» тысячу.

Пак ольдскульных пиксельных иконок, скоро 4000

Пятилетку за четыре года, кота за день. Чтобы понять, какие именно 500 метафор было положено в основе дополнительной эмиссии, смотрим сотканный kreol2013 надстройкой над программой KhodeN «ковер»…
Читать полностью »

WebHostingHub Glyphs — обновление шрифта до 1446 иконок

Недавно выпущенный набор иконок WebHostingHub Glyphs добавилось более 300 новых иконок.

Благодаря пожеланиям пользователей хабрахабр в шрифте появились иконки знака рубля, сети вконтакте и многие другие. Иконки доступны в формате png (белые и черные) и самое главное в виде шрифта в форматах SVG, EOT и TTF. Мы будем рады услышать любые пожелания к дальнейшему развитию сета.

Читать полностью »

Больше полутра пришлось откладывать создание третьей версии проекта Iconizer.net, но наконец-то мы закончили улучшение «братских» проектов-генераторов и вложили все силы и все свободное время на созданию версии, которую довольно обширно нам описала аудитория Хабрахабр в день запуска второй версии проекта.

Для тех кто еще не знаком с проектом — Iconizer.net — это бесплатный поисковик и генератор иконок

iconizer.net - бесплатный генератор иконок

Собрав в список все чего нас просили мы добавили следующие возможности:
Читать полностью »

«И эти дурацкие иконки! Пиктограмма — это знак, который ни на одном человеческом языке невозможно объяснить. Не зря же появилась речь!»
Джеф Раскин.

Сегодня, какой бы продукт не проектировался, почти всегда уместно или нет — используются иконки. Заказчики требующие использования иконок в интерфейсе настолько свыклись с ментальностью повсеместного использования иконок, что это обстоятельство можно принимать за культурный феномен. Того же принципа придерживаются почти все разработчики.
Почему так получилось? Что в иконках не так? Можно ли без них обойтись?
Давайте попробуем разобраться.

Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js