Готовые иконки для сторис в инстаграм: выбираем или делаем сами!

Сервисы для создания иконок

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

Вот некоторые из сайтов для создания иконок:

Это онлайн редактор с множеством актуальных стилей иконок, многие из которых доступны бесплатно любому желающему. С помощью этого сервиса вы можете начать создание дизайна без знаний Photoshop или Illustrator.

Давайте перечислим некоторые удивительные функции этого онлайн редактора: — экспорт SVG (вектор), ICO и PNG; — возможность персонализации иконок; — загрузка ваших иконок; — встроенный векторный редактор и т.д.

FlatIcons помогает персонализировать, задавать размеры и выбирать цвет. Вы можете создавать иконки до 128 px и скачивать их в формате PNG.

Привлеките пользователей яркими обложками

Итак, вы создали подборки в Актуальном. Как сделать их интересными и привлечь клики?

Используйте стильные обложки! Обрезанные пестрые кадры смотрятся не очень привлекательно. Сделайте этот раздел приятным глазу и лаконичным. Также с помощью иконок можно выразить индивидуальность бренда.

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

Еще несколько полезных шаблонов для Инстаграм:

• Несколько Сторис в Инстаграм: 5 шаблонов для постов в стиле «Нажми-и-узнай»
• Когда нужно вдохновение: 11 идей для Instagram Stories + шаблоны
• 17 потрясающих IGTV шаблонов для вашего Instagram канала

Согласованность (последовательность)

Чтобы вся коллекция иконок выглядела гармонично, нужно придерживаться единой стилистики при ее создании. До появления операционной системы iOS 13 иконки Apple содержали символы с разной шириной линий, размерами и заливкой:

Взгляните на пример выше. Не выглядят ли некоторые объекты тяжелее остальных?

Каждый из значков архива обладает неким «визуальным весом», что может быть определен следующими параметрами: форма, размер, наполненность и толщина штрихов. Использование одинаковых характеристик в рамках одной коллекции иконок и обеспечивает ее целостность.

Недавно компания Apple скорректировала свои наработки и презентовала набор SF Symbols, отличное дополнение к шрифту San Francisco. SF Symbols тяготеет к более графическому стилю. Включает в себя несколько разных вариантов реализации тех или иных символов. Причем от значка к значку, их контуры и заливки стали гораздо гармоничнее.

Сохранить согласованность в крупной коллекции иконок – задача не из легких, особенно если над ней трудится несколько авторов. Необходимо четко соблюдать основные правила.

Набор Phosphor насчитывает более 700 элементов. Несмотря на то, что каждый символ имеет индивидуальную форму, все они одинаково «весят» и отлично сочетаются друг с дружкой:

Четкость

Основная задача той или иной иконки – оперативно передавать информацию.

Панель приборов автомобиля Prius Prime

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

Ясность этих символов уменьшается по шкале так:

Сложно разобраться с иконкой, в которой используется незнакомый вам смысл. Сигнальная лампочка, отвечающая за «ремень безопасности» (3-я слева) вполне очевидна. А вот значок «система управления с электроприводом» (крайний справа) более запутан.

Чересчур мудреные изображения порой могут раздражать. А если вы находитесь за рулем, подобное непонимание индикаторов вообще становится опасным.

Вот несколько хороших и доступных для всех примеров: символ любви в виде сердечка, предостережение, музыкальный ключ и указатель направления:

Стрелочка – важный и самый популярный знак в системе навигации:

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

Как создать свой пакет иконок и можно ли на этом заработать?

Дизайнеры рекомендуют для создания иконок использовать приложение Canva. Оно как раз и разработано для создания логотипов, а также для обработки фотографий. Инструментария вполне хватит для самостоятельной генерации иконки.

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

А вот для монетизации своей работы вам понадобится создать нечто особенное, что привлечет внимание пользователей. Это могут быть иконки, навевающие ностальгию, как старые версии Windows или iOS, или же уникальные авторские работы с выраженным стилем

Да и свободный доступ к иконкам после их продажи тоже мешает бизнесу. Никто не мешает покупателю поделиться товаром с кем-то другим или вообще выложить картинки в общий доступ. Правильным решением кажется создание специального магазина тем, в котором дизайнеры смогли бы размещать свои продукты. Пока же ситуация организованной не выглядит. Зато авторы не платят комиссию со своих продаж, а ведь Apple безжалостно удерживает 30% с покупок, сделанных в ее экосистеме. Для кого-то возможность кастомизации станет всего лишь временным развлечением, но к этой функции iOS шла долгих 13 лет.

Что такое Актуальное

Instagram Stories – эффективный инструмент привлечения внимания подписчиков и потенциальных клиентов. Но у них есть одна не самая удобная особенность – Истории “живут” только 24 часа.

Хотите продлить срок их действия? Вам на выручку придет раздел Актуальное или Highlights. Теперь вы можете составлять из своих Историй play-листы и сохранять их для просмотра в любое время.

Раздел Актуальное находится на странице профиля, под Био и состоит из круглых иконок. Вот как это выглядит:

Добавить Истории в Актуальное просто:

1. Опубликуйте Stories, в нижнем правом углу выберите Выделить.
2. Дайте папке подходящее название (не длиннее 10-11 символов, максимум 16) и нажмите Добавить.

Теперь раздел Актуальное появится на странице вашего профиля. При нажатии на иконку пользователи смогут просмотреть Истории, которые вы сохранили в этот play-лист.

Преимущества красиво оформленных сторис и Актуального

Если вы хотите создавать великолепные истории Instagram на постоянной основе, идеальное решение для вас – готовые шаблоны для Instagram Stories!

Шаблоны Stories отличаются растущей тенденцией в Instagram: стартапы, малый бизнес и отдельные лица тщательно создают свои собственные фирменные истории, которые имеют единый цвет, тон, стиль и формат. 

Все это позволяет создавать не только качественный контент, но делать это стильно, брендово, узнаваемо!

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

Как правило, шаблоны для сторис представляют собой готовые макеты с графикой, текстом и анимацией, которые можно редактировать в соответствии с каждой новой историей.

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

И теперь главное: зачем стоит использовать готовые шаблоны для сторис и стоит ли овчинка выделки? Однозначно, да! Почему? Читаем ниже:

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

Наконец-то самая лучшая новости: опыт графического дизайна для работы с такими шаблонами не требуется!

Многоцелевые, позитивные истории, которые можно использовать для разных мероприятий и событий. 

Дополнительно в комплекте вы получите 10 PSD-файлов, полностью редактируемых (тексты, цвета, элементы анимации и др.). Все файлы хорошо организованы и многослойны.

Индивидуальность

У всех профессиональных архивов иконок есть свой характер. В чем его уникальность? Как он характеризует бренд? Какое настроение передает?

Всеми любимый интерфейс программы Waze полагается на свой дизайн. Их цветные объемные изображения очень причудливы.

Значки Twitter мягкие, легкие и четкие:

Картинки из редактора Sketch изысканные и воздушные (визуально напоминает красочные иконки Icojam):

Смайлики из Freemojis просто очаровательны:

Соответствующие коллекции для Android создают самые разнообразные настроения на вашем экране. Здесь и абстракция, и пиксели, и пузырьки, и неон:

Обложки для Актуальных Историй в Инстаграм

Обложки для Сторис в Инстаграм или Highlight – это картинки, которые будут показаны первыми перед сохраненными Историями. Владельцы аккаунтов создают их самостоятельно, воспользовавшись Pics Art, Photoshop, или скачивают с Pinterest и We Heart It. В магазинах контента Play Market и AppStore часто появляются приложения, где можно отыскать вариант для обложки.

Инструкция, как разместить обложку для Актуального:

1. Сохранить изображение на смартфон.
2. Перейти в Instagram – Создать Историю.
3. Опубликовать картинку, выбрав из Галереи.
4. Нажать на значок «+» под описанием профиля.
5. Вписать название, выбрать обложку из уже существующих Историй.

Чтобы картинка не отображалась при переходе в Актуальное, её можно разместить для «Лучших друзей». Обложки для Сторис в Инстаграм создают в одинаковом стиле, меняя значки и надписи. Примерами служат: только PNG-объекты, без подписей, только названия на чистом фоне, картинка и надпись. Нередко, владельцы страниц не добавляют значки для Актуального, просто подписывая категорию.

Как сделать обложку самому

Для того, чтобы сделать значок для Актуального:

• найти и скачать фон;
• иконки в формате png;
• Photoshop (любая версия).

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

Как сделать обложку для Истории в Инстаграм:

1. Открыть Photoshop – Файл – Создать.
2. Указать в параметрах высоты и ширины: 1080 на 1080 пикселей.
3. Инструментом «Поместить», добавить фон.
4. Перейти к фигурам: Окружность – Заливка – Любой оттенок.
5. Файл – Поместить – Выбрать иконку.
6. Изменять размер, растягивать или оставить исходный формат.
7. Сохранить – Переместить на смартфон.

Далее, обложку для вечных Сторис в Инстаграме можно опубликовать и добавить через меню «Редактировать» на выбранную категорию.

Инструкция, как сделать необычный значок – приложение HighLight:

1. Скачать и установить.
2. Перейти в меню «Создать».
3. Выбрать среди доступных шаблонов подходящий.
4. При необходимости, отредактировать иконки, надписи.
5. Сохранить в Галерею – Опубликовать в Instagram.

Советы по оформлению:

• маленькие иконки не будут видны посетителям страницы. Длинный текст также будет нечитабелен. Поэтому, описание нужно добавлять либо в название, либо использовать одно слово;
• большое количество объектов нельзя рассмотреть;
• если иконка не становится посередине, значит картинку нужно обрезать.

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

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

Готовые обложки

Как использовать We Heart IT, чтобы найти обложку для Актуальных в Инстаграме:

1. Перейти на главную страницу сервиса– авторизоваться через профили социальных сетей.
2. В строке поиска вписать «Highlight Insta» – выбрать из доступных вариантов.
3. Скопировать на ПК и перенести на мобильное устройство.

По такому же принципу можно найти обложки в Pinterest. Некоторые авторы создают целые подборки шаблонов, которые регулярно обновляются. Чтобы найти похожие, нужно перейти по одной из обложек на сайте и прокрутить вниз.

Обложки для Истории в Инстаграм находятся в Pisc Art. Поиск осуществляется по стикерам, а холст установить стандартный для фотографии. В приложении нужно: перейти на главную страницу редактирования – выбрать значок «лупы» – раздел «Фото». В строке написать «Highlight Insta» и посмотреть доступные варианты.

Примечание: в приложении есть обложки для Инстаграма в едином стиле. Достаточно перейти на страницу автора и посмотреть последние добавленные файлы.

Поменять рабочий стол в iOS 14

Иногда доходит до абсурда

Помимо вышеупомянутого способа с приложением «Команды» для кастомизации иконок, они также пользуются приложениями со сторонними виджетами вроде Widgetsmith. С его помощью можно создавать свои виджеты с разными цветами, шрифтами и оформлением.

Widgetsmith позволяет делать собственные виджеты

Вот, например, один из таких виджетов. Если сделать все иконки в оранжевом стиле и выбрать подходящие обои, получится все в едином стиле.

Ну такое…

Еще несколько приложений со сторонними виджетами:

1. Color Widgets — для создания собственных виджетов;

Color Widgets тоже позволяет создавать новые виджеты

Coinbase — финансовые виджеты;

Крутая штука для мониторинга курсов разных валют

Night Sky — красивые погодные виджеты.

Масштабируемость

Иконка приложения должна хорошо выглядеть в разном разрешении и передавать суть концепции независимо от размера.

Один из самых важных аспектов иконки — это масштабируемость

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

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

• Холст 1024х1024 бывает обманчивым — обязательно протестируйте свой дизайн на “живом” девайсе, в разных контекстах и размерах.
• Делайте упор на простоту и сконцентрируйтесь на каком-то одном объекте; предпочтительно, чтобы это была какая-то уникальная форма или элемент, который хорошо сохраняет свои свойства и качество при масштабировании.
• Убедитесь, что иконка хорошо смотрится на разном фоне.

Узнаваемость

Иконки могут быть детализированными или упрощенными, главное, чтобы они были творческими, интересными и точно передавали ваши намерения.

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

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

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

Главная сложность при проектировании иконки — найти баланс этих качеств

Для узнаваемости большую роль играет не только масштабируемость, но и новизна. Главная сложность при проектировании иконки — найти баланс этих качеств.

Смена дизайна иконок – прорыв или провал?

Часто за хорошей идеей кроется отвратительная реализация. Кастомизация в iOS 14 все же имеет ограничения. Например, нет возможности выбора единой темы для всех иконок сразу и полной замены всего оформления рабочих столов. Пользователям предлагается вручную менять каждую иконку, добавляя затем ярлык на рабочий стол и пряча старый в библиотеку приложений.

Радостные пользователи сотнями выкладывают скриншоты своих преображенных рабочих столов. Но надо понимать, что для создания такого облика системы придется потратить немало времени. Каждый виджет и иконку необходимо изменять вручную и по одному элементу. Каждое изменение потребует указанных в приложении «Команды» действий. Конечно же, пользователю нетрудно будет запутаться. Ведь на рабочем столе находятся одни иконки, а в Библиотеке приложений – другие.

Хорошо, что в Apple позволили кастомизировать интерфейс своей системы, вот только внятной альтернативы родному оформлению предложено не было. А ведь в Android давно уже существуют «Темы» с десятками бесплатных вариантов и тысячами платных. За пару кликов можно полностью изменить внешний облик всей системы.

Зачем использовать Актуальное

Новый раздел сразу же бросается в глаза и привлекает внимание. Вот почему Актуальное стоит включить в стратегию:

• После просмотра одной Истории из Актуального следующая проигрывается автоматически. Это значит, что пользователи увидят больше вашего контента.
• Добавив в Актуальное самые популярные Истории, вы расширите охват и привлечете еще больше зрителей.
• Вы можете видеть, кто просматривал вашу подборку.
• Новый раздел – новое поле для творчества. Расскажите о событиях и повседневной жизни компании, предложите полезные советы или поделитесь увлекательной историей. Вы ограничены только собственной фантазией!

Если вы уже создаете Instagram Stories, то обязательно освойте Актуальное. Это просто и невероятно эффективно.

Читабельность

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

Многим пользователям программы Amtrak  будет непросто расшифровать иконку приложения «вокзал» (самая первая), так как ее сделали достаточно мелкой. У Transit аналогичная проблема — их «расписание» имеет слишком маленькое расстояние между изображениями папки и зажима:

Небольшая правка значительно улучшает ситуацию (ниже увеличен отступ для зажима):

Работая с несколькими фрагментами/объектами внутри иконки, обязательно оставляйте пространство между ними. Тонкие линии (и чем их больше) утяжеляют рисунок, и его сложнее расшифровать.

Авторы карт Google Maps проделали отличную работу в этом направлении — все символы читабельны даже при маленьком размере экрана:

Где найти и скачать иконки, обязательно ли надо за них платить?

К счастью, можно без труда найти и бесплатные пакеты с иконками для iOS 14. Пока еще нет единого ресурса, на которым вы могли бы найти нужные картинки. Приходится пользоваться поиском и социальными сетями, где начинающие дизайнеры активно делятся результатами своей работы. Например, тут можно скачать иконки в стиле iOS 6. Кастомизировать же виджеты можно с помощью приложения Widgetsmith. Но большинство популярных тем оформлений доступны в Интернете платно. Очень много готовых тем представлено на сайте etsy.com. После оплаты вы получите ссылку на пакет с картинками. А на онлайн-платформе продаж Gumroad появился даже пакет кастомизации для iOS 14 в стиле Android.

Как поменять иконку приложения на iPhone

Рассмотрим на примере нашего приложения AppleInsider.ru — вдруг вам надоел зеленый кружок и вы хотите заменить его на что-то необычное.

1. Откройте приложение «Быстрые команды». Если его у вас нет, восстановите его из App Store. Нажмите на плюсик в правом верхнем углу и выберите «Добавить действие».

Создайте новую команду

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

Выберите любое приложение из списка

Затем введите название для своей новой команды и нажмите «Добавить на экран Домой». Вам будет предложено изменить имя приложения и его иконку — нажмите на ее и выберите «Выбрать фото».

Добавьте команду на рабочий стол, поменяйте иконку

Выберите фото или картинку из своей галереи и добавьте ее к своей иконке. После нажатия на кнопку «Добавить» она появится на вашем рабочем столе!

Осталось дать иконке название и добавить ее на рабочий стол!

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

Пренебрежение сохраненными сторис

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

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

Однако один «кружочек» Актуальных сторис выглядит до безобразия бедно.

Очень много пустого пространства, которое можно использовать рационально

Всегда можно найти, что еще добавить в раздел Актуального:

• FAQ (гайд по часто задаваемым вопросам);
• фото и видео с занятий (например, отрывки онлайн-трансляций);
• отзывы;
• информацию о курсах и уроках;
• правила;
• репосты о занятиях с аккаунтов учеников.

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

Полный разнобой, выглядит неэстетично. А заголовки с датами и «Всё честно» вообще непонятны.А тут сторис много, еще и стиль единый: выглядит органично, а также есть вся нужная будущему клиенту информация