Для нашего собственного проекта Иконза нам понадобился интерфейс. Очень хотелось, чтобы он получился красивым и модным, а еще удобным и простым в использовании. Чтобы при одном взгляде на него дух захватывало и все бы говорили: «Ого! Какой хороший интерфейс!». Так как мы были клиентами сами у себя, то у нас не было никаких ограничений — можно было делать все что угодно.

Суть проекта в том, что это одностраничное веб-приложение, которое бесплатно раздает иконки набором или поштучно. Иконки можно перекрашивать в любые цвета, а еще можно менять их размер. Мы взяли доску, цветные маркеры и набросали прототип будущего интерфейса.

Что такое перекрашиваемая иконка? Это такая картинка, которой легко поменять цвет, то есть её перекрасить. Есть несколько способов этого добиться. Я расскажу о простой технологии, которую мы использовали когда делали проект Иконза (по такой же технологии сделаны машинки для Автокадабры). По сути, это веб-приложение, которое позволяет пользователю менять цвет иконок, а потом генерирует необходимые графические файлы.

Например, мы хотим нарисовать перекрашиваемую иконку фолдера. Берем любимый векторный редактор и рисуем.

Мы решили сделать полезное веб-приложение, которое бы содержало коллекцию бесплатных иконок и позволяло бы эти иконки менять по своему желанию. Любому проекту нужно крутое название и запоминающийся логотип. Решили начать с нейминга…

Удачное название — половина успеха проекта. Оно должно быть оригинальным, отражать суть, быть не слишком длинным и произносимым на большинстве языков. Очень важным фактором было то, что у нас интернет-проект и нам нужно было зарегистрировать под него доменное имя, которое должно было быть свободным.

Мы начали мозговой штурм. Для начала выбрали ключевые характеристики нашего проекта: цветной, перекрашиваемый, изменяемый, полупрозрачный, гибкий. Долго вспоминали всяких животных и прочих существ. Вспомнили хамелеона, но сразу его отбросили, как не оригинального. Потом на ум пришли полупрозрачные гады. Например, медузы. Английское слово jellyfish мы отбросили как непроизносимое для русского человека. А вот слово meduza нам показалось интересным, только мы его превратили в meduzer. Это был первый рабочий вариант.

Бывает так, что для какого-то сайта или интерфейса или блога нужны иконки. Где их взять? Можно заказать у дизайнеров за деньги, а можно использовать иконки из бесплатных наборов. С дизайнерами и деньгами все более-менее понятно. Поговорим про бесплатные наборы иконок. Например, сайт или блог имеет какой-то особенный дизайн и трудно найти подходящие иконки. Или авторы сайта хотят, чтобы значки были эксклюзивными. Или, вдруг, нужны одинаковые иконки, но разных цветов. (всякое бывает)

Мы долго думали над всем этим и наконец придумали вот такой проект:



Иконза — веб-приложение, которое дает доступ к коллекции бесплатных иконок, но коллекция эта непростая. Иконки в Иконзе можно перекрашивать в любые цвета. Плюс, можно менять размер иконок. Таким образом, можно получить очень много «уникальных» значков.

Чтобы научно-популярно объяснить, что такое Иконза и как она работает, мы сняли комичный скринкаст (лучше смотреть напрямую с YouTube):