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

Так что гоните от себя соблазнительные мысли вроде  «А что если подложить снизу всего этого газетку и поставить рядом чашечку кофе — это будет символизировать работу в комфорте, а на сами иконки добавить ажурные тени — будто бы все происходит под сенью пальм!»
Это путь ведет к иконочной катастрофе.

Лично я отношу к маленьким иконкам форматы от 12х12 до 64х64.
Обычно в силу небольшого размера они не используются в качестве центрального графического элемента (одна такая иконка на странице потеряется, несколько сольются в один смысловой блок и уже не будут оцениваться отдельно), но тем не менее, иногда с ними выходит больше возни, чем с любыми другими.

Прежде всего, перечислю самые популярные случаи использования мелких иконок:

• в объемных меню или многопунктных списках разделов на сайтах;
• в качестве сопроводительных, поясняющих иконок на сайтах (конвертик напротив емейла, домик напротив «Сделать стартовой» и т.п.);
• в меню мобильных телефонов;
• в программных интерфейсах, на «рабочих» кнопках, возле переключалок и маячков и т.п.;
• в игровых интерфейсах;

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

Интуитивная понятность

Это на тизере 200х200 вы можете позволить полет фантазии и необычные метафоры, а 24-пиксельная кнопка «Вырезать» или «Отправить другу на емейл» должна быть понятна пользователю с полувзгляда. Да и геймеру во время напряженного боя будет некогда всматриваться, какое зелье у него лечебное, а какое — зелье маны.

Общий стиль

Нельзя забывать, что мелкие иконки практически никогда не используются по одной — их всегда много. И в этом случае их невероятно легко наплодить абсолютно разношерстными. В больших размерах все-таки больше способов найти для всех рисунков общие элементы, ракурсы, еще что-нибудь. А вот такие мелкие наборы частенько выглядят так, будто набраны из разных сетов — там мячик-«Интернет» получился с отличным обьемом, а вот клавиатура вышла просто эталоном пиксельарта.

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

Продолжить чтение →