Как нарисовать иконку для сайта

Леонид Родинский

Копирайтер
7 Январь в 17:04

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

Наборы

В составе любого сайта существует определённое количество визуальных компонентов.

  • Во-первых, фотографии – основной материал для построения картинки.
  • Во-вторых, фирменная атрибутика – логотипы, эмблемы, шрифты и прочая корпоративная айдентика.
  • В-третьих, анимация и видео – иллюстративные вставки в контентный ряд.

Плюсуем программные эффекты (скроллинг, модальные окна), добавляем цвет и получаем примерный перечень основных составляющих дизайна. Забыли всего один пункт – иконки.

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

Разработка авторских коллекций таких иконок – дело непростое, затратное по времени и творческому потенциалу. Конечно, желающие могут самостоятельно экспериментировать с помощью какого-нибудь онлайн-конструктора (например, iconsflow.com) или приложения (AdobePhotoshop, Illustrator, CorelDraw). Но благоразумнее воспользоваться готовыми решениями, благо в сети они бесплатно представлены в достаточном количестве и любых изобразительных стилистиках. Другое дело – адаптировать коллекцию к нужному цветовому решению, создав структуру, гармонирующую с обликом сайта. Но эта задача решается довольно просто, при помощи коррекции оттенков, доступной новичкам в любом графическом редакторе.

Фавикон

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

Процесс создания таких эмблем разбит на два сегмента.

  • В первом обращаемся к бесплатным сервисам-конструкторам.

Все они несут почти одинаковую нагрузку и предлагают аналогичный функциональный набор. Различия таятся лишь в деталях – размере сохраняемого файла, встроенном графическом онлайн-редакторе, предлагаемым библиотекам изображений. Например, площадка favicon.by даёт возможность загрузить или нарисовать собственную иконку, а bestwebservice.ru ограничивается уже готовым изображением, но оперирует большим (даже слишком) перечнем размеров.

  • Второй сценарий – воспользоваться приложением для создания (редактирования) графических файлов.

Существуют специализированные программы, заточенные только для фавиконов (например, FaviconCreate). Их достоинство состоит в простом интерфейсе и возможности проводить сохранение сразу в нужный формат ico. На этом привилегии заканчиваются. Потому что потенциал разработки в AdobePhotoshopнесоизмеримо выше с единственной оговоркой – придётся установить отдельный плагин для добавления соответствующего расширения. Но учитывая возможности онлайн-конструкторов это и не требуется. Интернет-площадки легко конвертируют любой популярный jpeg илиpngв иконку.

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

Наши работы

  • Кейс Создание логотипа для ADHOTEL
    Задача: 

    Создать яркий логотип для ADHOTEL

    Что мы сделали: 

    Выбрали смысловые элементы для логотипа

    Выбрали оптимальное сочетание цветов

    Результат: 

    Стильный логотип, который удачно дополнил структуру корпоративного сайта adhotel.ru

  • Черный бархат - превью
    Задача: 

    Создать креативный дизайн упаковки чая «Черный бархат»

    Что мы сделали: 

    Разработали концепцию бренда и дизайн упаковки чая «Черный бархат»

    Результат: 

    Клиент получил продающую концепцию своего бренда и дизайн упаковки линейки продукции

  • превью тушенка Армейская
    Задача: 

    Создать оригинальный и узнаваемый дизайн этикетки для консервов тушенки «Армейская»

    Что мы сделали: 

    разработали концепцию дизайна

    создали дизайн этикетки

    создали дополнительный бонус

    Результат: 

    креативная и продающая этикетка для продукта

  • терамакс аватар
    Задача: 

    Разработать и создать свежий, продающий дизайн оформления сообществ в социальных сетях для компании Teramax.

    Что мы сделали: 

    Определили целевую аудиторию под социальные сети ВКонтакте и Facebook

    Разработали единый стиль оформления и адаптировали его под каждую социальную сеть

    Результат: 

    Стильный дизайн в сообществах соцсетей, привлекательный и мотивирующий, узнаваемый и продающий

Наша команда

  • Вадим Скопинцев
    Генеральный директор

    Сделаем лучшее решение для привлечения клиентов из интернета, сделаем продажи!

  • Дмитрий Карпинский
    Директор по пропаганде

    Экспонента, бизнес должен и будет расти по экспоненте! Продавать, будете продавать!

  • Диана Зайцева
    Руководитель отдела развития

    «Протачиваем» Ваш ресурс для получения им продающих свойств. Захватываем клиентов для Вас!

  • Дмитрий Трацевский
    Руководитель разработки

    Разработанные нами сайты работают как часы!

  • Леонид Белкин
    Менеджер проектов

    Сделаем Ваш сайт продающим. Конверсия будет расти!

  • Татьяна Николаева
    Менеджер проектов, переводчик

    Пишем только уникальные и интересные тексты на русском и английском. Вам понравится!

  • Кирилл Миченус
    Разработчик

    Разработаем классный, продающий сайт. Внедрим интересные идеи!!

  • Павел Шульга
    Старший специалист по контекстной рекламе

    Грамотно используем Ваш рекламный бюджет. Выйдем на максимум заявок!

  • Евгения Лю-Ти-Фу
    PR-менеджер

    Ваша имидж в наших руках. Если вас нет в Интернете, то вас нет в бизнесе!

  • Марина Петренко
    Контент-менеджер

    Раскрываем все положительные стороны Вашего бизнеса для увеличения целевой аудитории!

  • Владимир Гришин
    Дизайнер

    Яркий, продающий дизайн сайта – залог успеха компании. Уделим внимание деталям!

  • Виктор Токмачев
    Менеджер по работе с иностранными клиентами

    Наши идеи подходят всем - иностранные клиенты охвачены!

  • Татьяна Ромакина
    Копирайтер

    Создадим уникальные продающие статьи. Лучший контент для Вашего сайта!

  • Леонид Родинский
    Копирайтер

    Написать уникальные тексты и заголовки – этого мало. Наполняем сайты неповторимым содержанием!

  • Анастасия Бондарева
    Копирайтер
  • Вячеслав Киосе
    Копирайтер

    Текст – это не просто слова. Посетители Вашего сайта получат информацию с внятным и понятным смыслом.

  • Павел Константинов
    Копирайтер

    Когда Вы чего-то не знаете или не понимаете – спросите того, кто знает, а лучше нескольких, и создайте свой собственный взгляд на вещи.

  • Стань одним Из нАс
    Трудоустройство

Клиенты

Наши услуги

САМОЕ ИНТЕРЕСНОЕ НА СТРАНИЦЕ
“ЗЕКСЛЕР” В Facebook и ВКОНТАКТЕ