Я пытаюсь сделать так, чтобы социальные иконки media появлялись на сайте, но по какой-то причине они не появляются. Fiddle здесь. HTML: <span id=Facebook><a href=# target=_blank…

Я изменил свое меню WordPress и добавил социальные иконки в Главное меню. Я хочу показать все социальные иконки в одном ряду, но не знаю, как это сделать. Я установил .socialicons как CSS для всех…

В настоящее время я работаю над шаблоном HTML/CSS и собираюсь реализовать следующие социальные иконки media: http:/ / www.premiumpixels.com / халява/41-social-media-icons-png / Они приходят в виде…

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

Я пытаюсь добавить социальные кнопки media на свою страницу WordPress с помощью кода HTML: Однако их стилизация не работает, они занимают всю страницу и слишком велики. Почему это происходит, и могу…

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

я хочу расположить свои социальные иконки media вертикально в правом верхнем углу моего сайта. Я попытался добавить clear и то, и другое, но, похоже, это не сработало. Пожалуйста, взгляните на мой…

Я разрабатываю сайт для друзей по шаблону, который он получил, и одна из больших вещей, которые он хочет сделать, — это заменить социальные иконки в навигационной панели другими значками. В первую…

У меня возникли проблемы с пониманием того, как центрировать мои социальные иконки media в мобильном телефоне. Как мне это сделать? Я должен сделать социальные иконки media отзывчивыми. Я попробовал…

%d0%b8%d0%ba%d0%be%d0%bd%d0%ba%d0%b8 %d1%81%d0%be%d1%86%d0%b8%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d1%85 %d0%bc%d0%b5%d0%b4%d0%b8%d0%b0 PNG, векторы, PSD и пнг для бесплатной загрузки

Как правильно использовать иконки в дизайне пользовательского интерфейса

Координатор учебных программ в «Нетологии» и UX/UI дизайнер в дизайн-бюро 2Geart Владимир Синицын написал для блога «Нетологии» колонку, в которой рассказал о роли иконок в интерфейсе, их основных характеристиках и влиянии на пользовательский опыт.

Бывает, что начинаешь пользоваться приложением в первый раз. Устанавливаешь его, открываешь, а дальше теряешься. Такая ситуация может возникнуть у любого: и дизайнера, и опытного пользователя, и тем более новичка. Хотя мы каждый день взаимодействуем со множеством приложений, но не у каждого пользователя хватает упорства и желания пройти сквозь дебри интерфейса, чтобы получить желаемый результат.

Почему возникают проблемы

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

В двух словах дизайнер должен  создавать простой и понятный интерфейс.

Разработка продукта происходит в несколько этапов:

• Исследование: анализ целевой аудитории, оценка целей бизнеса.
• Фокусировка на проблеме.
• Генерация идей.
• Выбор идеи.
• Создание прототипа.
• Тестирование.
• Реализация.

Реализация прототипа включает создание визуальной формы интерфейса. Может показаться, что визуальная часть проекта — незначительный этап, наведение внешнего лоска. На самом деле это не так: интерфейс формирует пользовательский опыт. Грамотно расставленные дизайнером акценты привлекают наше внимание к важным элементам и ключевым действиям. Даже самые мелкие детали в интерфейсе далеко не для красоты.

Иконка в интерфейсе

Иконка в любом интерфейсе помогает экономить место на экране. Направляет пользователя. Через неё совершаются необходимые действия.

Универсальность

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

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

Используйте универсальные иконки — пользователи понимают, какое действие они обозначают.

Многозначность

В приложениях встречается много иконок со схожими функциями. Для примера возьмём иконки в виде сердца и звезды. Они одинаково обозначают симпатию к контенту, добавление в избранное или формирование списка предпочтений. Но пользователю может быть нужно только одно из этих действий. Когда он видит сердце под изображением, что это должно для него означать?

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

Современность

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

Иконки для абстрактных действий

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

Вспомним знаменитую иконку в виде пера Твиттера. Она органично отражает выполняемое действие. Каким образом это достигается:

• Расположение иконки. В интерфейсе иконки действий (написания твита, съемки фото, загрузки изображения) отделены от иконок исследований (новостная лента, уведомления, сообщения, люди, поиск). 
• Текстовое пояснение. В приложении для рабочего стола даётся подсказка. Это рассчитано на первых пользователей. Прямо возле иконки пера расположено слово «Твитнуть».
• Узнаваемость. Перо относится к устаревшим технологиям. Но это изображение запоминается и редко встречается в других приложениях.
• Бренд. Изображение пера сочетается с логотипом Твиттера. Это создает ощущение единства.

Иногда дизайнер хочет сделать иконку уникальной. Тратит на это много времени и сил. Но не учитывает, что пользователь может не догадаться о его задумке. 

Пользователю всё равно, сколько сил вы потратили на создание иконки.

Два способа сделать навигацию проще

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

Текст как подсказка

Первый способ упростить навигацию для пользователя — добавить текстовую подпись. Текст подсказывает, какое действие ожидать, особенно если вы используете нестандартные иконки. 

Дополнительные инструкции

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

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

 ***

Алан Купер писал, что «в хорошем проектировании «меньше» означает «больше». 

Тестируйте

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

Думайте

Не перегружайте интерфейс. Думайте о пользователе, чтобы ему было понятно. Старайтесь обходиться минимумом средств. 

Добивайтесь баланса

Баланс, целостность и аккуратность всегда отличают качественно спроектированный продукт. 

Мнение автора и редакции может не совпадать. Хотите написать колонку для «Нетологии»? Читайте наши условия публикации.

Медиа иконка | Блог разработчиков phpBB

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

Вот иконка, которую  мы будем создавать:

Откройте новый файл (Файл> Новый), который имел бы 450×450 px и 72 точки на дюйм.
Выберите Инструмент Эллипс (U), на новом слое создайте фигуру похожую на ту что представлена ниже:

Параметры слоя: 
Заливка 0 % на слоях.
Blending Options>Drop Shadow (Стиль слоя > Тень)

Blending Options>Gradient Overlay (Стиль слоя > Наложение Градиента)

Параметры градиента:

Blending Options>Stroke (Стиль слоя > Обводка)

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

Параметры слоя:
Blending Options > Drop Shadow 
(Стиль слоя > Тень)

Blending Options > Inner Glow (Стиль слоя > Внутреннее свечение)

Blending Options > Gradient Overlay (Стиль слоя > Наложение градиента)

Параметры градиента:

Используя тот же самый инструмент, (Инструмент Эллипс (U)), создайте мобильную часть спикера.

Параметры слоя:
Blending Options > Outer Glow (Стиль слоя > Внешнее свечение)

Blending Options > Inner Glow (Стиль слоя > Внутреннее свечение)

Blending Options > Gradient Overlay (Стиль слоя > Наложение градиента)

Параметры градиента:

Blending Options > Stroke (Стиль слоя > Обводка)

Примените ранее используемый инструмент (Инструмент Эллипс (U)), чтобы создать теперь внутреннюю центральную часть громкоговорителя, покрашенного в #313131

Параметры слоя:
Blending Options > Drop Shadow (Стиль слоя> Тень)

Blending Options > Inner Shadow (Стиль слоя> Внутренняя Тень)

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

Параметры слоя:
Заливка 0 % на слоях.
Blending Options > Gradient Overlay (Стиль слоя> Наложение градиента)

Параметры градиента:

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

Создадим теперь кольцо, которое окружит внешнюю сторону нашего спикера. Выберите Инструмент Эллипс (U) для этой операции.

Параметры слоя:
Заливка 0 % на слоях.
Blending Options > Stroke (Стиль слоя>Обводка)

Параметры градиента:

Создадим маленький индикатор около громкоговорителя, выбрав тот же самый Инструмент Эллипс (U).

Параметры слоя:
Blending Options > Gradient Overlay (Стиль слоя> Наложение градиента)

Параметры градиента:

Blending Options > Stroke (Стиль слоя > Обводка)

Используя последний инструмент, можно создать слой белого индикатора.

Параметры слоя:
Blending Options > Outer Glow (Стиль слоя> Внешнее свечение)

Blending Options > Inner Glow (Стиль слоя> Внутренние свечение)

Теперь мы выберем Инструмент Произвольная фигура (U), выберем из списка соответствующий знак, который мы хотим поместить.

Цвет формы – черный:

Параметры слоя:
Blending Options > Drop Shadow (Стиль слоя > Тень)

Окончательный результат!

Источник: photoshop-master.ru

Икона СМИ Хорхе Кардона получает FOOD YOGA

Понедельник, 17 февраля, Богота. Директор программы «Продовольствие для жизни» Пол Родни Тернер, один из самых влиятельных представителей СМИ в Колумбии, г-н Хорхе Кардона, генеральный директор El Espectador, компания, которая управляет всеми ведущими журналами и ведущими газетами страны. Тернер дал мистеру Кардоне, давнему вегетарианцу, копию своей книги, FOOD YOGA — Питательное тело, разум и душа который он любезно получил.

«В начале нашей встречи г-н Кардона сообщил мне, что у нас есть что-то общее (имеется в виду время, когда Пол был монахом и изучал древние индийские Священные Писания). «Затем он выпустил копию оригинального издания испанского Бхагавад-гита, Он сказал мне, что это самая важная книга, которую он когда-либо читал, объяснил Тернер.

Часовое интервью охватывало широкие темы, в том числе историю и деятельность «Пища для жизни», науку о пищевой йоге, философию Бхагавад Гиты, вегетарианство, питание и Уникальное решение FFL по борьбе с голодом в мире.

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

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

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

23 февраля волонтеры «Продовольствия для жизни» в Боготе планируют накормить 300 наиболее нуждающихся в Боготе в честь 40-летия служения по всему миру.

Windows 11: «поставь меня, если сможешь»

Анонс Windows 11 в начале лета был довольно неожиданным для большинства пользователей, а первая информация об «утекшей» закрытое бете, в частности, о ее «привередливости» по части системных требований, вызвала тогда весьма бурное обсуждение. Спустя несколько месяцев Microsoft выпустила финальную версию своей новой ОС, и теперь настало время познакомиться с ней поближе и узнать, что в Windows 11 за это время успело измениться, а что — нет.

Установка Windows 11

Как в свое время Windows 10 можно было бесплатно установить на компьютеры с лицензионной версией Windows 7/8, так и Windows 11 сейчас доступна в виде бесплатного обновления для всех владельцев предыдущей версии системы. Но если при запуске Windows 10 Microsoft формально заявляла о том, что эта «акция» продлится только один год, то в случае с Windows 11 никакой информации о сроках нет, по крайней мере, пока. Тут же заметим, что новая ОС также будет получать регулярные крупные апдейты, но если для Windows 10 они выходят раз в полгода, то Windows 11 будет получать один апдейт в год.

Как и у «десятки», у Windows 11 есть две основные версии: Home и Pro (плюс полдесятка более специфических вариантов, вроде Enterprise, Education, Mixed Reality и т.д.). Теоретически, обновление может прийти через систему Windows Update, но когда это произойдет в каждом конкретном случае, никто не возьмется предсказывать. Если нет желания ждать, когда Windows 11 придет к вам «сама», ее можно установить вручную: на официальном сайте есть три варианта загрузки: через «Помощника по установке», который в автоматическом режиме обновит текущую систему до Windows 11, через создание загрузочного диска с помощью утилиты Media Creation Tool (на случай, если вы собираетесь обновить другой ПК с помощью установочной «флешки»), и просто загрузка образа диска в виде ISO-файла (оптимальный вариант для установки системы на виртуальную машину или если вы планируете создать загрузочный накопитель с помощью сторонних утилит).

Первый вариант — самый простой в случае обновления системы вашего основного ПК, вся процедура займет несколько десятков минут, в зависимости от конфигурации компьютера, и ваше участие в ней сведется лишь к подтверждению перезагрузки системы в самом конце. Единственный нюанс: некоторые пользователи сталкиваются при этом с ошибкой 0x8007007f; решение проблемы простое — перезапуск «Помощника по установке Windows 11» с правами администратора.

Все это относится, разумеется, только к компьютерам, удовлетворяющим минимальным системным требованиям, а они не претерпели особых изменений со времен закрытой беты, на что в свое время надеялись многие владельцы относительно старых ПК. Причем касается это в первую очередь не производительности системы, а ее безопасности, и основных камней преткновения тут два: во-первых, достаточно новый процессор (Intel Core не ниже 8 поколения, AMD Ryzen 2 поколения), и во-вторых, наличие криптографического модуля TPM 2.0. Microsoft даже выпустила специальную утилиту PC Health Check , которая проверяет ваш ПК на совместимость с Windows 11.

Впрочем, уже через несколько дней после релиза Microsoft «сдалась» и опубликовала инструкцию по установке новой ОС в обход проверки процессора и модуля TPM 2.0 — для этого понадобится ISO-образ системы, фирменная утилита для создания загрузочного диска и правка одного параметра в реестре «неподходящего» ПК.

«Пуск», панель задач

Как мы уже видели в закрытой бете, Microsoft предлагает располагать меню «Пуск» по центру, а не в левом углу — вместе с выравниванием иконок открытых и закрепленных приложений на панели задач. Это на самом деле имеет смысл во времена мониторов с большими диагоналями — если раньше, на диагоналях меньше 20 дюймов, левый нижний угол визуально был не очень далеко от центра экрана, то сейчас при вызове меню или поиске нужной иконки на панели приходится довольно сильно отводить взгляд в сторону. Впрочем, при желании можно вернуть и привычный вариант, с помощью параметра «выравнивание панели задач» в настройках персонализации.

Сложно сказать, сколько негатива было вылито на «плиточный» дизайн в предыдущих Windows и особенно на использование «плиток» в меню «Пуск» — но, похоже, достаточно много, чтобы Microsoft наконец сдалась и вернула обычные пиктограммы. И надо сказать, что первый опыт использования нового меню показывает, что стало как минимум не хуже: меню разделено на две части, в верхней расположены закрепленные приложения, в нижней — рекомендованный контент, состоящий по большей части из недавно открывавшихся файлов. При этом в один клик можно вызвать как полный список всех установленных программ, так и более расширенный вариант «рекомендованного».

В отличие от закрытой беты, в релизе наверху «Пуска» появилась строка системного поиска: как и раньше, специально в нее переходить не надо, достаточно начать набирать текст, и меню превратится в экран поиска со списком найденных приложений, пунктов в «Параметрах», документах и т.д. (впрочем, с поиском последних у Windows традиционно не все хорошо), а также предложением продолжить поиск в Интернете. Рядом с кнопкой Power больше нет привычной «шестеренки» параметров — ее (как и целый ряд других системных папок, вроде Музыки, Документов, Сети) можно туда добавить в персональных настройках меню «Пуск».

На панели задач, кроме «Пуска» и иконок приложений, могут располагаться также и ряд служебных кнопок, каждую из которых можно отключить в настройках: поиск (дублирующий таковой в «Пуске»), «Список задач» (также может вызываться сочетанием клавиш Win+Tab и показывает миниатюры всех запущенных приложений с возможностью переключения между виртуальными рабочими столами), «Чат» (интегрированный в систему Microsoft Teams) и «Виджеты». Последние открываются в левой части экрана, и в релизной версии Windows 11 предлагают бОльшую функциональность и гибкость в настройке по сравнению с тем, что мы видели в закрытой бете (где что-либо поменять было вообще нельзя): теперь можно выбирать, какие виджеты показывать, а какие скрыть, сохранять предложенные статьи на потом и т.д.

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

Интерфейс

Как уже упоминалось в предварительном взгляде на закрытую бету, дизайн окон получил легкий «фейслифтинг», и теперь Windows 11 воспринимается чуть более объемной и «осязаемой», в противовес нарочито плоским и «рубленым» окнам в Windows 10. На создание такого эффекта работает масса деталей, мелких и не очень: чуть более глубокие и объемные тени, скругленные углы окон и кнопок, яркие и детальные системные иконки, анимации открытия/закрытия окон и изменения их размера, даже реакция иконок на их нажатие: все старается создать ощущение, будто перед вами реально существующий сложный механизм, а не просто картинка на экране монитора.

Извечная проблема Windows — разные стили оформлений окон из разных версий системы – в релизной версии Windows 11 также присутствует, хотя встречается уже не так часто, как это было в закрытой бете. Да, классическая «Панель управления» по-прежнему в дизайне Windows 7, как и добрая половина пунктов контекстного меню кнопки «Пуск» (диспетчер устройств, просмотр событий и т.д.), однако целый ряд других элементов интерфейса все же был обновлен — например, контекстное меню Рабочего стола (впрочем, предыдущий вариант никуда не делся и доступен тут же, в последнем пункте нового меню).

Меню Alt-Tab получило косметические изменения: теперь оно полноэкранное, с размытым фоном под миниатюрами открытых окон, которые стали крупнее, чем было в Windows 10 – так что теперь они незначительно отличаются от того, что мы видим в «Списке задач», который вызывается по Win-Tab (разве что в меню Alt-Tab нет переключения между виртуальными десктопами).

Меню Snap Assist (появляется в небольшом всплывающем окне рядом с кнопкой изменения размера окна) позволяет быстро изменить положение окна, сдвинув его в ту или иную часть Рабочего стола. В зависимости от разрешения экрана и степени масштабирования изображения, могут быть разные варианты разделения экрана, например, на 4 или 6 частей.

Системные приложения

«Проводник» получил легкое обновление интерфейса: на месте ленточного (Ribbon) интерфейса в верхней части окна, которое было представлено еще в Windows 8, теперь находится ряд иконок для работы с файлами — базовый набор вроде скопировать/переименовать/удалить, плюс дополнительные операции с поддерживаемыми форматами изображений, архивов, ISO-образов и т.д. В итоге «Проводник» выглядит гораздо компактнее, легче и минималистичнее, при этом все основные операции находятся под рукой. Всплывающее меню здесь также новое и, скажем так, весьма аскетичное — но как и в случае с таковым у Рабочего стола, вызов старого меню выполняется в один клик по последнему пункту.

Меню «Параметры», которое на первых порах вчистую проигрывало классической «Панели управления» по функциональности, в Windows 10 постепенно дорабатывалось и в итоге стало вполне самодостаточным — большинство необходимых опций в нем рано или поздно появилось, и обращаться к его предшественнице теперь надо в довольно редких случаях вроде расширенной настройки параметров доступа в локальной сети. В Windows 11 Параметры получили серьезный редизайн, и новый вид этого меню, на наш взгляд, стал гораздо удобнее: огромные пиктограммы и обилие пустых пространств ушли в прошлое, меню стало компактнее, с логично расположенными пунктами и важной информацией на главном экране (вроде имени текущего пользователя или времени последней проверки обновлений).

Огромная панель «Центра уведомлений», появившаяся в Windows 8 и выполненная в дизайне, оптимизированном для сенсорных экранов, получила полное переосмысление внешнего вида: единая лента на всю высоту экрана с огромными пунктами в Windows 11 оказалась разделена на две компактные части. Во-первых, это собственно окно уведомлений над календарем, вызываемое кликом по часам (если в системе есть непросмотренные уведомления, их счетчик будет отображаться рядом с часами, если таковых нет — никакого намека на вызов «Центра уведомления» не будет). Во-вторых, это меню быстрых действий, объединенное с регулировкой громкости, которое вызывается кликом по объединенной иконке громкости и сети. В нем находятся плитки отключения Bluetooth, включения режима ночного света и т.д. (их состав можно отредактировать по своему вкусу) и управление громкостью — при этом, если в системе играет поддерживаемый плеер, над основным окном появится дополнительное, с базовым управлением воспроизведением (к сожалению, с «экзотикой» вроде Foobar2000 Windows 11 не знакома, зато со Spotify никаких проблем не возникло).

В закрытой бете мы уже увидели новую версию приложения Xbox, и тогда же посетовали на то, что Microsoft Store остался прежним. Что ж, в релизе Microsoft представила новый вариант своего магазина: огромные «плиты» ушли в прошлое, интерфейс теперь выглядит проще, «чище» и более упорядоченным. Компания обещает в будущем обновить Store и для Windows 10, но когда это произойдет, пока неизвестно. Учитывая, что Microsoft решила не просто поменять внешний вид магазина, но произвести его перезапуск (в частности, с уменьшением комиссии и открытием доступа в него для сторонних магазинов) — может быть, его восприятие как среди пользователей, так и разработчиков приложений и игр, изменится в лучшую сторону.

При этом ряд старых служебных приложений по-прежнему не получили обновления — и если слухи о новых Media Player и Paint уже какое-то время циркулируют, то Mail и Calendar выглядят так же, как в «десятке», а про WordPad разработчик, кажется, не вспоминает со времен Windows 7.

В заключение

Первые несколько дней использования Windows 11 в целом сложили приятное впечатление о системе: да, кардинальных отличий от «десятки» у нее, по сути, нет, зато есть масса улучшений в интерфейсе и работе системных приложений тут и там. Новые Параметры и Центр управления выглядят однозначно лучше, Проводник в качестве базового файлового менеджера также стал более удобным, а набор цветовых тем с возможностью раздельной настройки светлой и темной тем для приложений и Панели задач позволяют лучше настроить внешний вид системы под себя. Есть, правда, и несколько неприятных новшеств, в первую очередь у Панели задач, с которыми, похоже, придется смириться пользователям новой системы. Например, теперь нельзя перетягивать файлы на Панель задач — ни скинуть файл в иконку приложения, ни закрепить «экзешник» на панели в виде ярлыка. Далее, Диспетчер задач можно вызвать только из меню по Ctrl-Alt-Del – в контекстном меню Панели задач остался один-единственный пункт ее настроек.

В целом, первый релиз выглядит довольно стабильным, за неделю активного использования Windows 11 ни разу не упала в BSOD (который, кстати, здесь сменил цвет с синего на черный, что позволило сохранить неизменной его аббревиатуру), все сторонние приложения также работали без сбоев. Впрочем, пару «багов» таки выявилось, и если внезапно отключившееся снятие скриншотов по Win-Shift-S исправилось перезапуском процесса Windows Explorer, то главный из них оказался гораздо неприятнее — это периодически появляющийся сильный лаг при перетягивании некоторых окон, главным образом «Проводника». Эта проблема известна давно, еще со времен «десятки» (у меня она, впрочем, раньше не наблюдалась), но если судить по поиску в Интернете, активно обсуждать ее стали как раз после появления первых бета-версий Windows 11. Также сразу после релиза стало известно об утечке памяти при работе с множественными копиями Проводника и о снижении производительности процессоров AMD в новой системе, которое может достигать 10-15% — но как минимум для последней проблемы патч обещается уже в ближайшем будущем.

Подытоживая, можно повторить наш вердикт, вынесенный еще в первом взгляде на раннюю сборку: Windows 11 выглядит скорее как очень большой апдейт Windows 10, с новыми функциями и редизайном интерфейса, чем полностью новая операционная система. Да, за прошедшие с тех пор месяцы многое оказалось доработано, появился целый ряд новых функций или обновлений компонентов системы, но глобально на ситуацию это не повлияло (кстати, обещанные во время официальной презентации Android-приложения в Microsoft Store пока так и не появились). Стоит ли обновляться прямо сейчас, или лучше подождать (может, несколько месяцев), пока обновление не придет само через Windows Update? Мы бы сказали: зависит от того, насколько вам не терпится познакомиться с новинкой, а также от того, насколько для вас критична беспроблемная работоспособность вашей системы.

мультимедийных иконок — бесплатная загрузка в векторном формате, PNG, SVG, GIF

iOS

iOS с заливкой

iOS Glyph

Материал с заливкой

Материал с контуром

Материал со скругленными углами

Материал Sharp

Материал с двумя тонами

Цвет

Windows 10

Glyph2000

Glyph Neue

Office S

Office

Office L

Симпатичный контур

Симпатичный цвет

Синий UI

Пунктирный

Градиент

Простой маленький

Пастель

Flucy2000 Flucy3

0003

Ice Cream

Обычный

Заполнение системы беглости

Пухлый

Каракули

Инфографика

Windows Metro

Облако

Пузырьки

Цветное рисование от руки

Нарисованное от руки

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

СМИ

Облачные СМИ

Облачные СМИ

Облачные СМИ

Потоковое мультимедиа

Облачные СМИ

Потоковое мультимедиа

Потоковое мультимедиа

Облачные СМИ

Облачные СМИ

Облачные СМИ

Потоковое мультимедиа

Потоковое мультимедиа

Потоковое мультимедиа

Потоковое мультимедиа

Социальные медиа

Сообщение СМИ

Социальные медиа

Сообщение СМИ

Социальные медиа

Социальные медиа

Социальные медиа

Социальные медиа

Сообщение СМИ

Социальные медиа

Сообщение СМИ

Сообщение СМИ

Полное руководство по использованию значков социальных сетей

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

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

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

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

Загрузите значки здесь.

Руководство по бренду

• Логотип Facebook должен быть либо в синем и белом, либо в серо-черном вариантах, если на веб-сайте существует ограничение по цвету.
• Всегда привязывайте логотип Facebook к своей странице или учетной записи Facebook, желательно вместе с призывом к действию.
• Если вы используете этот значок вместе с другими значками социальных сетей, убедитесь, что все они одинакового размера и расположены на соответствующем расстоянии друг от друга.
• Не меняйте пропорции, дизайн и цвет логотипа Facebook.
• Не создавайте или не анимируйте логотип в виде физических объектов.

Загрузите значки здесь.

Руководство по бренду

• Всегда используйте только значки, официально доступные на веб-сайте Instagram, в качестве активов бренда, а не другие варианты.
• Эти значки доступны как в цвете, так и в черном и белом.
• Чтобы показать свое присутствие в Instagram, вы можете использовать значок глифа. Однако значок Instagram, представляющий приложение, не может быть использован для этой цели.
• Размер значка должен быть не менее 29×29 пикселей.
• Оставьте свободное пространство со всех сторон от значка глифа.
• Для IGTV также есть отдельный глиф, если вы хотите указать свое присутствие на IGTV.
• Вы можете заменить цвет логотипа на любой сплошной цвет, но не можете вносить какие-либо изменения в другие аспекты.
• Значок глифа должен сопровождаться призывом к действию, например «подписывайтесь на нас в Instagram».

Загрузите значки здесь.

Руководство по бренду

• YouTube рекомендует оставлять вокруг значка свободное пространство. Место должно быть не меньше половины ширины значка кнопки воспроизведения YouTube.
• Минимальная высота значка должна составлять 24dp для экранов, чтобы его можно было разобрать.
• Не разрешается изменять цвет, дизайн, форму, шрифт и т. Д. Логотипа.
• Допустимы только три цвета: красный, черный и белый.
• Не следует использовать визуальные эффекты, такие как тень или прозрачность.
• Вы можете разместить логотип на сплошном фоне, желательно сером, черном или белом.
• Обратите внимание, что треугольник на значке всегда белого цвета.
• Не наклоняйте значок.
• Значок можно использовать только в том случае, если он ссылается на определенный канал YouTube и должен сопровождаться призывом к действию.

Загрузите значки здесь.

Руководство по бренду

• Значок социальной сети Twitter отличается от других тем, что бренд предпочитает, чтобы вы использовали его как есть, не помещая его в рамку или кружок. Однако вы можете поместить его в круг, квадрат или квадрат с закругленными краями, если хотите.
• Ваш значок Twitter должен быть синего или белого цвета.
• Если вы решите использовать белый значок, вы можете установить для фона любой сплошной цвет, чтобы обеспечить согласованность с другими значками.
• Минимальная ширина для всех типов значков должна составлять 32 пикселя.
• Используйте последнюю обновленную версию значка, так как со временем он может измениться.
• Не изменяйте форму, размеры, соотношение сторон и т. Д. Логотипа и никогда не делайте значок птицы разноцветным или любым другим цветом, кроме предписанного.
• Не заменяйте логотип птицы Twitter на любую другую птицу, это не просто птица, это логотип бренда.
• Не меняйте ориентацию логотипа птицы, так как это изменит логотип.

Загрузите значки здесь.

Руководство по бренду

• Цвет должен быть синего или черного или белого цвета бренда.
• LinkedIn предпочитает, чтобы фон был сплошным белым или сплошным светлым цветом.
• В случае цветовых ограничений вы можете использовать сплошной черный фон для размещения значка.
• Минимальный размер значка — 21 пиксель.
• Пожалуйста, оставьте достаточно свободного места со всех сторон вокруг значка.
• Контейнер фона всегда должен быть квадратом с закругленными углами.
• Не изменяйте элементы дизайна или размеры значка.
• Иногда даже значок «в» можно использовать вместо полного значка «LinkedIn».

Загрузите значки здесь.

Руководство по бренду

• Логотип призрака Snapchat должен быть черным или белым.
• Свободное пространство за пределами логотипа должно составлять не менее 150% ширины от ширины значка.
• Ширина значка должна быть не менее 18 пикселей.
• Значок приложения с желтым фоном не следует использовать в качестве значка социальной сети, его можно использовать только в контексте мобильного приложения.
• Для социальных сетей вы можете использовать простой логотип-призрак, показанный справа внизу.
• Значок Snapchat всегда должен указывать на учетную запись Snapchat пользователя.
• Используйте логотип как есть и не вносите никаких изменений в дизайн, форму, размер, цвет и т. Д.

Загрузите значки здесь.

Руководство по бренду

• Значок Pinterest представляет собой букву «p» на черном, красном или белом сплошном круге.
• Значок Pinterest всегда должен сопровождаться призывом к действию и должен указывать на учетную запись Pinterest.
• Размер значка должен быть пропорционален размеру текста призыва к действию и не должен выделяться отдельно.
• Никогда не используйте слово вместо значка.
• Хотя Pinterest также предоставляет черно-белые значки, вы должны по возможности использовать красный значок.
• Значок всегда имеет форму круга, и его нельзя изменить на квадратный фон или любую другую форму.

Загрузите значки здесь.

Руководство по бренду

• Обычный значок WhatsApp представляет собой зеленый пузырек вызова с белым контуром с белым значком телефона в центре.
• Этот значок можно использовать на белом или зеленом фоне WhatsApp.
• Единственное исключение из этого правила — черно-белый значок, который можно использовать при наличии цветовых ограничений.
• Зеленый квадрат с закругленными углами используется только для представления мобильного приложения WhatsApp, а не в качестве значка в социальных сетях или кнопки совместного доступа.
• Ознакомьтесь с конкретными примерами использования каждого типа значка WhatsApp здесь.

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

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

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

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

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

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

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

Иконки социальных сетей PNG | 2500+ Vector Icon Packs

1200 * 1200

4167 * 4167

бесплатные иконки социальных сетей (те, которые вы действительно можете использовать)

Ни один веб-сайт не обходится без значков социальных сетей.И в настоящее время все, от подписей в электронной почте и визитных карточек до плакатов и видеороликов, выигрывает от небольшой «иконографии».

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

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

Bonus: Прочтите пошаговое руководство по стратегии в социальных сетях с советами профессионалов о том, как расширить свое присутствие в социальных сетях.

Источники значков социальных сетей

Facebook

Загрузите полный набор иконок.

Основные принципы бренда:

• Используйте только синий значок в Facebook или перевернутый бело-синий значок. Вернитесь к черно-белому режиму, если столкнетесь с цветовыми ограничениями.Доступны синяя, серая, белая и черная версии.
• Значок Facebook всегда должен отображаться в контейнере со скругленными углами, имеющим форму квадрата.
• Убедитесь, что значок воспроизводится в удобочитаемом размере. Он должен быть такого же размера, как и все остальные значки.
• Не анимируйте и не представляйте логотип в виде физических объектов.
• Загрузите значки в соответствии с вашим носителем. Варианты значков Facebook, предназначенные для Интернета, печати, телевидения и кино.

Иконки для использования в Интернете (.png)

Твиттер

Загрузите полный набор иконок.

Основные принципы бренда:

• Используйте в Twitter только синий или белый значок. Когда применяются ограничения на расцветку печати, Twitter разрешает отображение логотипа черным цветом.
• Twitter предпочитает, чтобы значок отображался без контейнера, но предлагает квадратные, закругленные квадратные и круглые контейнеры, если они лучше соответствуют вашим потребностям.
• При использовании логотипа поверх изображения всегда используйте белую версию.
• Не анимируйте логотип, не украшайте его пузырями со словами или другими существами.
• Свободное пространство вокруг логотипа должно составлять не менее 150% ширины значка.
• Значки должны иметь минимальную ширину 32 пикселя.

Иконки для использования в Интернете (.png)

Instagram

Загрузите полный набор иконок.

Основные принципы бренда:

• Для представления Instagram могут использоваться только значки из раздела «Активы» сайта ресурсов бренда Instagram.Эти значки доступны в цветном и черно-белом цвете.
• Иконки Instagram должны быть представлены без контейнера. Квадрат, круг, скругленный квадрат и другие формы контейнеров недоступны.
• Не используйте этот значок с названием вашей компании, товарным знаком, другим языком или символом.
• При использовании значка для вещания, радио, наружной рекламы или печати размером более 8,5 x 11 дюймов вам необходимо запросить разрешение и приложить макет того, как вы планируете использовать.
• Контент Instagram не должен составлять более 50% вашего дизайна или более 50% общей продолжительности вашего контента.

Иконки для использования в Интернете (.png)

LinkedIn

Загрузите полный набор иконок.

Основные принципы бренда:

• LinkedIn предпочитает, чтобы сине-белый значок отображался на белом фоне. Значок всегда должен отображаться в цвете онлайн. Если это невозможно, используйте обратный бело-синий или черно-белый значок.
• Используйте сплошной белый значок на темном фоне или фотографиях, а сплошной черный значок — на светлом фоне или фотографиях или в приложениях для одноцветной печати. Убедитесь, что «вход» прозрачен.
• Значок LinkedIn никогда не должен быть кругом, квадратом, треугольником, трапецией или любой другой формой, кроме квадрата с закругленными углами.
• Иконки LinkedIn обычно используются в Интернете двух размеров: 24 и 36 пикселей. Минимальный размер — 21 пиксель в Интернете или 0,25 дюйма (6,35 мм) при печати.Значки размера для печати или большего размера должны ссылаться на сетку из 36 единиц, найденную здесь.
• Границы значка должны составлять примерно 50% от размера контейнера. Минимальные требования к свободному пространству определяют, что вокруг значка следует использовать отступы размером в два символа «i» в LinkedIn.
• Для использования на телевидении, в кино или других видеопродукциях требуется запрос разрешения.
• Если вы используете призывы к действию, такие как «Следуйте за нами», «Присоединяйтесь к нашей группе» или «Просмотрите мой профиль в LinkedIn» вместе со значком, используйте другой шрифт и цвет, предпочтительно черный.

Иконки для использования в Интернете (.png)

Pinterest

Загрузите значки.

Основные принципы бренда:

• Значок 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 только зеленым, белым (на зеленом фоне) и черно-белым (в материалах, которые в основном черно-белые).
• Обязательно пишите WhatsApp как одно слово с правильными заглавными буквами
• Используйте зеленый квадратный значок только при обращении к приложению iOS.

Иконки для использования в Интернете (.png)

Что такое значки социальных сетей и зачем их использовать?

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

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

Чаще всего в значках социальных сетей используется первая буква или символический логотип компании, работающей в социальных сетях. Представьте себе Facebook F, птицу Twitter или камеру Instagram.

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

Благодаря их широкому использованию предприятиями, большинство клиентов ожидают, что компании будут иметь ссылки на значки на своих веб-сайтах, и достаточно сообразительны, чтобы знать, где их искать. Аккуратные и единообразные по стилю значки — отличная альтернатива надоедливым всплывающим окнам с надписью «следуй за мной».

Как использовать значки социальных сетей в своих маркетинговых материалах (юридически)

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

Сайтов

Часто бренды помещают значки социальных сетей в верхний и / или нижний колонтитулы своих веб-сайтов. Но их также можно разместить на плавающей левой или правой боковой панели для большей заметности.

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

Электронные письма и информационные бюллетени

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

Чтобы добавить значки в подпись электронной почты, выполните следующие действия:

1. В Outlook на вкладке «Главная» выберите «Новый адрес электронной почты».
2. На вкладке «Сообщение» в группе «Включить» выберите «Подпись», затем «Подписи».
3. На вкладке «Подпись электронной почты» в поле «Изменить подпись» выберите подпись, которую нужно изменить.
4. В текстовом поле «Изменить подпись» добавьте новую строку под текущей подписью.
5. Выберите Изображение, затем перейдите в папку, в которую вы загрузили значки, и выберите значок, который хотите добавить.
6. Выделите изображение и выберите «Вставить», затем «Гиперссылка».
7. В поле Адрес введите веб-адрес соответствующего профиля компании.
8. Нажмите OK, чтобы завершить изменение новой подписи.
9. На вкладке «Сообщение» в группе «Включить» выберите «Подпись», а затем выберите новую измененную подпись.

1.Откройте Gmail.
2. Щелкните значок настроек в правом верхнем углу.
3. В разделе «Подписи» щелкните символ «Вставить изображение», чтобы добавить загруженный значок.
4. Выделите изображение и щелкните символ ссылки.
5. Добавьте веб-адрес для профиля своей компании.
6. Прокрутите вниз и выберите Сохранить изменения.

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

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

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

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

Вариант 1: (F) facebook.com/Hootsuite
(T) twitter.com/Hootsuite
Вариант 2: (F) Hootsuite
(T) @Hootsuite
Вариант 3: (F) (T ) @Hootsuite

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

Как и в случае с печатью, если вы используете видео на носителе, который не позволяет зрителям нажимать на значок, вам следует указать URL.На YouTube вы можете добавлять интерактивные значки с помощью функции аннотаций. Чаще всего призыв к действию ставится в конце видео бренда. Убедитесь, что у зрителей достаточно времени, чтобы прочитать URL.

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

Рекомендации по использованию значков социальных сетей

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

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

Скачать из первоисточника

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

Без изменений

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

Размер равномерно

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

Равномерное пространство

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

Выберите от трех до пяти

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

Порядок по приоритету

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

Используйте последнюю версию

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

Не используйте слово

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

Сделайте свой бренд в центре внимания

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

Ссылка на профиль вашей компании

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

Запросить разрешение

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

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

Начало работы

Как правильно использовать значки социальных сетей (и наши 13 любимых наборов)

Значки социальных сетей являются жизненно важной частью вашей маркетинговой стратегии.

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

Но если вы думаете о том, чтобы придать логотипу Твиттера шикарный вид, чтобы он соответствовал эстетике вашего бренда, возможно, вам стоит переосмыслить эту идею.

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

Создание собственных значков — тоже не запрет.Вам просто нужно понимать уникальные правила каждой платформы.

Мы также включили несколько безопасных и привлекающих внимание наборов значков, которые вы можете загрузить и использовать сразу.

Да, имеет значение то, как вы используете значки социальных сетей

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

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

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

Вы помните, как Twitter выглядел в 2006 году? Или я должен сказать Twttr.

Помимо ярких граффити и надписей «Что в голове», сам логотип говорит о том, для кого и для чего предназначено приложение: оно модное, непринужденное и быстрое.

Очевидно, Twitter претерпел некоторый ребрендинг за эти годы.Сегодня вы даже не услышите слово «Твиттер» без того, чтобы сразу вспомнить эту культовую синюю птицу — и в этом весь смысл.

Только подумайте, как мы используем социальные сети. Мы не просматриваем список названий приложений на наших телефонах. Мы нажимаем на минималистичные значки социальных сетей на экране нашего приложения.

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

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

Конечно, вас могут не сразу привлечь к суду или наложить штраф. Прекращение и воздержание, скорее всего, будет первым, но зачем рисковать?

Как правильно использовать значки социальных сетей для каждой платформы

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

Twitter, Facebook, Instagram — все эти бренды хотят, чтобы вы использовали их логотип и даже добавили в него свой собственный логотип в разумных пределах.

Они просто хотят, чтобы ваше творение отражало их логотип так, как они задумали. Поэтому у каждого бренда свои правила.

Рекомендации для значков социальных сетей Facebook

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

Вот общие правила, применимые к товарному знаку F:

• Используйте только фирменный логотип F, а не словесный знак Facebook Inc, для продвижения своей страницы в Facebook.
• Сохраняйте форму, цвет и пропорции. Не растягивайте, не переворачивайте и не ослепляйте логотип.
• Оставьте достаточно места вокруг логотипа F, чтобы он был хорошо виден.
• Можно использовать черно-белое изображение, если официальный цвет Facebook недоступен.

Facebook

Рекомендации для значков социальных сетей в Instagram

Instagram называет свой значок «глифом» и предпочитает использовать этот основной значок вместо красочного значка приложения.

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

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

Рекомендации для значков социальных сетей YouTube

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

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

YouTube

Рекомендации для значков социальных сетей LinkedIn

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

• LinkedIn предпочитает, чтобы вы использовали их фирменный синий цвет, но ничего страшного, если вы используете белый или черный цвет, если того требует ситуация.
• Уникальный и важный момент: LinkedIn требует, чтобы вы использовали знак ® рядом с каждым приложением с логотипом, при условии, что он достаточно большой, чтобы его можно было увидеть.
• Как обычно, LinkedIn не хочет, чтобы вы меняли цвета, растягивали или искажали его логотип.

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

LinkedIn

Рекомендации для Twitter Иконки социальных сетей

Уважайте птицу! Птицу не переделывать! Twitter имеет несколько другой логотип по сравнению с большинством социальных сетей, поэтому его рекомендации по правильному использованию логотипа довольно обширны.

Вот краткое изложение правил, касающихся одной только птицы:

Twitter

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

• Не анимируйте птицу.
• Не заставляйте птицу щебетать или летать.
• Не включайте никаких дополнительных животных.
• Не антропоморфизируйте (не добавляйте человеческие черты) птицу.

Twitter также содержит массу примеров неправильного использования. Думаю, птица просто умоляет измениться.

Twitter

Рекомендации для значков социальных сетей Snapchat

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

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

В приложении социальной сети также есть четкий запрос на использование своего призрака на черном фоне. Логотип «белый штрих», как называет Snapchat, важно сохранять правильные пропорции:

Snapchat

Рекомендации для значков социальных сетей TikTok

На данный момент TikTok, похоже, не имеет общедоступного набора активов бренда. руководящие указания.

Поскольку сейчас мы не можем найти ничего конкретного, давайте посмотрим на общий логотип TikTok и сделаем некоторые выводы:

TikTok

Мы могли бы разумно предположить, что:

• TikTok хочет, чтобы вы использовали черный, белый, и фирменные синие / розовые цвета.
• Убедитесь, что вы сохранили правильные пропорции вокруг основного логотипа и его теней.
• Оставьте достаточно пробелов между текстом «TikTok» и значком логотипа.
• Используйте стандартный черный или белый монохромный логотип, когда цвета недоступны.

Где найти и скачать нужные значки социальных сетей?

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

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

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

13 классных значков, примеров и кнопок социальных сетей, которые нам нравятся

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

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

1. Полужирные значки социальных сетей DesignBolts

2. Значки стикеров социальных сетей Vecteezy

3. Ультратонкие значки социальных сетей Medialoot

4. Плоские значки социальных сетей Printkeg

5.7-Style Социальные иконки

6. Расширенные плоские иконки социальных сетей

7.Социальные иконки Simple Line

8. Иконки социальных сетей на ленте

9. Рисованные значки Freepik

10. Социальные иконки Christophe Kerebel Outline

11. Черно-белые иконки Adobe Muse

12. Blogtacular Geometric Hexagon Social Media Icons

13. Publicons Простые круглые большие значки социальных сетей

Почему бы не создать свои собственные значки социальных сетей?

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

Основное руководство по значкам социальных сетей для маркетологов

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

И теперь, когда социальные сети играют такую ​​огромную роль в нашей повседневной жизни, вы можете видеть эти значки практически где угодно — от маркетинговых материалов до визиток.

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

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

Ссылки для перехода:

Использование значков социальных сетей в брендинге и маркетинге

Рекомендации по использованию значков социальных сетей
Facebook
Instagram
Twitter
LinkedIn

Игра с выделенными значками Instagram

Где найти бесплатные значки социальных сетей

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

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

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

Добавление их на свой веб-сайт

Показывайте значки социальных сетей на своем веб-сайте и помогайте посетителям открывать новые способы связи с вашим брендом.

Поощрение обмена контентом с помощью кнопок социальных сетей

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

Эти кнопки позволяют людям легко делиться контентом в социальных сетях всего несколькими щелчками мыши, вместо того, чтобы открывать новую вкладку в браузере и вставлять URL-адрес контента вручную.

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

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

Включение их в ваши информационные бюллетени и подписи электронной почты

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

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

Использование их в сопроводительных материалах для печати

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

Поскольку гиперссылка на бумаге невозможна, необходимо указать URL-адрес или дескриптор, который будет направлять людей на вашу страницу в социальной сети. Например — facebook.com/keyholeco или @ keyhole.co.

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

Facebook

Основные принципы бренда для Facebook:

• Убедитесь, что логотип «f» синего или белого цвета. Если это невозможно из-за технических ограничений, придерживайтесь черно-белого изображения.
• Не разбирайте и не изменяйте логотип «f» каким-либо образом, изменяя цвет, дизайн или масштаб.
• Значок должен быть похож по размеру на соседние значки.
• Избегайте анимации или представления логотипа в физической форме.

Instagram

Основные принципы бренда для Instagram:

• Используйте только значки, представленные в Центре ресурсов бренда. Вы можете получить разноцветную или черно-белую версию глифа Instagram.
• Хотя Instagram рекомендует отображать глиф в черном или белом цвете, вы можете изменить его на любой сплошной цвет. Но вы не можете изменять другие аспекты дизайна.
• Всегда сохраняйте заданные пропорции значка и убедитесь, что он не меньше 29 × 29 пикселей.
• Оставьте вокруг глифа свободное пространство размером не менее половины его размера, чтобы он не конкурировал с другими визуальными или текстовыми элементами.

Twitter

Основные правила бренда для Twitter:

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

LinkedIn

Основные правила бренда для LinkedIn:

• Всегда отображайте значок LinkedIn на сплошном белом фоне.Если это невозможно, вы можете использовать сплошной светлый фон.
• Значок всегда должен отображаться в цвете на цифровых носителях. В случае технических и печатных ограничений вы можете использовать сплошной черный значок.
• Не вносите никаких изменений в значок, предоставленный LinkedIn. Вы не можете изменять какие-либо аспекты значка, включая его цвет, форму и пропорции. Таким образом, вы не можете изменять, искажать или удалять какие-либо элементы дизайна.
• Высота значка на экране должна быть не менее 21 пикселя или 0.25 дюймов в высоту для приложений печати.

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

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

С другой стороны, у вас есть другие возможности для раскрытия вашего творчества и демонстрации индивидуальности вашего бренда через социальные сети. Например, вы можете сколько угодно экспериментировать со значками для обложек Instagram Highlight.

Добавление значков на обложки Instagram Highlight позволит вам следовать единой теме на вашей странице Instagram. Это упрощает поддержание эстетики вашего Feed и визуальной идентичности бренда.

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

Вот как будут выглядеть обложки Highlight, если вы используете значки, соответствующие определенной теме. Вы можете увидеть огромную разницу в визуальной привлекательности между ними. И у каждой обложки есть значок, относящийся к категории Highlight. Например, в разделе «Лучшие предложения для подарков» есть значок, представляющий подарок, а в разделе «Свяжитесь с нами» — значок, представляющий машущую руку.

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

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

1.Центр ресурсов бренда Facebook

Получите разрешенный логотип Facebook прямо из Центра ресурсов бренда компании.

2. Центр ресурсов бренда Instagram

Получите официальные значки символов Instagram прямо из Центра ресурсов бренда компании.

3. Ресурсы бренда Twitter

Официальный значок Twitter доступен для бесплатной загрузки на ресурсах бренда компании.

4. Рекомендации по использованию бренда LinkedIn Страница

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

Что касается значков на обложках Instagram Highlight, вы найдете несколько мест, где их можно бесплатно скачать. Вы также можете создать свой собственный, используя инструменты для создания мультимедийного контента, такие как Canva и Visme. Ознакомьтесь с лучшими пакетами значков, которые вы можете скачать бесплатно:

1. 20 значков Instagram Highlight от Дениса

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

Посмотрите набор иконок здесь.

2. Цветочные основные моменты Instagram

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

Посмотрите набор иконок здесь.

3. Instagram Highlights Stories Food Icon Pack

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

Посмотрите набор иконок здесь.

4. Бесплатные значки выделения в Instagram Stories от Later

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

Посмотрите набор иконок здесь.

5. Серые обложки для Instagram Highlight от Cappuccino и Fashion

Блогер в стиле «мамочка» Мадлен делится набором иконок для обложек Instagram Highlight в минималистской серой теме.Он поставляется с более чем 20 значками, которые можно отнести к разным категориям.

Посмотрите набор иконок здесь.

6. Обложки с минимальным выделением в зеленом

Если серый не ваш цвет, вы также можете выбрать этот минималистский набор значков в холодном и землисто-зеленом цвете. Графика представляет собой различные объекты и темы, которые можно разделить на несколько категорий.

Посмотрите набор иконок здесь.

7. Instagram Highlights Stories Shopping Icon Pack

Для розничных продавцов этот сплошной черный набор значков для покупок может быть именно тем, что вам нужно для ваших Instagram Highlights.У вас есть значки, представляющие различные объекты, такие как кошельки, тележки для покупок, представителей клиентов и т. Д.

Посмотрите набор иконок здесь.

8. Синие заставки

Если вам нравится что-то более красочное, вам также может понравиться этот набор значков с синими заставками. Он включает в себя несколько основных белых значков с всплесками синего цвета на заднем плане.

Посмотрите набор иконок здесь.

9. Instagram Highlights Stories Пакет значков для путешествий

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

Посмотрите набор иконок здесь.

10. 60 иконок Instagram Highlight от Дениса

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

Посмотрите набор иконок здесь.

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

1. Сохраняйте единое пространство и размер

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

2. Минимизируйте беспорядок

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

3. Убедитесь, что ваш бренд находится в центре внимания

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

4. Стратегическое размещение значков

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

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

Кроме того, вы можете усилить свою стратегию в социальных сетях, регулярно отслеживая свою эффективность и ища возможности оптимизации.

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

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

Статьи по теме:

Какие показатели Instagram Stories мне следует отслеживать?

7 важных маркетологов Instagram Analytics, которые нужно знать [+ 4 инструмента!]

Сообщения Instagram: как компании могут привлечь свою аудиторию и инструменты для управления почтовым ящиком

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 высококачественных значков. В этом наборе представлены значки пяти размеров от 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. Бесплатные геометрические каркасные иконки социальных сетей

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

Какой ваш любимый бесплатный набор иконок для социальных сетей? Дайте нам знать в комментариях ниже.