Вокруг дизайна

блог арт-директора

Иконки: быть или не быть?

Вторник, 2 февраля, 2010

Сдуваю пыль с блога по случаю такой вот подвернувшейся мысли. Про иконки. Нужны ли иконки на сайте и какими они должны быть?

Я, на самом деле, иконки в дизайн вставлять не очень люблю.  Не могу рационально это объяснить, возможно, просто лень. Но все-таки иконки для ключевых точек сайта часто нужны - они помогают выделить наиболее важные ссылки. А минималистичный дизайн можно украсить и освежить буквально тремя-четырьмя интересными иконками.

Они могут быть какими угодно, главное, чтобы соответствовали настроению сайта.

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

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

Примеры от студии Cuberto:

(сам сайт настойчиво рекомендуется к просмотру!)

Для серьезных и строгих сайтов использовать веселенькие цветные иконки, по моему мнению - моветон. Хорошо смотрятся плоские силуэты, либо объемные в сдержанных тонах.

Фавикон

Воскресенье, 20 июля, 2008

Когда-то давно над созданием фавиконов никто особо не задумывался. Сначала браузеры не давали такой возможности, а потом по привычке не делали. Фавикон, он же favicon, он же favorites icon - значок, который висит в строке поиска рядом с адресом сайта, и в закладках, если сайт добавили в избранное. Это маленькая картинка размером 16х16 пикселей, позволяющая быстрее найти нужный сайт. Собственно, для быстрой идентификации фавикон и предназначен.

Наблюдая за многими сайтами, можно сделать вывод о том, как чаще всего делаются фавиконы. Есть несколько путей.

1. Уменьшенная и упрощенная версия логотипа.

2. Первая буква названия сайта

3. Цветной квадратик с какой-нибудь картинкой внутри (упрощенная знаковая часть логотипа) или первой буквой названия.

Нет никакой разницы, что из себя будет представлять ваш фавикон. Главное, чтобы он в принципе был, а то негоже сайту без собственной иконки-то!

Два маленьких совета:

1. Если сайт стоит на каком-то стандартном движке, замените его иконку на свою. Чаще всего я замечаю фавиконы Joomla, остальные значительно реже.

2. Если под рукой нет специальной программы для сохранения файла в .ICO, зайдите на www.favicon.ru, это онлайн-генерилка файлов .ICO. Быстро и просто.

Рисуем балду

Пятница, 11 января, 2008

То и дело требуются различные иконки, изображающие людей. Вообще у каждого профессионального мастера по иконкам есть свой стиль рисования людей. Кто-то голову рисует круглую, кто-то овальную, да и манера наложения теней и градиентов бывает разная. Но любая серия людей начинается с самого главного: нарисовать заготовку, «балду».

На картинке ниже – процесс пошагово, от наброска к финальной картинке, с использованием Adobe Illustrator.

рисование иконки пошагово

Потом всегда можно уменьшить до нужного размера, перекрасить и добавить деталей по вкусу. Главное, как всегда, не лениться. Один раз пересилишь себя, нарисуешь такую заготовку, и персонажей можно клепать толпами. Не дай бог, конечно, такое счастье!