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

Хочу показать процесс создания одной иконки для приложения I-pusher. Суть приложения: сохранение разнообразного контента из разных браузеров (и не только) на айфон пользователя. Так что идея проталкивания и запихивания (push) данных была очень желательна.

Шаг 1. Подумать над идеями. Нарисовать в блокноте эскизы, снять мобильным телефоном. Четкость неважна, главное - быстро.

Шаг 2. Поскольку в таком виде показывать нельзя, избранные идеи надо отрисовать более прилично, но тоже быстро.

Шаг 3. Выбранные две концепции вырисовываются  более тщательно, меняются детали, фон.

Шаг 4. Выбран победитель. Он еще несколько раз допиливается, меняется фон, толщина обводки, наклон. Почти финальный результат:

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

Но это был интересный мини-проект в любом случае.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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