Бесплатные иконки для соцсетей: 30+ наборов
Иконки соцсетей – это графические элементы с логотипами популярных платформ. Они представляют собой прямые ссылки на аккаунты компаний в социальных сетях. При добавлении их на сайт всегда необходимо проверять условия их использования.
К счастью, в сети можно найти множество бесплатных наборов таких изображений. В этой статье мы собрали больше 30 вариантов от дизайнеров по всему миру.
Vecteezy – это большая библиотека, где все иконки собраны в папках по типам файлов. Среди доступных форматов – SVG, EPS, & PNG и не только.
Набор из 12 иконок, оформленных в виде круглых кнопок.
Эти изображения будут отлично смотреться на любом фоне благодаря круглой белой рамке.
Иконки из данного набора представлены в нескольких размерах. Всего пользователям доступно 25 изображений.
Этот набор будет отлично смотреться на любом фоне – как на светлом, так и на темном.
Набор из 23 изображений в формате PNG, ICO и BMP.
Эти иконки оформлены в виде стикеров. В набор входит 12 изображений.
8 круглых иконок в форматах PNG и PSD.
Еще один большой набор изображений. Всего 110 иконок.
Данные иконки можно объединять при помощи Divi Builder. Пользователям доступны практически все геометрические формы. Кроме того, их можно кастомизировать согласно нуждам сайта.
По ссылке в заголовке вы найдете набор ярких иконок, которые можно использовать в самых разных целях.
Данный набор креативов может быть полезен при разработке и создании приложений. Все иконки можно изменять в графических редакторах.
Иконки в данном наборе представлены в нескольких стилях: круглые, многоугольные, прямоугольные, с закругленными углами, в форме капли и не только. Доступны форматы AI, EPS, SVG и PNG.
Данные иконки выглядят так, как будто были нарисованы от руки. В набор входит около 20 изображений.
Круглые значки соцсетей отлично подойдут для блога или информационного сайта. Иконки из данного набора разработаны профессиональными дизайнерами и не требуют изменений.
Треугольные иконки – отличный выбор, если вы хотите немного освежить дизайн сайта. В набор входит 20 изображений.
Данные значки выглядят несколько мультяшно и по-детски. Возможно, самой удачной областью их применения станет мобильный дизайн.
Еще один отличный вариант для блогов. Дизайн данных иконок довольно лаконичный и отлично впишется как в ресурсы, оформленные в темных тонах, так и в светлых.
Данные иконки вписаны в симметричные фигуры. Их можно изменять, а также создавать на их основе собственные изображения.
Плоского дизайна много не бывает. Данный набор иконок включает в себя 20 изображений в соответствующем стиле.
Набор из более чем 270 иконок круглой формы. Коллекция постоянно пополняется.
Еще один набор плоских иконок с удлиненными тенями. Всего доступно 14 изображений.
В этом наборе вы найдете прекрасно детализированные изображения, которые представляют собой более «реалистичные» версии стандартных иконок соцсетей.
Довольно лаконичный набор – все иконки выполнены в одном цвете с черными рамками. Всего доступно 12 значков.
Набор контрастных социальных значков с фоном, который кажется прорисованным от руки. Пользователям доступны 20 изображений.
Набор из 15 стильных иконок, оформленных в виде марок. Доступны в форматах PNG и PSD.
Эти иконки могут стать интересной деталью вашего сайта, если использовать их правильно. Небанальный дизайн также может повысить количество кликов.
Яркие иконки соцсетей наложены на фон, имитирующий древесину. Отлично подойдут для мобильных игр и блогов.
Еще один набор иконок-скетчей. Отлично будут смотреться в блогах и везде, где вы сочтете их уместными.
Прозрачные кнопки отлично впишутся в дизайн практически любого сайта, не перегружая его лишними элементами.
Заключение
В сети можно найти множество наборов иконок соцсетей на любой вкус. Мы же собрали для вас стартовый набор, который включает в себя как универсальные изображения, так и более специфические. Надеемся, они пригодятся вам в новом году.
Источник: vandelaydesign.com
Где найти иконки социальных сетей для сайта
Хотите разместить иконки ВКонтакте, Одноклассников, Фейсбука, Инстаграма и других соцсетей на сайте? На 1С-UMI это не составит труда. Во все сайты на этом сервисе уже встроены стандартные иконки ― достаточно включить этот блок, и кнопки появятся на вашем сайте. Но если хочется чего-то более оригинального, то всегда можно заменить эти иконки на любые другие.
В интернете есть множество ресурсов, откуда можно скачать уже готовые иконки. Вот некоторые из них:
Скачиваете понравившиеся иконки и загружаете на свой сайт. Просто? Да. Но если есть время и желание нарисовать собственные уникальные иконки, мы покажем вам, как это делается.
Рисуем иконки при помощи Photoshop 2018
В первую очередь, скачиваем и устанавливаем сам графический редактор. Если нет желания приобретать лицензию на Photoshop ― воспользуйтесь его бесплатными аналогами, например, онлайн-сервисом pixlr.com. Мы рассмотрим этот процесс на примере Photoshop, но аналогичные действия можно сделать и в других программах.
Создаем файл нажатием кнопок Ctrl N или через меню «Файл-Создать».
Появляется окно, где нужно указать ширину и высоту документа в пикселях. Выставляем значения 512×512 с учетом запаса.
Все остальные значения оставляем по умолчанию, если они такие, как на скриншоте.
Теперь жмем на кнопку «Создать».
Открывается белый прямоугольник, в котором мы и будем рисовать нашу иконку.
Переходим на сайт flaticon.com и вбиваем в поисковую строку название той соцсети, иконку которой мы хотим создать. Допустим, Facebook. Кликаем по иконке без всяких рамок, квадратов и окружностей. Затем скачиваем бесплатно и сохраняем себе на компьютер в PSD-формате.
Открываем файл с помощью Photoshop сочетанием клавиш Ctrl O и выбором нужного документа или через меню “Файл – Открыть.
Рядом с созданными нами ранее файлом открывается другой – с иконкой Facebook. Выбираем инструмент «Перо» в боковой панели редактора, наводим его на иконку, зажимаем клавишу Ctrl и кликаем по изображению.
Теперь жмем на правую кнопку мыши и выбираем пункт «Определить произвольную фигуру».
Можем дать ей любое название. Например, Facebook.
Не забываем кликнуть по кнопке «ОК» после этого.
Переходим к первому файлу, который мы создали изначально. В боковой панели инструментов выбираем «Произвольная фигура». Для этого нужно щелкнуть по изображению с прямоугольником и выбрать соответствующий пункт.
Наводим мышку на белый квадрат внутри нашего документа и кликаем правой кнопкой. Среди появившихся фигур выбираем ту, которую мы определили ранее – Facebook.
Жмем на Shift и левую кнопку в пустой области белого квадрата и растягиваем фигуру иконки до нужного нам масштаба (определяется на глаз).
Если вас смутил цвет обводки или вы хотите залить фигуру любым другим цветом, обратите свое внимание на панель с опциями вверху, под основным меню редактора. Там можно поменять цвет обводки и заливки или вовсе убрать их.
Чтобы убрать обводку, нужно кликнуть по значку и выбрать белый прямоугольник с перечеркивающей его красной линией.
Для изменения цвета заливки кликните по соответствующему значку и затем по прямоугольнику с палитрой.
Появится окно, где можно указать нужный нам цвет. Если речь о фирменных цветах Facebook, то используйте значение 4065ae.
Вписываем его в поле «#» и жмем кнопку «ОК». Иконка меняет заливку на цвет, который хорошо знаком пользователям социальной сети Цукерберга.
Следующий шаг – это создание рамки в виде окружности или квадрата.
Меняем инструмент «Произвольная фигура» на «Эллипс» или «Прямоугольник».
Затем от верхнего левого угла документа растягиваем фигуру поверх нашей буквы F. При этом, не забываем удерживать кнопку Shift, чтобы получился идеально ровный круг или же квадрат, а не прямоугольник или эллипс.
Если мы не отключили заливку, то вторая фигура полностью перекроет первую. В этом случае просто убираем заливку и оставляем только обводку круга/квадрата.
При желании можно вместо белого фона сделать любой цвет или даже градиент. Для этого выделяем мышкой слой с нашей буквой F и перетаскиваем его выше, размещая над слоем с кругом или квадратом. Затем выделяем слой с одной из упомянутых ранее фигур, которые используются для обводки иконки и меняем цвет заливки на тот, который хотим.
Результат получается примерно такой, как на изображении ниже.
Для использования градиента в заливке нужно выбрать третий значок слева.
Чтобы поменять цвета в градиенте, кликните поочередно на каждый из нижних «карандашиков» и выберите нужный оттенок.
Менять можно и сам стиль градиента. На скриншоте выше видны различные типы. При желании можно создать и свой, но, чтобы лишние телодвижения не совершать, будет достаточно воспользоваться готовым вариантом.
Можно также наложить внешнюю или внутреннюю тень на нашу букву F. Для этой цели следует выделить мышкой слой с данной фигурой, кликнуть по нему правой кнопкой и выбрать пункт «Параметры наложения…».
В появившемся окне надо пометить галочками пункты «Внутренняя тень» и «Тень». Конечно, это делать не обязательно, либо можно активировать только один пункт. Настройки тени можно также регулировать. Попробуйте это сделать самостоятельно.
После добавления тени иконка будет выглядеть примерно так, как на изображении ниже.
Если первую фигуру, обозначающую Facebook, нужно пропорционально уменьшить, нажмите сочетание клавиш Ctrl T, затем зажмите Shift и Alt и левой кнопкой мышки стяните букву до нужного размера.
Если белый фон нам не нужен, а требуется прозрачный, берем инструмент «Волшебный ластик», выбираем фоновый слой и кликаем по белому пространству.
Белый цвет фона исчезает.
Квадратики, которые мы видим в Photoshop, означают прозрачность фонового слоя. В изображении, которое мы потом сохраним, они показываться не будут.
Теперь необходимо сохранить нарисованную нами иконку. Кликаем по кнопке «Файл» в меню и выбираем пункт «Экспортировать», затем «Экспортировать как».
Для сохранения прозрачности нужно указать PNG-формат, а для белого фона JPEG. После этого жмем на кнопку «Экспортировать все», выбираем путь для хранения и «Сохранить».
Вот и всё! Теперь можно загрузить наш шедевр на сайт. Аналогичным образом создаются иконки и для других социальных сетей.
Подборка иконок социальных сетей для ваших работ
Плоский веб-дизайн — одна из самых популярных концепций дизайна пользовательского интерфейса в мире в настоящее время, которую возглавляют Google, Microsoft, Apple и другие поставщики ИТ-услуг. Поэтому мы решили поделиться с Вами коллекцией плоских круглых иконок социальных сетей, на которые стоит обратить внимание. Наборы иконок включают самые популярные социальные сети, такие как Facebook, Twitter, Google Plus, Tumblr, Linkedin, Pinterest, Youtube, Instagram и т. д.
Рекомендуем также посмотреть:
1. Набор иконок социальных сетей
Скачать
2. Иконки соц. сетей
Скачать
3. Круглые прозрачные иконки социальных сетей (Psd)
Скачать
4. Пакет флэт соц. сетей
Скачать
5. 20 иконок соц. сетей
Скачать
6. Флэт иконки социальных сетей
Скачать
7. Набор иконок для соц. сетей
Скачать
8. Соц. сети — иконки
Скачать
9. Флэт иконки для соц. сетей
Скачать
10. Социальные иконки
Скачать
11. Круглые иконки социальных сетей
Скачать
12. Иконки соц. сетей
Скачать
13. Иконки социальные
Скачать
14. Иконки флэт соц. сетей
Скачать
15. Набор иконок соц. сетей
Скачать
16. Иконки psd соц. сетей
Скачать
17. Набор иконок соц. сетей
Скачать
18. Набор иконок
Скачать
19. 80 иконок соц. сетей
Скачать
20. Набор иконок соц. сетей
Скачать
21. Векторные иконки соц. сетей
Скачать
22. Набор из 48-ми иконок соц. сетей
Скачать
23. Рисованные иконки социальных сетей
Скачать
24. Круглые иконки соц. сетей
Скачать
25. 70 флэт иконок соц. сетей
Скачать
26. Инстаграм иконка
Скачать
27. Иконки соц. сетей
Скачать
28. Соц. сети — иконки
Скачать
29. Разноцветные иконки социальных сетей
Скачать
Узнать больше интересного:
Поделиться ссылкой:
Понравилось это:
Нравится Загрузка…
%d0%b8%d0%ba%d0%be%d0%bd%d0%ba%d0%b8 %d1%81%d0%be%d1%86 %d1%81%d0%b5%d1%82%d0%b8 PNG, векторы, PSD и пнг для бесплатной загрузки
схема бд электронный компонент технологии принципиальная схема технологическая линия
2000*2000
green environmental protection pattern garbage can be recycled green clean
2000*2000
дизайн плаката премьера фильма кино с белым вектором экрана ба
1200*1200
ма дурга лицо индуистский праздник карта
5000*5000
be careful to slip fall warning sign carefully
2500*2775
Крутая музыка вечеринка певца креативный постер музыка Я Май Ба концерт вечер К
3240*4320
ценю хорошо как плоская цвет значок векторная icon замечания
5556*5556
вектор поп арт иллюстрацией черная женщина шопинг
800*800
сердце сердцебиение любовь свадьба в квартире цвет значок векторная icon
5556*5556
blue series frame color can be changed text box streamer
1024*1369
82 летняя годовщина векторный дизайн шаблона иллюстрация
4083*4083
ба конфеты шоколад
800*800
три группы 3d реалистичное декоративное яйцо с золотым цветом на гнезде bd с золотым всплеском текстовый баннер
5000*5000
happy singing mai ba sing self indulgence happy singing
2000*2000
black key that can be hung on the body car key key
2000*2000
концепция образования в выпускном вечере баннер с цоколем и золотой ба
6250*6250
набор векторных иконок реалистичные погоды изолированных на прозрачной ба
800*800
индийский фестиваль счастливого карва чаут каллиграфия хинди текст ба
5041*5041
bd письмо 3d круг логотип
1200*1200
в первоначальном письме bd шаблон векторный дизайн логотипа
1200*1200
prohibited use mobile phone illustration can not be used
2048*2048
Векторная иллюстрация мультфильм различных овощей на деревянном ба
800*800
цифровой маркетинг ремаркетинга квартиру цвет значок векторная icon
5556*5556
Головной мозг гипноз психология синий значок на абстрактное облако ба
5556*5556
№ 86 логотип который выглядит элегантно и присоединиться
5000*5000
be careful to fall prohibit sign slip careful
2300*2600
Счастливого Дивали традиционного индийского фестиваля карта с акварелью ба
5041*5041
Буква c с логотипом дизайн вдохновение изолированные на белом ба
1200*1200
университет банк кампус корт плоский цветной значок вектор значок ба
5556*5556
instagram компас навигационная линия и глиф сплошной значок синий ба
5556*5556
81 год вектор дизайн шаблона примером передового опыта
4083*4083
ба набор ярким цветом hexagones вектор гранж элементы дизайна
4500*4500
be careful of potholes warning signs warning signs caution
2000*2000
99 имен аллаха вектор al baith асма husna
2500*2500
be careful warning signs warning signs be
2000*2000
в первоначальном письме bd шаблон векторный дизайн логотипа
1200*1200
в первоначальном письме шаблон векторный дизайн логотипа
1200*1200
вектор абстрактный баннер дизайн веб шаблон коллекции веб ба
1200*1200
86 летний юбилей векторный дизайн шаблона иллюстрация
4083*4083
hand painted chinese style pine ink ink graphics can be combined hand painted pine chinese style
2475*3600
be careful of road slip warning signs fall warning signs character warning signs pattern warning signs
2000*2000
в первоначальном письме ба логотипа
1200*1200
be careful of electric shock safety icon caution
2240*2856
82 летняя годовщина векторный дизайн шаблона иллюстрация
4083*4083
be careful of electric shock signs warning signs warnings
2000*2000
аркада консоли игры машина играть в соответствие значок на прозрачных ба
5556*5556
кормить галерея instagram устанавливает линию и символ твердого значок голубой ба
5556*5556
instagram наборы акций бизнес плоская линия заполнена значок вектора ба
5556*5556
ветер торнадо катушка дизайн логотипа вдохновение изолирован на белом ба
1200*1200
женский символ гендерного бизнес плоская линия заполнена значок вектора ба
5556*5556
5 лучших советов ✔️ Как добавить социальные иконки на сайт.
От простой ссылки до встроенного канала миллионы веб-сайтов интегрируются в социальные сети.
Почему бы и нет? Это идеально подходит.
Цели маркетинга в социальных сетях — продвигать контент, обслуживать клиентов и строить отношения.
Таким образом, вы должны подключить свой сайт к социальным сетям всеми возможными способами.
Существует довольно много вариантов подключения сайта к соц. сетям.
Пять основных типов интеграции социальных сетей:
- Иконки Соц. Сетей
- Кнопки Поделиться в социальных сетях
- Социальные виджеты страниц Facebook
- Единый вход (позволяет посетителям создать новую учетную запись или войти в систему с использованием социальных учетных данных)
- Встроенный социальный канал
Есть тысячи статей с лучшими практиками и практическими советами для каждого из этих вариантов. Поэтому вместо другого руководства мы показываем, как НЕ подключать социальные сети к веб-сайту.
Иногда интеграция с социальными сетями получается неуклюжей, отвлекающая и неэффективной.
Содержание | Быстрая навигация
1. Не помещайте социальные иконки в шапку сайта.В шапках веб-сайтов есть большие красочные иконки социальных сетей. А поскольку они красочные, они часто находятся на вершине визуальной иерархии, наиболее визуально заметного элемента на странице.
Представьте, что вы идете в магазин, а на самой большой вывески написано «выход». Это было бы полезно? Возможно нет. Тогда почему на каждой странице вашего сайта есть большие знаки выхода?
Не поощряйте посетителей сайта уходить. Не приглашайте их покинуть ваш сайт.
Отправка посетителя на платформу социальных сетей дает им возможность получить прибыль в миллиардной компании, которая полностью сосредоточена на сохранении и монетизации этого посетителя. Это хорошо для вашего маркетинга?
Вот как это выглядит в шапке:
Небольшое исследование стандартов веб-дизайна обнаружило, что в 2015 году 26% ведущих маркетинговых сайтов имели социальные иконки в заголовке. В 2019 году это число сократилось до 20%. Это выходит из моды.
Лучший способ добавить ваши социальные иконки.Мы рекомендуем переместить их в нижний колонтитул и выделить их серым цветом. Здесь их могут найти люди, которые хотят следить, делиться и упоминать вас. И они не будут мотивировать посетителей уходить с сайта.
Обратите внимание, что кнопка регистрации по электронной почте (более ценное взаимодействие для бренда) более заметна. Кнопки социальных сетей (которые являются менее значимыми для бренда) менее заметны.
Это не юридическая консультация, но …Твиттер не хочет, чтобы вы портили их логотип.
Это может фактически являться нарушением товарных знаков этих компаний, поскольку вы изменяете их логотипы, которые являются зарегистрированными товарными знаками. Я никогда не слышал о каких-либо юридических действиях.
Какие социальные иконки чаще всего нажимают ваши посетители?Мало кто когда-либо проверяет, но на вопрос можно ответить через Google Analytics.
По умолчанию GA отслеживает только перемещение со страницы на страницу, а не каждый выход с сайта. Но если вы настроите отслеживание событий для кликов выхода , вы можете увидеть, какие из них нажимаются на любой странице. Вот URL каждого клика для каждого выхода из веб-сайта с нашей домашней страницы.
Ваши иконки социальных сетей похожи на опрос, показывающий, какие социальные сети использует ваша аудитория.
Где лучшее место для добавления социальных иконок?Помимо нижнего колонтитула, вот три из лучших, наиболее эффективных мест, чтобы предложить посетителям следовать за вами в социальных сетях
- На странице вакансий. Посетители на этой странице мотивированы. Они профессионалы, которые ищут работу. Сообщите им, что вы размещаете вакансии в социальных сетях, и предлагайте им следить за вами в соц. сетях.
- В блоге. Кнопки «Поделиться». Но блоги могут сделать еще больше для развития ваших соц. страниц. Попробуйте написать текстовый призыв к действию и мотивировать посетителей подписаться на ваши страницы в социальных сетях.
- На странице благодарности, спасибо страницы является отличным способом , чтобы получить больше пользы от одних и тех же посетителей. Они стали подписчиком, клиентом или соискателем работы, почему бы не предложить им другое? Добавьте CTA (Призыв к Действию) и поощряйте их следовать вашему бренду.
Веб-сайты повсюду ссылаются на аккаунты в социальных сетях, которые едва активны или полностью мертвы. Это как неработающая ссылка или отключенный телефон.
Итак, когда вы должны добавить значок социальной сети?
Когда эта социальная сеть является ключевой частью вашей стратегии интернет маркетинга. Прежде чем добавить значок Facebook или Twitter на новый сайт, задайте себе два вопроса.
- Вы размещаете контент там постоянно? (активный канал публикации)
В социальной сети по крайней мере столько же релевантного контента, сколько на вашем сайте. - Вы общаетесь с людьми в этой социальной сети? (активный сетевой канал)
Вы не просто присутствуете, но вы общаетесь с людьми, общаетесь и строите отношения. Если кто-то задает вопрос, вы отвечаете на него.
Ответ должен быть «да» для обоих. Если это не так, отложите интеграцию с социальными сетями, пока у вас не будет стратегии для социальных сетей. Гораздо лучше не иметь иконок, чем кнопки, которые никуда не ведут.
Следующий вопрос: куда поместить эти социальные иконки?
3. Не добавляйте кнопки общего доступа на служебные страницы.Вы когда-нибудь делились сервисной страницей? Вы когда-нибудь видели, чтобы кто-то делился страницей сервиса? Это почти никогда не происходит.
Задача сервисной страницы — превратить посетителей в потенциальных клиентов. Кнопки социальных сетей просто отвлекают, особенно если они большие и яркие. Они добавляют визуальный шум, но не ценность, поэтому они должны быть удалены. Вырежьте их и удалите плагин WordPress, который их добавил.
А как насчет кнопок на страницах продуктов электронной коммерции?Люди когда-либо делятся продуктами? Да, но почти никогда. Когда мы посмотрели веб-сайт электронной коммерции и сравнили просмотры страниц (Google Analytics) с социальными акциями (Buzzsumo) и обнаружили, что такие акции редки.
Только тогда, когда аудитория увлечена продуктом, есть какие-то акции вообще.
В онлайн-каталоге Vienna Beef самые популярные продукты делятся примерно на 1 из 1000 посетителей. И эти акции почти все в Facebook.
Зная это, мы разработали кнопки общего доступа, чтобы они были визуально менее заметными, чем кнопка добавления в корзину. Потому что цель — продажи, а не акции.
Мы обнаружили, что обмен информацией между 1 и 1000 посетителями (это 0,001%).
Поэтому установите очень низкие ожидания в отношении акций на странице продукта и будьте очень осторожны, чтобы не отвлекать посетителей от кнопки покупки.
4. Не показывайте низкие цифры.Социальное доказательство в обоих направлениях. Если цифры большие, это положительно. Если они маленькие, это отрицательно, что делает когда контент выглядит непопулярным? Печальный.
Не расстраивайтесь … но следите за своими виджетами.
Тщательно выбирайте свои виджеты. Если доли в некоторых сетях низкие, вы можете показать только одно совокупное число для всех социальных сетей. Это то, что делают многие. Или просто используйте виджеты без номеров.
У более простых виджетов есть еще одно преимущество. Они загружаются быстрее.
5. Остерегайтесь тяжелых Javascript.Социальные иконки практически невесомы. Но виджеты социальных сетей (поделиться, подписаться и т. Д.) Создаются с использованием Javascript. И чтобы загрузить, они должны общаться с серверами в Facebook, Twitter, LinkedIn или Pinterest.
Эти дополнительные запросы могут увеличивать время загрузки страницы на полсекунды или более, особенно для модных виджетов.
Есть несколько способов избежать раздувания кода, который создают социальные виджеты:
- Используйте простые виджеты… избегайте тех, у которых есть счетчики (акции, фанаты, подписчики).
- Используйте сверхлегкие кнопки обмена
- Загружайте социальные виджеты с помощью асинхронного Javascript, чтобы им не приходилось загружать их по очереди… или просто запрограммируйте сайт, чтобы они загружались после того, как вся остальная часть страницы уже загружена.
Беспокоитесь, что социальные виджеты замедляют вас? Проведите аудит ваших страниц с помощью Lighthouse в Chrome Dev Tools.
Сделайте свой бренд социальным и представительным на своем веб-сайте. И подключите свой сайт к сетям, где вы общаетесь. Это полезные действия.
Ссылайтесь на социальные сети, где вы активны
Размещайте социальные виджеты так, чтобы не отвлекать посетителей и не замедлять сайт
Вы нашли это полезным? Если это так, вы можете присоединиться ко мне в Facebook, где публикую интересные статьи или подписаться на Youtube канал.
По материалам статьи: https://www.orbitmedia.com/blog/website-social-media-integration/
✓ Зачем нужна интеграция социальных сетей на сайт?
Для получения возможности пользователям делится вашим сайтом или его услугами, новостями.
✓ Как добавить кнопку социальных сетей на магазин?
Использовать виджет или соответствующий плагин.
✓ Почему не стоит использовать плагины соц. сетей с счетчиками?
Зачастую такие плагины сильно тормозят сайт и увеличивают время открытия страницы от полу-секунды до 6 и более.
✓ Где лучше размещать кнопки социальных сетей?
На страницах благодарности, блогах, вакансий сайта.
✓ Как добавить иконки социальных сетей в HTML?
Во-первых, мы должны ввести код Html в любом текстовом редакторе или открыть существующий файл Html в текстовом редакторе, в который мы хотим добавить липкие значки социальных сетей.
Теперь нам нужно разместить курсор сразу после тега title в теге head документа Html, а затем прикрепить ссылку CDN.
✓ Как связать значок в HTML?
Чтобы вставить значок, добавьте имя класса значка к любому встроенному элементу HTML. Элементы i и span широко используются для добавления значков. Все иконки в библиотеках являются масштабируемыми векторными значками, которые можно настроить с помощью CSS.
✓ Как добавить значки социальных сетей в Font Awesome?
Перейдите на страницу иконок на сайте Font Awesome. Здесь вы увидите список доступных для использования значков. Любые значки серого цвета на самом деле являются частью премиум-пакета, поэтому вам необходимо обновить их, чтобы использовать.
Иконки соцсетей — виджет Elementor
Каждый посетитель вашего сайта хоть раз пользовался одной из соцсетей и понимает принципы ее работы, а может даже сам пользуется и состоит в ней. Пользуется он сетями или нет, это уже другой вопрос, но вы как хозяин или разработчик своего сайта, возможно уже имеете свою группу или страницу в одной из социальных сетей. И поэтому вам важно разместить на своем сайте иконку социальной сети.
Иконка соцсети на вашем сайте выступает в качестве интересного элемент дизайна, так как такие иконки продуманные и узнаваемы. А еще это ссылка на вашу страницу в социальной сети, т.е по сути обратная связь между клиентом и вами. Особенно это действует на определенную соц-зависимую группу людей, которые то и дело сидят в соц сетях и им просто удобно находится в группе соцсети, чем на самом сайте.
А для того, чтобы было удобно вам размешать социальные иконки на своем сайте (простой сайт, сайт визитка, бизнес или корпоративный сайт, landing page, посадочная страница ), в конструкторе сайтов разработан специальный виджет «Иконки соцсетей». Данный виджет только называется соцсети, но включает в себя иконки не только социальных сетей, но и других сервисов и служб, например WhatsApp, Telegram, YouToube, Skype итд.
Виджет достаточно универсальный, ведь помимо выбора любой иконки, можно задать любую ссылку для иконки, а так же изменить отображение иконок, произвольный цвет, размер и положение. Посмотрим на настройки и свойства подробнее.
Содержимое
— Иконки соцсетей
- Иконки соцсетей — элементы настроек в которых можно выбрать необходимую иконку и назначить ссылку.
- Форма — тип формы обрамления иконки. Выбрать можно из трех вариантов это Скругление, Квадрат и Круг.
- Выравнивание — выравнивание блока виджетов относительно колонки секции.
Стиль
— Иконка
Для иконок можно выбрать как цвета по умолчанию т.е официальные, так и свой общий цвет. Так же доступно к изменению размер иконки, внутренние и наружные отступы. Что касается границ, то можно установить тип границы, ее цвет и размер. Так же доступно изменение скругление углов формы.
— Иконка при наведении
Цвет границы и тип анимации при наведении, это все что доступно в данной группе свойств. Выбор анимации из стандартного списка анимаций (Grow, Shrink, Pulse итд)
Плагин иконок социальных сетей для WordPress
Все мы знаем, что без социальных сетей никуда. И связать их со своим сайтом (в том или ином варианте) хочет любой блогер и почти каждый заказчик. Вот и я в очередной раз столкнулась с такой необходимостью. Но проблема заключается в том, что не все темы предусматривают кнопки социальных сетей, а уж русскоязычные социальные сети вообще не пользуются популярностью среди создателей тем для WordPress. Поэтому я стала искать плагин социальных кнопок для WordPress.
Начну издалека. Я достаточно долго искала необходимый плагин. Не важно каким образом осуществлять поиск — через админку WP или же через Яндекс — основная масса плагинов решает только одну проблему, а именно реализацию функции «поделиться» с помощью социальных сетей. А это совсем не то, что меня интересовало. Моим заказчикам не нужны были кнопки «Поделиться», им это не интересно. Они хотели, чтобы на сайте были кнопки, по которым можно открыть их группу Вконтакте или Facebook. И это нормальное желание. Да, многие шаблоны изначально идут в комплекте с такой функцией. Но, во-первых, далеко не все, а во-вторых, каждый раз сталкиваешься с проблемой отсутствия иконок отечественных социальных сетей типа Вконтакте или Одноклассники. Да и в принципе зачастую идущие в комплекте с шаблоном иконки охватывают лишь некоторые социальные сети. И это неудобно.
В общем мною были просмотрены килотонны информации, в том числе с иностранных сайтов. И в конце концов я нашла плагин Social Icons Widget by WPZOOM. Аналогов ему я не встречала, сколько ни искала — он действительно потрясающий и действительно очень удобный.
Плагин Social Icons Widget by WPZOOM позволяет добавлять на ваш сайт практически любые иконки, причем не только относящиеся к социальным сетям. Давайте более подробно рассмотрим, что из себя представляет этот замечательный плагин.
Установка
Здесь всё как обычно — заходим в админку, переходим на страницу Плагины > Добавить новый, в поиск вставляем предварительно скопированное название интересующего нас плагина социальных кнопок, а именно Social Icons Widget by WPZOOM. Далее нажимаем Установить, а затем Активировать.
Добавляем виджет
После того, как плагин был активизирован, можно перейти в Внешний вид > Виджеты. Дальше всё будет зависит от используемой вами темы. В данном случае у меня базовая Twenty Seventeen, в которой предусмотрены 3 варианта размещения виджетов — sidebar (он же боковая колонка), подвал 1 и подвал 2.
Как вы можете видеть — я уже добавила виджет социальных кнопок в подвал. Сейчас расскажу и покажу как (а там есть, что рассказать-показать).
Первым делом в списке виджетов (который слева) находим наш плагин социальных кнопок Social Icons by WPZOOM. Нажимаем на него и получаем выпадающий список с перечнем блоков, в которых мы можем разместить эти кнопки. Как только определитесь — нажимайте кнопку Добавить виджет. После этого он появится в одном из блоков справа, а далее можно заняться внимательным изучением предлагаемых опций данного замечательного виджета, нажав на стрелочку справа от его названия.
Настройка виджета
Итак, первое, что нам предлагают — это написать заголовок (Title) для наших кнопок. Англоязычные сайты в основном пишут Follow us (Следите за нами), русским же сайтам больше свойственно просто писать Социальные сети или же вообще ничего не писать. Так что, если вы как раз из той категории людей, то можете просто стереть надпись по умолчанию.
Далее у нас идёт Описание (Description) — короткое описание, которое будет выводится над иконками, можно использовать HTML. Если честно, у меня никогда не возникало необходимости выводить какой-либо текст над иконками, так что я обычно оставляю пустым это поле.
Следующие два пункта как бы интересуются хотите ли вы показывать подписи к иконкам (Show icon labels?) и открывать ли ссылки в новых вкладках (Open links in new tab?). Первый пункт по умолчанию отключен, а второй как раз наоборот (что, в общем-то, и понятно). Если же поставить галочку рядом с пунктом «Show icon labels?», то под иконками ниже появятся поля с подписями, которые можно редактировать:
Как по мне так это тоже не нужно, в принципе все иконки социальных сетей достаточно узнаваемы. Но разработчики достаточно продуманные ребята, предусмотрели всё, так что если вдруг вам захочется добавить надпись «Ну ты заходи, если шо» к значку Вконтакте — вы точно сможете с лёгкостью это сделать.
Едем дальше. Стиль иконок (Icon Style). Тоже очень удобно — иконки можно сделать максимально приближенными по стилю к вашему сайту. Этот плагин социальных кнопок предлагает 2 варианта: цветной фон и белый значок или же цветной значок и прозрачный фон. Первый вариант лично я нахожу более интересным, так как в этом случае можно будет воспользоваться следующей опцией, а именно Стиль фона иконки (Icon Background Style). Здесь уже три варианта: скруглённые углы, круг или квадрат.
Далее нам предлагают настроить внутренние отступы и размер самой иконки, что я нахожу крайне удобным, так как все сайты разные, бывает нужны иконки поменьше, а бывает и наоборот.
После того, как вы определитесь с надписями, стилями и размерами, можно переходить к самим иконкам.
Редактируем иконки
По умолчанию в виджете есть иконки для Facebook, Twitter и Instagram. Можно их оставить, можно удалить, а можно отредактировать — как сами иконки, так и ссылку, на которую они ведут. Чтобы добавить новую иконку нужно нажать кнопку Add more (Добавить ещё). Под кнопкой мелким шрифтом написано, что для того, чтобы добавить иконку с адресом электронной почты, необходимо использовать формат mailto:[email protected]
.
Итак, допустим вы решили удалить имеющиеся иконки и добавить те, которые вам нужны. Для начала нажимаем значок мусорного бака справа от каждого поля для ссылки, а затем нажимаем кнопку Add more.
Дальше как вам удобнее — можно сразу добавить ссылку, а потом редактировать иконку, или же можно поступить наоборот. Ссылка в данной момент интересует меня меньше всего, поэтому я сразу нажму на значок «+» на месте иконки. После чего появится всплывающее окно с настройками иконки.
Здесь можно выбрать цвет иконки, а также набор иконок, который будет удовлетворять вашим потребностям. Нам предлагают следующие наборы: Socicons, Dashicons, Genericons и даже Font Awesome. Когда дело касается социальных иконок, то лично я использую набор Socicons, так как в нём есть действительно большой выбор иконок разнообразных социальных сетей, таких как Одноклассники, Вконтакте, Facebook, 500px, Vimeo, Youtube, Behance, LinkedIn, Google+, Pinterest, а также значки Drupal, WordPress, Windows, Xbox, Wikipedia, Apple, Android и много других. В общем очень удобной набор.
А так — выбирайте любой понравившийся набор или же комбинируйте все и наслаждайтесь.
Выбрав цвет и иконку нажмите Save (Сохранить) и она появится в виджете. Потом опять нажмите кнопку Add more и повторяйте процедуру пока не добавите все нужные иконки. После чего важно не забыть нажать кнопку Сохранить на самом виджете и всё, иконки социальных сетей появятся на вашем сайте.
Надеюсь статья помогла вам решить проблему размещения иконок социальных сетей на вашем сайте.
Оставляйте комментарии, подписывайтесь на наш блог и вступайте в нашу группу Вконтакте, чтобы всегда быть в курсе свежих новостей о WordPress и не только.
30 лучших бесплатных наборов значков социальных сетей
Вы ищете бесплатные значки социальных сетей, которые можно добавить на свой веб-сайт, в резюме, подпись по электронной почте или визитные карточки? Мы приводим список из 30 в статье ниже.
После того, как вы создали визуальную идентичность бренда, вы не захотите использовать какой-либо старый набор значков социальных сетей. Вам нужен набор значков, соответствующий вашему уникальному визуальному брендингу. Тот, который не кажется неуместным в вашем дизайне, но в то же время привлекает внимание пользователя как призыв к действию (нажмите на меня).
Вам нужен полный контроль над тем, как выглядят значки. Но вам также нужен полный контроль над тем, сколько стоят значки. Войдите в этот список бесплатных значков социальных сетей, которые качественны, красивы и просты в использовании в вашем дизайне. Независимо от того, какова ваша визуальная идентичность бренда, вы сможете найти хотя бы один набор значков, который идеально подойдет для вашего дизайна.
Причины использования пользовательских значков социальных сетей
Вам может быть интересно, почему так важно иметь индивидуализированный (в соответствии с вашим дизайном) набор значков социальных сетей.Хотя вы можете использовать стандартные значки, которые входят в стандартную комплектацию вашего веб-сайта, вы упускаете возможность расширить свой бренд, чтобы создать целостный визуальный опыт. Вот несколько причин, по которым вам следует использовать пользовательские значки социальных сетей:
Последовательный визуальный брендинг
В цифровом или печатном виде визуальный бренд работает лучше всего, когда учитываются мельчайшие детали. Возможно, вы не думаете, что значок размером 16 на 16 пикселей может многое сказать, но когда вы отступите и посмотрите на дизайн в целом, значок может либо добавить единообразия вашему визуальному бренду, либо прервать его — середины нет.
Визуальная идентичность, учитывающая каждый аспект ее презентации, вызовет доверие на подсознательном уровне. Почему? Потому что вы сделали дополнительный шаг, чтобы убедиться, что все идеально. Ваша аудитория будет уделять внимание деталям.
Осторожно подтолкните читателей к своим учетным записям в социальных сетях.
Значки социальных сетей по умолчанию могут раздражать, особенно в сочетании с вашим индивидуальным внешним видом. Добавление собственных значков социальных сетей может сгладить переход.
Возможность настройки
Многие из перечисленных ниже значков можно настраивать. Вы можете добавлять или изменять цвета, форму и ориентацию. Хотите наклонить значок, применить к нему фильтр или добавить рамку? Используйте значки социальных сетей из формочки для печенья, чтобы они соответствовали вашему бренду.
Места для использования значков социальных сетей (вместе с примерами)
Итак, где, ой, где вы должны разместить значки социальных сетей для максимального воздействия? Давайте посмотрим на лучшие места для рассмотрения:
Боковая панель веб-сайта
Посетители, скорее всего, будут искать ваши профили в социальных сетях на вашей боковой панели.Добавьте сюда значки социальных сетей на боковой панели для знакомой точки отсчета.
Предоставлено Lovely Bride
Нижний колонтитул веб-сайта
Добавьте значки социальных сетей внизу страницы.
Предоставлено Франческо Приско
Предоставлено Themartist
Страница «Обо мне»
Не забудьте включить значки социальных сетей на свою страницу «Обо мне».
Предоставлено Dustn.tv
Резюме
Используйте дизайн своего резюме, чтобы направить будущих работодателей на ваши профили в социальных сетях (те, которые вы хотите, чтобы они видели).
Предоставлено Ikono.Me
Визитные карточки
Предоставлено MMXLV
Электронная подпись
Добавьте альтернативные способы связи с вами с помощью вашей электронной подписи.
Предоставлено Madridnyc
Рекомендации по использованию значков социальных сетей
Независимо от того, насколько красивы ваши значки, если они не выделяются или вы не даете посетителям повода для нажатия, это упущенный шанс. Вот два передовых метода, которые следует учитывать при выборе значков социальных сетей:
Лучшее размещение значков
Об идеальном месте для значков социальных сетей ведется много споров.Например, следует ли размещать значки социальных сетей в своем блоге до или после каждого сообщения?
Хотя универсального решения для размещения значков не существует, вам следует подумать о размещении значков после каждого сообщения, когда посетители, скорее всего, обратятся к вам на других платформах.
Для удобства добавьте значки социальных сетей на боковую панель. Большинство посетителей сайта ожидают увидеть здесь ваши значки социальных сетей. Кроме того, не упустите возможность добавить свои значки на страницу «Обо мне». Если посетитель дошел до вашей страницы «Обо мне», он определенно будет рад возможности найти вас на социальных платформах, которые они также могут использовать.
Стимулируйте посетителей нажимать
Не размещайте на своем сайте значки социальных сетей и думайте, что все готово. Если вы действительно хотите увеличить количество подписчиков в социальных сетях, вам нужно дать посетителям повод для клика.
Объясните посетителям, почему они должны переходить на ваш сайт. Даже самые простые ожидания могут взволновать ваших посетителей. Вот пример:
Как персонализировать свои значки
После того, как вы загрузите набор значков, обязательно добавьте их настройки, чтобы они соответствовали вашей визуальной идентичности.Возможно, вам потребуется настроить цвета, добавить фильтр или текст.
Выберите правильную цветовую схему
Раньше мы говорили о выборе правильной цветовой схемы для вашего бренда. Если вам нужно освежиться, обязательно ознакомьтесь с этим полезным руководством. Если у вас уже есть цветовая схема, убедитесь, что ваши значки тоже гармонируют. Здесь нет правильных или неправильных ответов. Хотя вполне нормально использовать стандартные цвета для каждой социальной платформы, возможно, имеет смысл настроить цвета в соответствии с дизайном вашего сайта.
Вообще говоря, красный — это цвет внимания и действия. Но если ваш брендинг имеет нейтральную окраску, набор красных значков может не выделяться.
Простой и тонкий лучше всего дополнит ваш визуальный брендинг. Используйте оптимизированный одноцветный подход, как мы сделали здесь в нижнем колонтитуле:
Список из 30 наборов значков социальных сетей
Итак, без лишних слов, давайте погрузимся в лучший бесплатный (и почти бесплатный) значок социальных сетей наборы в наличии.Обязательно проверьте использование, так как условия могут измениться:
01. Векторные иконки социальных сетей
В этом пакете вы найдете более 800 векторных иконок, включая глянцевые, закругленные, многоугольные и прямоугольные. Все значки основаны на пиксельной сетке и доступны в форматах AI, PNG, EPS, SVG и CSS.
02. Значки социальных сетей — Диагональ (Премиум)
Этот текстурированный набор значков социальных сетей на Creative Market включает девять полностью редактируемых векторов.У вас есть ведущие платформы социальных сетей, включая Facebook, Pinterest, LinkedIn и Twitter.
03. Анимированные плоские иконки
Вам нужен анимированный значок для вашего проекта? Как насчет 16 из них? Каждый из этих 16 значков бывает разного размера, от 64 до 256 пикселей. Загрузите в векторном формате, PNG или анимированном GIF.
04. Tonicons Бесплатные иконки социальных сетей
Эти иконки социальных сетей доступны в семи различных стилях, включая плоские, длинные тени, закругленные и квадратные.Размер и цвет можно редактировать одним щелчком мыши.
05. Бесплатная коллекция социальных иконок в 24 стилях
Получите бесплатные иконки социальных сетей в 24 различных дизайнах, от круглых и квадратных рамок до безрамочных наборов.
06. 25 векторных (SVG) значков от Джерри Лоу
Получите 25 супер схематичных значков, которые можно использовать как для личных, так и для коммерческих проектов. Эти нарисованные от руки значки доступны в форматах файлов PSD, PNG и SVG.
07. 63 социальных иконки
Еще больше рисованных качеств, на этот раз в виде более 60 социальных иконок.Этот набор поставляется в форматах файлов EPS, PDF и SVG и может использоваться без кредита.
08. Рисованные от руки иллюстрированные значки социальных сетей коренных американцев — 3 цвета (Премиум)
Один из самых уникальных доступных наборов значков социальных сетей. Этот красиво иллюстрированный набор каракулей вдохновлен эстетикой коренных американцев. Он доступен в трех цветах и стоит 8 долларов, хотя и платный.
09. Иконки социальных сетей — файлы PNG + PSD — Pretty Chic Watercolour (Премиум)
Еще один премиальный набор, он предлагает приглушенные акварельные иконки социальных сетей пяти разных цветов.Выберите из 195 файлов PNG.
10. Бесплатные плоские иконки социальных сетей в стиле гранж на 2014 год
Этот набор плоских иконок социальных сетей с зернистой текстурой поставляется в файлах PSD для удобного редактирования.
11. 20 растровых иконок от S-Icons.com
Почему векторные изображения приносят все удовольствие? Ознакомьтесь с этими 20 растровыми значками, которые можно бесплатно использовать в коммерческих целях. В набор входят 20 самых популярных социальных сетей.
12. 40 бесплатных расширенных плоских значков социальных сетей (PNG и векторный файл)
Этот красочный набор значков, доступный как в формате AI, так и в формате PNG, также доступен в широком диапазоне размеров, от 72 до 512 пикселей.Этот набор значков предоставляется бесплатно только для личного использования.
13. Ультратонкие значки социальных сетей
Ультратонкий набор, доступный в форматах Photoshop (PSD) и Vector (AI, EPS, SVG), включает 24 самых популярных значка социальных сетей. Для бесплатных загрузок требуется указание авторства, но если вы покупаете набор за 3 доллара США, указание авторства не требуется.
14. Загрузите бесплатные значки Adobe Muse
Этот набор значков, включающий 60 значков социальных сетей, включает в себя все самые популярные социальные каналы и некоторые отзывы (кто угодно ICQ?).
15. 230+ высококачественных затененных значков социальных сетей | Бесплатная и премиум версия
Пользователи могут загрузить бесплатную версию для личных блогов и портфолио или заплатить дополнительную цену в 17 долларов за более 200 высококачественных значков. В этом наборе есть значки 5 размеров от 32 до 512 пикселей.
16. Freepik Social Media Icons
Этот набор значков социальных сетей, созданный Freepik, простой и сдержанный, а также отличный бесплатный вариант.Для использования этих значков в вашем проекте требуется указание авторства.
17. 20 растровых значков Pen Sketch от S-Icons.com
Для творческих людей этот набор иконок Pen Sketch содержит 20 различных типов значков с исходным цветом.
18. 33 векторных (SVG) иконки от Tahsin Tahil
Прекрасный, плоский и немного причудливый, этот набор из 33 векторных иконок поставляется в формате файла SVG и может использоваться для различных работ. Обратная ссылка приветствуется.
19.20 растровых иконок штампов от S-Icons.com
Кто не любит набор штампов? Этот набор включает 20 растровых изображений для всех основных платформ социальных сетей и некоторых менее распространенных, включая Vimeo, Society6 и BuzzFeed.
20. Значки социальных сетей
Получите около 70 значков социальных сетей разных цветов и размеров. Просто щелкните текстовую ссылку, чтобы загрузить набор значков этого конкретного цвета. Набор также включает пустой значок для вашей индивидуальной настройки.
21. 31 растровый значок от Divjot Singh
Этот набор из 31 растрового социального значка, бесплатный для личного и коммерческого использования, включает широкий спектр социальных платформ, включая Tumblr, Google Drive, Github и Vine.
22. Ретро иконки социальных сетей (Премиум)
Этот ретро-набор, доступный на Creative Market за 7 долларов, включает 20 полноцветных иконок социальных сетей. Иконки выглядят почти трехмерными. Отлично!
23. Иконки социальных сетей — акварельный текст (Премиум)
Еще больше акварели впереди.Эти элегантные иконы — воплощение женственного шика. Он включает 70 кнопок, таких как Bloglovin ’, Google+ и Good Reads. Все значки — это плоские PNG с прозрачным фоном.
24. Бесплатные золотые значки социальных сетей
Каждый может использовать немного больше блеска в своей жизни. Обратите внимание на этот набор иконок для социальных сетей с золотым блеском, который может добавить вашему сайту нужного блеска.
25. 120 нарисованных вручную значков социальных сетей
Более 100 нарисованных вручную значков социальных сетей, которые можно использовать бесплатно в личных и коммерческих целях при условии, что вы платите с указанием авторства.
26. Геометрические кнопки социальных сетей
Получите три пакета геометрических иконок социальных сетей бесплатно. Выбирайте из разных цветов (яркие, пастельные и неоновые) и разных размеров (32, 48, 64 и 128 пикселей). Вы также можете смешивать и сочетать, чтобы найти правильную комбинацию для вашего сайта.
27. Новый бесплатный набор иконок: Ретро!
Вы получите 25 иконок 4 разных цветов. У вас есть выбор 48 или 60 пикселей. Иконки включают в себя блог, addthis, PayPal, Behance и DeviantArt.
28. 45 Тонкие иконки социальных сетей
Плоские, тонкие и идеальные во всех отношениях. Загрузите эти значки, чтобы ваш проект выглядел чистым, простым и в то же время красочным.
29. Бесплатные иконки в социальных сетях Galaxy в стиле акварели
Эти иконки необычайно красивы. Вы получаете эти файлы в формате PNG размером 100 пикселей. Иконки включают LinkedIn, Instagram и Etsy.
30. Бесплатные геометрические каркасные иконки социальных сетей
И последнее, но не менее важное, это абсолютно великолепный набор каркасных геометрических иконок социальных сетей.Атрибуция продумана, но не обязательна.
Какой ваш любимый бесплатный набор иконок для социальных сетей? Дайте нам знать в комментариях ниже.
бесплатных иконок социальных сетей (те, которые вам действительно разрешено использовать)
Ни один веб-сайт не обходится без значков социальных сетей. И в настоящее время все, от подписей в электронной почте и визитных карточек до плакатов и видеороликов, выигрывает от небольшой «иконографии».
Но прежде чем добавлять значки на каждый актив, которым владеет ваша компания, следует учесть несколько вещей, в том числе юридический.Несмотря на повсеместное распространение в Интернете значков всех форм, цветов и размеров, значок социальных сетей является зарегистрированным товарным знаком . Они защищены авторским правом и обязательными правилами бренда .
Изображение предоставлено Fancycrave под CC0. Мы собрали ссылки для скачивания для всех основных значков социальных сетей, а также рекомендации по передовому опыту, которые позволят использовать ваши значки на должном уровне. А мы поможем вам избежать ошибок в дизайне, предложив советы о том, как адаптировать использование значков для каждого носителя.
Бонус: Прочтите пошаговое руководство по стратегии в социальных сетях с советами профессионалов о том, как расширить свое присутствие в социальных сетях.
Источники значков социальных сетей
Загрузите полный набор иконок.
Основные принципы бренда:
- Используйте значок в Facebook только синий или перевернутый белый и синий. Вернитесь к черно-белому, если столкнетесь с цветовыми ограничениями. Доступны синяя, серая, белая и черная версии.
- Значок Facebook всегда должен отображаться в контейнере со скругленными углами и квадратом.
- Убедитесь, что значок воспроизводится в удобочитаемом размере. Он должен быть такого же размера, как и все остальные значки.
- Не анимируйте и не представляйте логотип в виде физических объектов.
- Загрузите значки в соответствии с вашим носителем. Варианты значков Facebook, предназначенные для Интернета, печати, телевидения и кино.
Иконки для использования в Интернете (.png)
Твиттер
Загрузите полный набор иконок.
Основные принципы бренда:
- Используйте в Twitter только синий или белый значок. Когда применяются ограничения на расцветку печати, Twitter разрешает отображение логотипа черным цветом.
- Twitter предпочитает, чтобы значок отображался без контейнера, но предлагает квадратные, закругленные квадратные и круглые контейнеры, если они лучше соответствуют вашим потребностям.
- При использовании логотипа поверх изображения всегда используйте белую версию.
- Не анимируйте логотип, не украшайте его пузырями со словами или другими существами.
- Свободное пространство вокруг логотипа должно составлять не менее 150% ширины значка.
- Значки должны иметь минимальную ширину 32 пикселя.
Иконки для использования в Интернете (.png)
Загрузите полный набор иконок.
Основные принципы бренда:
- Для представления Instagram могут использоваться только значки из раздела «Активы» сайта ресурсов бренда Instagram. Эти значки доступны в цветном и черно-белом цвете.
- Иконки Instagram должны быть представлены без контейнера. Квадрат, круг, скругленный квадрат и другие формы контейнеров недоступны.
- Не используйте этот значок с названием компании, товарным знаком, другим языком или символом.
- При использовании значка для вещания, радио, наружной рекламы или печати размером более 8,5 x 11 дюймов вам необходимо запросить разрешение и включить макет того, как вы планируете использовать.
- Контент Instagram не должен составлять более 50% вашего дизайна или более 50% общей продолжительности вашего контента.
Иконки для использования в Интернете (.png)
Загрузите полный набор иконок.
Основные принципы бренда:
- LinkedIn предпочитает, чтобы сине-белый значок отображался на белом фоне. Значок всегда должен отображаться в цвете онлайн. Если это невозможно, используйте обратный бело-синий или черно-белый значок.
- Используйте сплошной белый значок на темном фоне или фотографиях, а сплошной черный значок — на светлом фоне или фотографиях или в приложениях для одноцветной печати.Убедитесь, что «вход» прозрачен.
- Значок LinkedIn никогда не должен быть кругом, квадратом, треугольником, трапецией или любой другой формой, кроме квадрата с закругленными углами.
- Иконки LinkedIn обычно используются в Интернете двух размеров: 24 и 36 пикселей. Минимальный размер — 21 пиксель в Интернете или 0,25 дюйма (6,35 мм) при печати. Значки размера для печати или большего размера должны ссылаться на сетку из 36 единиц, найденную здесь.
- Границы значка должны составлять примерно 50% от размера контейнера. Минимальные требования к свободному пространству определяют, что вокруг значка следует использовать отступы размером в два символа «i» в LinkedIn.
- Для использования на телевидении, в кино или других видеопродукциях требуется запрос разрешения.
- Если вы используете призывы к действию, такие как «Следуйте за нами», «Присоединяйтесь к нашей группе» или «Просмотрите мой профиль в LinkedIn» вместе со значком, используйте другой шрифт и цвет, предпочтительно черный.
Иконки для использования в Интернете (.png)
Загрузите значки.
Основные принципы бренда:
- Значок P Pinterest всегда должен отображаться красным цветом Pinterest, в печатном виде или на экране и никоим образом не изменяться.
- Чтобы использовать Pinterest в видео, телевидении или кино, компании должны отправить письменный запрос своему менеджеру по работе с партнерами в Pinterest.
- Всегда добавляйте призыв к действию после показа значка Pinterest. Убедитесь, что размер значка пропорционален тексту призыва к действию.
- Допустимые призывы к действию: Популярные на Pinterest, Найдите нас на Pinterest, Следуйте за нами на Pinterest, Посетите нас, Найдите больше идей на Pinterest, Вдохновляйтесь на Pinterest. Не используйте фразы «Тенденции на Pinterest» или «Тенденции».
- Всегда отображайте или гиперссылку на URL-адрес Pinterest при использовании значка.
Иконки для использования в Интернете (.png)
YouTube
Загрузите полный набор иконок.
Основные принципы бренда:
- Значок YouTube доступен в красном цвете YouTube, почти черном монохромном и белом монохромном.
- Если фон не работает с красным значком YouTube или цвет не может быть использован по техническим причинам, выберите монохромный.Почти черный значок следует использовать для светлых разноцветных изображений. Белый значок следует использовать на темных разноцветных изображениях с прозрачным треугольником кнопки воспроизведения.
- Значки YouTube должны иметь высоту не менее 24 dp в Интернете и 0,125 дюйма (3,1 мм) в печатном виде.
- Свободное пространство для значка YouTube должно составлять половину ширины значка.
- Значок YouTube можно использовать только тогда, когда он ссылается на канал YouTube.
Иконки для использования в Интернете (.png)
Snapchat
Загрузите полный набор иконок.
Основные принципы бренда:
- Показывать значок Snapchat только черным, белым и желтым.
- Не окружайте логотип другими персонажами или существами.
- Минимальный размер значка «Призрак» — 18 пикселей в интерактивном режиме и 0,25 дюйма при печати.
- Значок доступен без контейнера в черном или белом цвете или с желтым скругленным квадратом.
- Свободное пространство вокруг логотипа должно составлять не менее 150% ширины логотипа.Другими словами, отступ должен быть такого же размера, как половина Призрака.
Иконки для использования в Интернете (.png)
Загрузите полный набор иконок.
Основные принципы бренда:
- Показывать значок WhatsApp только зеленым, белым (на зеленом фоне) и черно-белым (в материалах, которые в основном черно-белые).
- Обязательно пишите WhatsApp как одно слово с правильной заглавной буквы
- Используйте зеленый квадратный значок только при обращении к приложению iOS.
Иконки для использования в Интернете (.png)
Что такое значки социальных сетей и зачем их использовать?
Добавьте значки социальных сетей на свой веб-сайт, визитные карточки и другие цифровые и физические маркетинговые материалы, чтобы увеличить количество подписчиков в социальных сетях и связаться с клиентами по различным каналам.
Не путайте с кнопками общего доступа или словесными знаками, значки социальных сетей — это сокращенные символы, которые ссылаются на профиль вашей компании в разных сетях (или, в случае печатных материалов, просто позволяют людям узнать, что ваш бизнес находится в этих сетях).
Чаще всего в значках социальных сетей используется первая буква или символический логотип компании, работающей в социальных сетях. Представьте себе Facebook F, птицу Twitter или камеру Instagram.
Некоторые логотипы доступны в «контейнерах». Контейнеры — это фигуры, заключающие в себе букву или символ. Очень часто значки окрашены в официальные цвета компании, но иногда они доступны и в монохромном исполнении.
Благодаря их широкому использованию предприятиями, большинство клиентов ожидают, что компании будут иметь ссылки на значки на своих веб-сайтах, и достаточно сообразительны, чтобы знать, где их искать.Аккуратные и единообразные по стилю значки — отличная альтернатива надоедливым всплывающим окнам с надписью «следуй за мной».
Как использовать значки социальных сетей в рекламных материалах (юридически)
В сети или офлайн значки социальных сетей могут предоставить ссылку на социальные каналы вашей компании. Вот несколько советов по их эффективному использованию на разных носителях.
Сайты
Часто бренды помещают значки социальных сетей в верхний и / или нижний колонтитулы своих веб-сайтов. Но их также можно разместить на плавающей левой или правой боковой панели для большей заметности.
Как правило, значки, расположенные над сгибом, имеют больше шансов быть увиденными.
Изображение взято с домашней страницы Lenny.comЭлектронные письма и информационные бюллетени
Наличие значков социальных сетей в подписи электронной почты или информационных бюллетеней предлагает дополнительные способы связи с получателями. Если нетворкинг важен и ваша компания позволяет, вы также можете добавить значок LinkedIn в общедоступный профиль.
Чтобы добавить значки в подпись электронной почты, выполните следующие действия:
Подпись Outlook 1.В Outlook на вкладке «Главная» выберите «Новое электронное письмо».
2. На вкладке «Сообщение» в группе «Включить» выберите «Подпись», затем «Подписи».
3. На вкладке «Подпись электронной почты» в поле «Изменить подпись» выберите подпись, которую нужно изменить.
4. В текстовом поле «Изменить подпись» добавьте новую строку под текущей подписью.
5. Выберите Изображение, затем перейдите в папку, в которую вы загрузили значки, и выберите значок, который хотите добавить.
6. Выделите изображение и выберите «Вставить», затем «Гиперссылка».
7. В поле Адрес введите веб-адрес соответствующего профиля компании.
8. Нажмите OK, чтобы завершить изменение новой подписи.
9. На вкладке «Сообщение» в группе «Включить» выберите «Подпись», а затем выберите новую измененную подпись.
1. Откройте Gmail.
2. Щелкните значок настроек в правом верхнем углу.
3. В разделе «Подписи» щелкните символ «Вставить изображение», чтобы добавить загруженный значок.
4. Выделите изображение и щелкните символ ссылки.
5. Добавьте веб-адрес для профиля своей компании.
6. Прокрутите вниз и выберите Сохранить изменения.
Большинство издателей помещают значки социальных сетей в нижний колонтитул информационных бюллетеней, поскольку часто цель информационных бюллетеней — продвигать продукты, услуги или контент веб-сайтов. .
Gmail иногда может обрезать длинные сообщения, поэтому, если одной из целей вашей рассылки является привлечение подписчиков в социальных сетях, поместите значки в заголовок или над сгибом и рассмотрите возможность использования призыва к действию.В качестве альтернативы, если целью вашего информационного бюллетеня является продвижение контента, вы можете рассмотреть возможность включения значков общего доступа и размещения значков подписки в нижнем колонтитуле.
Изображение из электронного бюллетеня Sephora ПечатьИконки социальных сетей позволяют сэкономить место в печатных материалах, таких как брошюры, печатная реклама или визитные карточки. Но не забывайте, что гиперссылку на бумаге нельзя.
Хорошим обходным решением для автономных значков является использование только доменного имени и прямой ссылки на страницу вашей компании.Или вообще пропустите доменное имя.
Вариант 1: (F) facebook.com/Hootsuite
(T) twitter.com/Hootsuite
Вариант 2: (F) Hootsuite
(T) @Hootsuite
Вариант 3: (F) (T ) @Hootsuite
На визитных карточках, если вы не планируете включать URL-адрес или дескриптор, возможно, вы не захотите включать значок, особенно если дескриптор неочевиден. Но если ваша компания пользуется авторитетом и ее легко найти в социальных сетях, отдельные значки могут стать элегантным способом обозначить присутствие вашего бренда в социальных сетях в печатных объявлениях и брошюрах.
Печатная реклама чая Дэвида, через журнал Escapism, One More Bake от Элизабет Новианти Сусанто на Behance. Cado от Кристи Стивенс на Behance. ТВ и видеоКак и в случае с печатью, если вы используете видео на носителе, который не позволяет зрителям нажимать на значок, вам следует указать URL. На YouTube вы можете добавлять интерактивные значки с помощью функции аннотаций. Чаще всего призыв к действию ставится в конце видео бренда. Убедитесь, что у зрителей достаточно времени, чтобы прочитать URL.
Многие бренды социальных сетей требуют запросов на разрешение, а иногда и макетов, прежде чем разрешать компаниям использовать их значки.
Рекомендации по использованию значков социальных сетей
Благодаря широкому использованию измененных и измененных значков и сторонних сайтов, таких как Iconmonstr или Iconfinder, многие бренды и менеджеры социальных сетей не осознают, что использование измененных значков строго запрещено.
Вот несколько общих рекомендаций, с которыми вы должны ознакомиться, прежде чем добавлять значки социальных сетей в свои маркетинговые материалы.
Скачать из первоисточника
При поиске значков социальных сетей попробуйте сначала получить их с веб-сайтов социальных сетей. Мы также собрали ссылки для скачивания самых популярных значков социальных сетей, представленных ниже.
Без изменений
Все логотипы и значки социальных сетей являются товарными знаками. Это означает, что вращение, обводка, перекрашивание, анимация или редактирование любого рода не разрешены.
Размер равномерно
По возможности отображайте все значки социальных сетей одинакового размера, высоты и разрешения.Не размещайте значки социальных сетей больше, чем ваш собственный логотип или словесный знак. И не отображать какие-либо значки сети больше, чем значок другой сети (например, сделать значок Facebook больше, чем значок Instagram).
Равномерное пространство
Убедитесь, что значки расположены таким образом, чтобы соответствовать требованиям к «свободному пространству» каждой компании, занимающейся социальными сетями.
Выберите от трех до пяти
Очень часто значки используются как призыв к действию, и если вы используете слишком много, вы рискуете подавить посетителей усталостью от принятия решений.Не говоря уже о беспорядке, который слишком много значков создают на визитных карточках или ресурсах с ограниченным пространством. Определите от трех до пяти каналов, наиболее важных для вашего бренда и аудитории. Полный список может быть включен в раздел контактов на веб-сайте или в нижнем колонтитуле веб-сайта.
Упорядочить по приоритету
Если LinkedIn является более стратегической сетью для вашего бренда, чем, например, Instagram, убедитесь, что LinkedIn отображается первым в вашем списке значков.
Используйте последнюю версию
Компании социальных сетей требуют, чтобы бренды, использующие их значки, обеспечивали их актуальность.Но также использование старых логотипов будет заметным и может сигнализировать о том, что ваша компания «отстает от времени».
Не используйте слово
Большинство социальных сетей прямо заявляют, что вы никогда не должны использовать словесный знак вместо значка. Словесные знаки обычно предназначены только для корпоративного использования и представляют компанию, а не присутствие вашей компании в сети.
Сделайте свой бренд в центре внимания
Слишком заметное размещение значков может ошибочно подразумевать спонсорство, партнерство или поддержку и потенциально может привести к возникновению у вашей компании проблем с законом.Кроме того, ваш бренд в любом случае должен быть в центре внимания ваших маркетинговых материалов.
Ссылка на профиль вашей компании
Это может показаться очевидным, но не указывайте ссылку на страницу продукта, личный профиль или общую домашнюю страницу сайта. Обычно считается, ожидается, а в некоторых случаях и требуется, чтобы эти значки ссылались на страницу профиля вашей компании в указанной сети.
Запросить разрешение
Как правило, если вы планируете использовать значки не так, как указано в рекомендациях по использованию бренда, лучше дважды проверить.Некоторые бренды могут запретить использование значков на производимых товарах, таких как футболки или другие памятные вещи. В других случаях от вас могут потребовать отправить макет предполагаемого использования.
Теперь, когда вы знаете, как легально рекламировать присутствие вашего бренда во всех основных социальных сетях, легко управляйте всеми своими социальными каналами с одной панели управления с помощью Hootsuite. Планируйте и публикуйте сообщения, отвечайте подписчикам, отслеживайте свою эффективность и многое другое. Попробуйте бесплатно сегодня.
Начало работы
37 бесплатных высококачественных красивых наборов иконок социальных сетей для вашего веб-сайта
Правильно подобранные визуальные эффекты могут украсить ваш веб-сайт и аккаунты в социальных сетях и выделить их из толпы.Иконки — важный компонент общего внешнего вида веб-сайта или визитной карточки. Пользовательские иконки могут передать вашу индивидуальность и неповторимость.
Не многие пользователи сети знают, что они могут заменить стандартные значки социальных сетей на собственные. Еще меньше людей знают, что они могут бесплатно получить высококачественные пользовательские наборы значков социальных сетей. Но поиск правильного набора значков может съесть ваше продуктивное время.
Веб-сайты могут быть менее прозрачными в отношении условий и тарифных планов.Вы могли в конечном итоге дорого заплатить за то, что считали бесплатным на всю жизнь. Чтобы уберечь вас от неприятных сюрпризов, мы рассмотрели 37 популярных наборов иконок для социальных сетей. Мы перечислили их ключевые особенности и включили образцы их галерей. Проверь их.
1. Набор черно-белых иконок от Iconmonstr
Iconmonstr — детище Александра Калкопфа, немецкого графического дизайнера с 15-летним профессиональным опытом. На платформе есть тонны иконок социальных сетей с открытым исходным кодом, которые вы можете скачать бесплатно.
Генератор значков позволяет создавать значки разных размеров, цветов и форм фона. Сжатые значки доступны в виде однострочных фрагментов, которые вы можете добавить в свой HTML.
Изображение с Iconmonstr
2. Набор векторных иконок с длинной тенью от Vecteezy
Набор «Вектор длинной тени» для социальных сетей — один из многих наборов значков, доступных на Vecteezy. Vecteezy — одно из крупнейших графических сообществ в мире, где миллионы художников и иллюстраторов вносят свой вклад и сотрудничают.
Вы можете загружать наборы иконок с платформы и свободно использовать их в личных или профессиональных проектах. Будучи векторами, вы можете изменять размер всех изображений по мере необходимости.
Изображение через Vecteezy
3. Набор иконок 3D Flat от GraphicsFuel
Этот набор из 20 значков доступен в форматах PSD и PNG с разрешением 114 на 114 пикселей. Хотя набор иконок 3D Flat Social Media в основном предназначен для iPhone5, его можно использовать на других мобильных устройствах или в Интернете.Набор содержит яркую графику с высоким разрешением, которая оживит ваш веб-сайт и социальные сети.
Изображение с GraphicsFuel
4. Бесплатный набор иконок социальных сетей от Nucleo
Nucleo имеет богатый репозиторий, содержащий более 28 000 значков, которые вы можете экспортировать для коммерческого использования. Вы можете получить этот бесплатный набор иконок социальных сетей на Dribbble. Для получения дополнительных наборов значков вам нужно будет загрузить приложение Nucleo и подписаться за единовременную плату в размере 99 долларов США за пользователя. Иконки имеют тип SVG и могут улучшить внешний вид вашего сайта.
Изображение через Dribbble
5. Плоский набор круглых иконок Retina-Ready из Land-of-Web
Этот набор из 24 цветных PNG-значков может добавить цвета вашим профилям Twitter, Facebook, Pinterest, Google+, Dribbble и Behance. Иконки бывают четырех разных размеров: 256 x 256 пикселей, 128 x 128 пикселей, 64 x 64 пикселей и 32 x 32 пикселей. Вы можете бесплатно скачать эти профессионально выглядящие значки в разделе Freebie на Land-of-web.com.
Изображение взято из Land-of-Web.com
6. Набор наклеек со значками социальных сетей от Vecteezy
Изогнутые и красочные наклейки со значками социальных сетей действительно сделают ваш сайт популярным. Значки представляют собой векторные изображения, которые можно редактировать и изменять размер по мере необходимости.
Изображение через Vecteezy
7. Набор бесплатных векторных многоугольников с помощью LunarPixel
Вы можете использовать эти модные многоугольные и квадратные значки социальных сетей для своих учетных записей в социальных сетях и на веб-сайтах. Набор из 160 наклеек доступен в форматах PSD и PNG и поставляется с тремя пустыми шаблонами.
Изображение с DeviantArt
8. Набор иконок с градиентной заливкой от Zee Que
Если вы ищете уникальные значки или стикеры для социальных сетей, вы можете выбрать затененные значки, например, разработанные Zee Que. Вы можете использовать эти 40 веб-сайтов с затемненными наклейками на контрастном фоне. Возможные размеры: 48, 56, 72, 96, 128 и 256 пикселей. Обратите внимание, что эти значки бесплатны только для личного использования.
Изображение с DesignBolts
9. Набор векторных иконок треугольника с помощью Vector4Free
Вы можете получить 20 значков социальных сетей, не заплатив ни копейки.Эти модные иконки оригинально выглядят благодаря своей треугольной форме. Их дизайн чистый, а разрешение идеально подходит для использования в социальных сетях.
Изображение через Vector4Free
10. Бесплатный набор плоских иконок Аллана МакЭвоя
Если вы ищете традиционные значки социальных сетей в свежем виде, вы можете выбрать плоский набор значков Аллана МакЭвоя. Вы можете скачать их бесплатно по ссылке в формате EPS на Dribbble.
Изображение через Dribbble
11.Набор иконок Simple Line от Ахмада Фироза
Минималистичный дизайн линий никогда не выйдет из моды. Вы можете скачать эти 20 стикеров, созданных Ахмадом Фирозом, на Dribbble. Вы можете получить расширенный набор простых, но стильных иконок, перейдя по ссылке, предоставленной дизайнером.
Изображение через Dribbble
12. Бесплатный набор круглых иконок Михала Кулеша
Черно-белое — это классическая комбинация, которая почти никогда не ошибается. Если вам нужны черно-белые значки социальных сетей, вы можете бесплатно скачать круглые значки Михала Кулеша.Набор содержит 65 цветных и черно-белых иконок, с круглыми границами и без них.
Изображение через Dribbble
13. Набор анимированных плоских иконок Дани Перес
Вы можете добавить бесплатные анимированные плоские иконки на свой веб-сайт или в электронные письма. 16 значков доступны в форматах GIF и различных размеров, например, 64, 128 и 256 пикселей. Вы можете загрузить и сохранить их для дальнейшего использования или подготовить их к публикации с помощью векторных форм.
GIF через Behance
14.Плоская тень, набор 3D иконок от Uiconstock
Эти 40 профессионально выглядящих значков социальных сетей повысят коэффициент стиля вашего веб-сайта. Их трехмерный вид самобытен. Вы можете загрузить значки в виде векторов Ai или файлов PNG с веб-сайта uiconstock.
Изображение с uiconstock
15. Набор иконок в стиле iOS от Робертса Озолинса
Монохромные иконки вневременные и стильные. Вы можете загрузить 24 значка социальных сетей для iOS через Dribbble.Вы получите файлы EPS или Vector AI, которые можно легко встроить в ваш HTML-код.
Изображение через Dribbble
16. Плоский набор иконок пастельных тонов от PrintKEG
Яркие значки на фоне пастельных тонов могут добавить классности вашим веб-сайтам и блогам. Вы можете изменить цвет и форму фона по своему усмотрению. В галерее представлены значки большинства популярных социальных сетей.
Изображение через PrintKEG
17. Набор иконок с ультратонкой линией от MediaLoot
Станьте стройнее с ультратонкими иконками социальных сетей, вдохновленными iOS 7.Этот набор из 24 значков доступен в форматах Ai, EPS и SVG. Вы можете свободно использовать их в личных и коммерческих проектах с соответствующей атрибуцией.
Изображение через MediaLoot
18. Набор иконок для штампов FreeVectors
Набор иконок состоит из 20 оригинальных наклеек, сделанных вручную. Значки социальных сетей можно использовать на условиях бесплатной лицензии FreeVectors.
Изображение с FreeVectors
19. Набор иконок для социальных сетей от Graphics Bay Team
Outline Social Icons — это набор из 27 значков на ярком синем фоне.Вы можете скачать значки в виде файлов PDF и Adobe Illustrator.
Изображение через Dribbble
20. Плоский набор иконок в стиле гранж от PrintKEG
Шероховатые иконки могут выглядеть круто и по-разному. Вы можете загрузить полный набор плоских иконок социальных сетей PSD в стиле гранж с сайта PrintKEG. При необходимости вы можете настроить цвета и прозрачность значка.
Изображение через Printkeg
21. Набор плоских круглых значков от Publicons
Если вы предпочитаете чистый вид, мы рекомендуем иконки социальных сетей от Publicons.Эта графика имеет открытый исходный код и может использоваться повторно. Все иконки можно скачать в форматах SVG или PNG.
Изображение через Publicons
22. Набор геометрических значков от Blogtacular
Геометрические значки социальных сетей предлагают кнопки социальных сетей в ярких, неоновых и пастельных тонах. Выберите цвет, соответствующий теме вашего веб-сайта или карточки контакта. Вы можете смешивать разные оттенки и создавать собственный цвет. Доступны значки разных размеров: 32, 64 и 128 пикселей.
Изображение с Blogtacular
23.Бесплатный набор стилизованных иконок от Tonicons
Вы получите семь стилизованных наборов иконок для всех основных социальных сетей. Все изображения являются векторными и многослойными, поэтому вы можете изменять их размер и редактировать несколькими щелчками мыши.
Изображение через Tonicons
24. Набор иконок Socialico от FontFabric
С подпиской Socialico вы можете получить 74 бесплатные кнопки социальных сетей для своего веб-сайта и социальных сетей. Вы можете назначить любимым значкам быстрые клавиши быстрого доступа.
Изображение через Fontfabric
25. Набор иконок 3D, созданный Симеоном Качикву
Этот набор значков предназначен для социальных сетей, таких как Medium и Vine, которые трудно найти в других наборах значков. 12 значков доступны в виде файлов PSD, которые вы можете легко встроить в код своего веб-сайта.
Изображение через Dribbble
26. PSD Flat Shadow Icon Set by Pixeden Набор
PSD Flat Shadow Icon Set содержит 16 распространенных социальных иконок, которые вы можете скачать и использовать бесплатно.Создатель использовал эффект длинной тени, чтобы придать иконкам приподнятый вид.
Изображение через Pixeden
27. Набор векторных социальных иконок от Dreamstale
С 90 значками социальных сетей в девяти стилях значки Dreamstale являются одними из лучших на рынке. В набор значков входят также значки менее известных социальных каналов.
Вы можете выбирать из наборов стилей с закругленными краями, водяными каплями, листьями, прямоугольниками или цветами. 810 иконок созданы в Adobe Illustrator и доступны в различных форматах файлов.
Изображение через Dreamstale
28. Плоский набор социальных иконок от Designmodo
Плоские значки совпадают со всеми макетами. Если вы хотите сделать ставку на свой сайт, вы можете использовать 35 плоских значков социальных сетей от Designmodo. Иконки доступны в форматах PSD и PNG.
Изображение предоставлено Designmodo
29. Набор значков Adobe Muse
Значки Adobe Muse — это набор из 60 кнопок социальных сетей в черно-белой цветовой схеме.Вы можете скачать их, зарегистрировавшись на Behance бесплатно.
Изображение с Behance
30. Плоский набор иконок Кристофа Керебеля
Этот изящный набор иконок разработан Кристофом Керебелем и доступен на Dribbble. Вы можете загрузить значки и использовать их для украшения своего веб-сайта или печатных материалов.
Изображение через Dribbble
31. Набор иконок, нарисованных от руки Freepik
Если вы осмелитесь отличаться, эти нарисованные от руки значки социальных сетей вам понравятся.Набор иконок содержит 120 социальных кнопок, нарисованных карандашом.
Изображение через Fribly
32. Набор иконок старинных марок Джона Негоита
Если вы приверженец старой школы, вы оцените винтажную атмосферу этого значка, созданного Джоном Негойтой. 15 иконок доступны в форматах PSD и PNG и размером 256 X 256 пикселей. Лицензия бесплатна для использования в соответствии с Условиями использования Freebie Files.
Изображение через WebFX
33. Набор бесплатных иконок Somicro, созданный Тиной Мэйлхот-Роберж
Маленький, но мощный набор бесплатных иконок Somicro имеет размер 32 X 32 пикселей.45 компактных значков можно аккуратно разместить в ограниченном пространстве на ваших веб-страницах и визитных карточках.
Изображение с DeviantArt
34. Набор плоских круглых значков, созданный Давидом Дапсусом
Эти 20 иконок социальных сетей разработаны Давидом Дапсусом и доступны на Dribbble. Иконки имеют чистый вид, основанный на минималистичном дизайне. Вы можете бесплатно загрузить набор значков в виде ZIP-файла и использовать его для улучшения своего веб-сайта и электронных писем.
Изображение через Dribbble
35.Набор иконок в стиле ленты Zee Que
Эти 18 значков социальных сетей привлекут внимание и заставят зрителей щелкнуть по ним. Вы можете получить их в диапазоне размеров от 48 до 256 пикселей.
Изображение с DesignBolts
36. Набор иконок Geekly Flat, созданный Абдулрахимом Баджабером
Этот набор иконок состоит из 40 полностью настраиваемых плоских иконок социальных сетей. Современный дизайн хорошо сочетается с модными в наши дни минималистичными веб-сайтами.
Изображение с Behance
37.Плоский набор социальных иконок от Specyboy
24 значка в этом наборе значков имеют плоский дизайн и бывают четырех форм (квадрат, круг, а также темные и светлые закругленные углы). Они доступны в пяти размерах и различных форматах файлов (PNG и EPS).
Изображение через Speckyboy
Завершение
Как и было обещано, все проверенные нами наборы значков доступны бесплатно. Вы можете загрузить эти значки с помощью нескольких щелчков мышью и легко использовать их для улучшения вашего веб-сайта и печатных СМИ.Выберите тот, который соответствует уникальному стилю и индивидуальности вашего бренда. Правильный набор иконок может украсить ваш сайт и визитные карточки.
иконок социальных сетей на вашем сайте
После месяцев ворчания мы в конце концов убедили Дэниела, нашего доктора медицины, встать перед камерой, чтобы поделиться своими мудрыми словами!
На этой неделе он расскажет о размещении значков социальных сетей на вашем сайте.
Иконки социальных сетей. Где их разместить на своем сайте?
Есть люди, которые считают, что они должны быть громко и гордо в шапке своего сайта.Итак, следует ли вам пойти с большинством?
Дэниел не думает, что они НИКОГДА должны быть наверху, и вот почему:
Если посетитель попадает на ваш сайт и сразу получает ссылки на социальные сети, у него есть возможность покинуть сайт. Сразу — не оглядываясь!
Если они нажмут на них, конечно, они перейдут на вашу страницу в Facebook, но они уже отвлекаются. Их привлекают различные типы контента, новости, обновления, последние видеоролики о кошках, изображения лучших веганских лазань, которые можно купить за деньги — список можно продолжить.
Внезапно появится уведомление с приглашением на мероприятие! Сейчас середина ноября, так что, допустим, рождественская вечеринка. Ваш потенциальный клиент (всего несколько минут назад) начинает обсуждать вечеринку, беспокоясь о пирогах с фаршем и о том, есть ли у них бутылка хереса.
Что надеть? Что принести? «Клиент» теперь потенциально забыл о вашем сайте, а также о ваших продуктах и услугах, и они исчезли навсегда. Вся тяжелая работа, которую вы потратили, чтобы разместить их на своем сайте, растворилась в социальном воздухе!
Мы не говорим об отсутствии значков социальных сетей.Вы должны иметь их на 100% для любых социальных сайтов, на которых у вас есть активные учетные записи, поскольку они являются очень мощным маркетинговым инструментом.
НО, имейте их в нужном месте. Всегда думайте о пути к покупке: это путешествие не должно вовлекать вас в побуждение посетителя (и потенциального клиента) покинуть ваш сайт.
В идеале, вы должны размещать значки социальных сетей в нижнем колонтитуле и / или на странице контактов.
По умолчанию предполагается, что контактные данные должны быть в нижнем колонтитуле — так что они должны быть там.Убедитесь, что вы также добавили их в конец сообщений в блоге, чтобы читатели могли делиться вашим качественным контентом.
Вы много работали, чтобы привлечь на свой сайт клик и посетителя — не пропустите их на сайте социальной сети!
Надеемся, вам понравилась первая из нашей новой серии VLOG. Мы будем делать их каждую неделю в дальнейшем.
Не стесняйтесь оставлять комментарии на YouTube, и мы постараемся ответить на любые ваши вопросы.
Как отображать и изменять значки социальных сетей? — Rocketspark
Хотите воспользоваться преимуществами отображения значков социальных сетей на своем веб-сайте? Вот как это сделать:
- Чтобы отобразить значки Facebook, Instagram, Twitter, LinkedIn или Pinterest на своем веб-сайте, вам сначала необходимо добавить свои учетные записи социальных сетей в раздел Social Media на панели инструментов
- Если вы хотите, чтобы значки социальных сетей отображались в основной части вашего веб-сайта, вы можете добавить блок кнопок социальных сетей в любом месте вашего веб-сайта.
- Щелкните значок карандаша при наведении указателя мыши на блок кнопок социальных сетей, чтобы выбрать, отображать ли кнопки социальных сетей в виде полных кнопок или отображать их в виде значков.
- Если вы хотите, чтобы они отображались в виде значков, вы можете выбрать, выровнять ли значки в блоке по левому краю, по центру или по правому краю.
Как отображать значки социальных сетей сбоку окна, на панели контактов, в конце меню страницы или в нижнем колонтитуле.
- Чтобы изменить положение этих значков на странице на рабочем столе, перейдите к Изменить дизайн в верхнем левом углу панели инструментов.
- Перейдите к Значки социальных сетей и выберите раскрывающееся меню Меню и значки заголовков , чтобы отобразить значки сбоку окна, на панели контактов, в конце меню страницы или скрыть значки.
- Если вы хотите отображать значки социальных сетей в нижнем колонтитуле рабочего стола или мобильного устройства, вы можете установить флажок Показывать значки в нижнем колонтитуле? Поле для отображения значков социальных сетей в нижнем колонтитуле вашего веб-сайта (как на компьютере, так и на мобильном устройстве).
Выберите стили / цвет / размер социальных иконок
- Вы можете решить, как эти значки социальных сетей будут выглядеть на всем сайте или на уровне стека. Чтобы изменить дизайн всего сайта, щелкните меню «Редактировать дизайн» в верхнем левом углу и перейдите к значкам социальных сетей. Или используйте стиль стека, чтобы изменить дизайн в определенном стеке.
- Вы можете выбрать предпочтительный стиль значков, настроить цвет и размер этих значков.
- Чтобы настроить цвет этих значков в соответствии с вашим веб-сайтом, щелкните раскрывающееся меню «Цвет значка».Здесь вы можете выбрать цвета бренда социальных сетей или выбрать свои собственные цвета, которые лучше всего подходят вашему собственному бренду веб-сайта.
20 бесплатных наборов иконок социальных сетей, которые сделают ваш сайт вирусным
Логотипы социальных веб-сайтов, таких как Twitter, Facebook или YouTube, являются одними из наиболее широко используемых значков на наших веб-сайтах. Сэкономьте время в своих будущих проектах с помощью этого удобного обзора из более чем 20 различных пакетов, каждый из которых содержит множество популярных социальных иконок в различных стилях.Я тщательно отобрал лучшие бесплатные наборы, которые смог найти, отсеяв все наборы, которые сейчас устарели из-за постоянно меняющегося логотипа птицы в Твиттере.
Если вы ищете бесплатных наборов значков социальных сетей для вашего следующего веб-дизайна или проекта веб-приложения, вот некоторые из лучших и наиболее полезных наборов значков для вас. Эти наборы значков очень универсальны и могут быть легко адаптированы для других типов проектов, таких как дизайн мобильных приложений или дизайн пользовательского интерфейса.
Все эти бесплатные иконки социальных сетей, которые мы выбрали, являются векторами с идеальной точностью до пикселя.Некоторые из них созданы в Photoshop, некоторые в Illustrator и некоторые в Sketch, но все они бесплатны для загрузки и использования в личных или коммерческих проектах.
Вы можете использовать эти современные значки во многих различных проектах с несколькими стилями. Вы обязательно найдете набор, который будет соответствовать вашим потребностям. Просмотрите нашу подборку ниже и найдите бесплатные наборы веб-иконок с плоским, контурным, штриховым, монохромным, цветным дизайном и многим другим.
Взгляните на этот удивительный набор бесплатных иконок социальных сетей.Этот набор содержит 2 состояния одного и того же значка: нормальное, наведенное и нажатое, что идеально подходит для кнопок. Этот набор может стать отличным дополнением к вашему арсеналу бесплатных услуг и может пригодиться в будущих проектах.
Эти иконки отлично смотрятся! Эти значки бесплатны для ваших личных и коммерческих проектов. Вы можете легко настроить каждый значок. Они были тщательно разработаны и могут действительно пригодиться в проектах. Посмотрите, не те ли они, что вы имели в виду!
Эти значки имеют плоский дизайн, а плоский дизайн сейчас в моде, что делает этот набор действительно полезным для будущих проектов.Эти значки социальных сетей имеют квадратную форму, поставляются в бесплатных файлах .eps и могут стать отличным активом в вашей коллекции бесплатных подарков.
Это хороший набор бесплатных иконок с очень дружелюбным дизайном. Эти значки были созданы с использованием векторных форм и штрихов, поэтому их очень легко редактировать. Эти значки определенно могут творить чудеса в будущих проектах, особенно в дизайне и макете веб-сайтов на основе сетки, поэтому не упустите шанс включить этот набор в свою коллекцию бесплатных подарков.
Этот набор может стать отличным дополнением к вашему арсеналу халявы и может пригодиться в будущих проектах.Иконки в этом наборе были созданы с чистыми цветами и плоским дизайном. Не упустите шанс получить эти 24 бесплатных плоских иконки!
Это еще один набор из 30 иконок, который может стать отличным дополнением к вашей коллекции бесплатных подарков. Эти значки представлены в виде редактируемых файлов векторных форм, которые позволяют легко изменять их. Они идеально подходят для различных проектов веб-дизайна и могут быть легко отредактированы в соответствии с вашими потребностями.
Эти значки могут творить чудеса в ваших проектах.Эти значки имеют очень гладкие, толстые штрихи, а также представлены в виде файла PSD, который полностью наслоен и доступен для редактирования. Они представлены в двух версиях, черном и белом, и могут стать отличным дополнением к вашей коллекции.
Бесплатные иконки социальных сетей
Это набор иконок социальных сетей. В набор входят 32 иконки социальных сетей в формате PSD. Эти значки отлично подходят для дизайна приложений iPhone или любых других веб-проектов. Вы можете легко редактировать любой значок в этом наборе, поскольку они бывают разных форматов.Они могут стать отличным дополнением к вашему арсеналу бесплатных услуг.
Вам нужны еще плоские иконки? Посмотрите на эти плоские иконки социальных сетей, разработанные Designmodo, и убедитесь, что вы имели в виду именно их!
Этот набор может стать отличным дополнением к вашему арсеналу халявы и может пригодиться в будущих проектах. Не упустите шанс получить эти 40 плоских иконок социальных сетей.
Эти значки выглядят очень красиво, и их можно использовать по-разному в ваших проектах.Это несколько потрясающих PSD-файлов иконок социальных сетей, которые нельзя пропустить из вашей коллекции.
Эти значки бывают цветными и монохромными. У них плоский дизайн, который сейчас очень модный.
Этот набор содержит 60 плоских иконок с длинными тенями, разработанных Speckyboy. Определенно стоит присмотреться к этому удивительному набору, так как они могут действительно пригодиться в будущем.
Посмотрите на эти кнопки социальных сетей.У них есть собственные значки социальных сетей в дизайне интерфейса. Они могут очень пригодиться при работе над веб-проектами и определенно могут стать отличным дополнением к вашему арсеналу бесплатных услуг.
Это удивительный набор плоских черно-белых иконок социальных сетей, которые могут стать отличным дополнением к вашему арсеналу, а также могут улучшить внешний вид ваших проектов веб-дизайна. Определенно стоит скачать этот удивительный набор, так как вы можете найти именно те иконки, которые вы имели в виду.
В этот набор входят наборы иконок! Да, верно, этот бесплатный набор содержит 4 типа различных версий значков: плоский набор, удобный набор, скошенный набор, шероховатый набор, сшитый набор, модный набор, начищенный набор и тенистый.В этой огромной коллекции вы обязательно найдете иконки социальных сетей своей мечты.
Популярные социальные сети — квартира
И последнее, но не менее важное: этот популярный набор иконок для социальных сетей может оказаться действительно полезным при работе над веб-проектами.
Ваш полный путеводитель по иконам социальных сетей
Социальные сети настолько прочно вошли в нашу повседневную жизнь, что большинство значков социальных сетей становятся узнаваемыми.Вам не нужно видеть название платформы, чтобы связать синий значок «f» с Facebook или значок ретро-камеры с Instagram. Большинство людей также знают, что произойдет, если они нажмут на эти значки, когда увидят их на веб-сайте или по электронной почте.
Для маркетологов и владельцев бизнеса это прекрасная возможность внедрить значки социальных сетей в свои маркетинговые стратегии. Вы можете добавить их на свою домашнюю страницу, в сообщения в блогах, электронные письма или даже в маркетинговые материалы.
В то же время, прежде чем использовать эти логотипы в социальных сетях, вам следует учесть множество аспектов, включая передовой опыт и правовые условия.Важно помнить, что значки социальных сетей также являются зарегистрированными товарными знаками соответствующей компании. Это означает, что они защищены авторскими правами, поэтому вы не можете делать с ними все, что хотите.
В этом посте мы обсудим передовые методы легального использования этих популярных значков социальных сетей и где их можно найти. Вы также получите некоторое представление о важности использования этих значков в вашей маркетинговой стратегии и о том, как их использовать.
Преимущества использования значков социальных сетейИконки социальных сетей облегчают людям поиск вашей компании в социальных сетях, помогают вам общаться со своими клиентами и увеличивать количество подписчиков.Вы можете добавить их на свой веб-сайт и в материалы цифрового маркетинга. Многие компании также используют их в своих визитных карточках и физических маркетинговых материалах, таких как плакаты и пригласительные билеты.
Когда люди увидят логотипы социальных сетей на ваших печатных материалах, они смогут узнать, что ваш бизнес находится на этих каналах. Обычно вы указываете соответствующий дескриптор социальной сети рядом со значком, чтобы люди могли вас легко найти. В случае цифровых логотипов они будут ссылаться на ваш профиль в социальных сетях, и люди могут просто щелкнуть один, чтобы найти вас там.
Например, щелкнув любой из следующих значков социальных сетей на главной странице Sprout Social, вы перейдете на соответствующие каналы компании в социальных сетях.
Использование значков социальных сетей — отличный способ сохранить все аккуратно и единообразно. Поскольку они легко узнаваемы, люди точно знают, что происходит, когда они нажимают на определенный значок. Кроме того, вам не придется раздражать посетителей навязчивыми всплывающими окнами с просьбой подписаться на вас. Теперь, когда вы узнали о важности значков социальных сетей, давайте рассмотрим, где вы можете найти бесплатные значки социальных сетей, а также следовать руководящим принципам бренда:
Рекомендации по использованию значков социальных сетей и их местонахождение Иконки FacebookВы можете загрузить одобренные файлы с логотипом «f» из Центра ресурсов бренда Facebook.
- Руководящие принципы
- Используйте логотип «f» только правильного цвета и формы. Если есть какие-либо технические ограничения, мешающие вам использовать официальные цвета Facebook, выберите черный и белый.
- Он должен быть такого же размера, как и все остальные значки.
- Не анимируйте и не изображайте какие-либо физические объекты в виде логотипа «f».
- Не разбирайте логотип и не изменяйте его дизайн.
Источник: Facebook Brand Guidelines
Instagram иконкиВы можете загрузить утвержденные файлы значков Instagram из раздела Assets центра ресурсов бренда Instagram.
- Руководящие принципы
- Используйте только значки из Центра ресурсов бренда Instagram. Вы можете скачать многоцветные или черно-белые версии.
- Вы можете заменить цвет любым сплошным цветом.
- Все остальные аспекты дизайна должны остаться без изменений.
- Всегда сохраняйте пропорции значка и не делайте его меньше 29X29 пикселей.
- Вам нужно будет запросить разрешение, если вы собираетесь использовать значки размером более 8 для радио, радиовещания, наружной рекламы или печати.5 дюймов X 11 дюймов. Все запросы должны быть на английском языке и должны включать макет того, как вы собираетесь использовать значок.
Источник: Instagram Brand Guidelines
Иконки TwitterВы можете загрузить утвержденные файлы значков из ресурсов бренда Twitter вместе с полными инструкциями по их использованию.
- Руководящие принципы
- Использование значка без контейнера предпочтительно, но у вас есть возможность использовать его внутри круга, квадрата или квадрата с закругленными краями.
- Используйте его только в Твиттере синего или белого цвета. В случае ограничений по цвету вы можете отобразить его черным цветом после получения разрешения от Twitter.
- Если вы размещаете его на изображении, всегда используйте белый логотип.
- Не изменяйте его ни в какой форме. Это включает в себя наклон или поворот, заполнение узорами и добавление элементов.
- Не оживляйте и не антропоморфизируйте его.
- Не окружайте его другими птицами или другими существами.
- Используйте только самую последнюю версию логотипа.
- Не подчеркивайте его слишком сильно, но убедитесь, что он имеет ширину не менее 32 пикселей.
Источник: Twitter Brand Resources
Значки LinkedInВы можете загрузить нужные файлы значков из ресурсов бренда LinkedIn вместе с полными правилами использования.
- Руководящие принципы
- «LinkedIn предпочитает, чтобы вы использовали сплошной белый фон для отображения своего логотипа. Если это невозможно, вы можете использовать сплошной светлый цвет.
- Вы всегда должны использовать онлайн-версию нужного цвета. Если в приложениях для печати есть ограничения по цвету, вы можете использовать сплошную черную версию.
- Значок всегда должен быть в квадрате со скругленными углами.
- Он должен быть не менее 21 пикселя в высоту для онлайн-приложений или не менее 0,25 дюйма в печатных приложениях.
- Не изменяйте и не искажайте какие-либо элементы, включая цвета.
- Для использования в кино, на телевидении или в другой видеопродукции вам потребуется запросить разрешение.
Источник: Политика бренда Linkedin
Иконки YouTubeВы можете загрузить утвержденные файлы значков со страницы ресурсов бренда YouTube.
- Руководящие принципы
- Оставьте свободное пространство вокруг логотипа YouTube не менее половины ширины значка.
- В цифровом контенте логотип должен быть высотой не менее 24dp. В печатном виде он должен быть высотой не менее 0,125 дюйма или 3,1 мм.
- Никогда не изменяйте логотип в любой форме или форме.Это включает в себя изменение расстояния между буквами, замену шрифта, добавление визуальных эффектов и изменение формы.
- Вы можете выбрать один из двух вариантов полноцветного логотипа — белого и почти черного. Первый используйте на темном фоне, а второй — на светлом.
- Не используйте другие цвета, кроме красного, белого или почти черного.
- Он должен ссылаться только на канал YouTube.
Источник: ресурсы бренда YouTube
Snapchat иконкиВы можете загрузить полные правила бренда и утвержденный логотип Ghost через Snap Inc.
- Руководящие принципы
- Используйте для логотипа только черный и белый цвета.
- Не изменяйте логотип ни в какой форме.
- Не добавляйте вокруг него других персонажей или существ.
- Используйте только версии из набора рекомендаций по бренду Snapchat.
- Убедитесь, что он такого же размера, как и все остальные логотипы.
- Он не должен быть более заметным, чем логотипы и знаки вашего собственного бренда.
- Он должен быть не менее 18 пикселей в высоту или 0,25 дюйма.
Источник: Руководство по бренду Snapchat
Pinterest значкиВы можете загрузить утвержденный значок Pinterest со страницы Руководства по использованию бренда.
- Руководящие принципы
- Всегда используйте логотип Pinterest красного цвета без каких-либо изменений как в Интернете, так и в печати.
- Всегда используйте его с призывом к действию, размер которого пропорционален логотипу. Используйте такие фразы, как «Найдите нас на Pinterest», «Популярные на Pinterest», «Вдохновляйтесь на Pinterest», «Посетите нас» и «Найдите больше идей на Pinterest.»Никогда не используйте такие фразы, как« Трендовые пины »,« Тенденции на Pinterest »или любые фразы, в которых« пин »используется в качестве глагола.
- Всегда связывайте значок со своим URL-адресом Pinterest.
- Не используйте словесный знак вместо логотипа
Источник: Pinterest Brand Guidelines
Иконки WhatsAppВы можете загрузить утвержденные файлы логотипов со страницы ресурсов бренда WhatsApp.
- Руководящие принципы
- По возможности используйте зелено-белый логотип.
- Используйте черно-белую версию, когда содержимое в основном черно-белое.
- Используйте зеленый квадратный логотип только при ссылке на версию приложения для iOS.
- Не изменяйте логотип в какой-либо форме или форме, а также не меняйте его цвета.
Источник: Рекомендации по использованию бренда WhatsApp
Рекомендации по использованию значков социальных сетейПравильное использование этих логотипов в социальных сетях может помочь вам обеспечить сильное присутствие в социальных сетях.Вот несколько рекомендаций и передовых практик, которым следует следовать, прежде чем использовать их.
Никаких изменений не вноситьВот где отстают многие бренды и маркетологи. Вы не можете вносить какие-либо изменения в логотипы, потому что они являются зарегистрированными товарными знаками. Сюда входит их вращение, изменение цвета, анимация или добавление элементов. Даже если цвета логотипа не соответствуют цветовой схеме вашего веб-сайта, вы всегда можете использовать монохромные версии, такие как Calendly на скриншоте ниже.
Сохранять одинаковое пространство и размерЕсли вы используете несколько значков, убедитесь, что все они одного размера с точки зрения высоты, ширины и разрешения. Каждая компания предъявляет особые требования к сохранению определенного свободного пространства между иконкой и другими элементами. Убедитесь, что вы соблюдаете эти требования, чтобы каждый значок был хорошо виден.
Например, посмотрите, как Институт контент-маркетинга добавляет достаточно места между различными значками социальных сетей.
Выберите стратегическое местоположениеУбедитесь, что ваши значки социальных сетей хорошо видны, если вы хотите, чтобы они оказали желаемое воздействие. Тем не менее, они не должны затмевать ваш бренд. SparkToro, например, добавляет свои кнопки внизу страницы, а их кнопки социальных сетей размещаются на боковой панели. Эти местоположения позволяют пользователям легко находить и щелкать значки, чтобы поделиться ими, легко вписываясь в работу со страницей.
Используйте их за пределами своего веб-сайтаПомимо своего веб-сайта, вы можете использовать эти логотипы социальных сетей в своих видеороликах, маркетинговых материалах, информационных бюллетенях и электронных письмах, чтобы усилить их влияние.Таким образом, вы можете быть уверены, что больше людей узнают о социальных сетях вашего бренда и, возможно, даже станут вашими подписчиками. Например, посмотрите, как Sprout добавляет заметные значки социальных сетей в конце наших информационных бюллетеней по электронной почте:
Значки расположены на видном месте в нашем информационном бюллетене, но также содержат призыв к действию, чтобы побудить пользователя связаться с нами по дополнительным каналам.
ЗаключениеКаждая социальная сеть имеет уникальные правила и требования к использованию значков своего бренда.