Полезное

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

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


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

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

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


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

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

СТАНДАРТИЗИРОВАННЫЙ ГАЙДЛАЙН ПО ИСПОЛЬЗОВАНИЮ ИКОНОК СОЦИАЛЬНЫХ МЕДИА

Facebook

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

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

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


Twitter

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

Также нельзя:

  • Использовать речевые пузыри или слова вокруг логотипа
  • Вращать или изменять направление логотипа
  • Анимировать логотип
  • Окружать логотип другими птицами или существами
  • Менять цвет логотипа
  • Очеловечивать логотип
  • Добавлять спецэффекты к логотипу
  • Использовать более старые версии логотипа, предыдущие логотипы или любые другие значки, которые могут быть перепутаны с брендом



Pinterest

Нельзя:

  • Вращать значок
  • Изменять пропорции или цвета
  • Добавлять посторонние эффекты

Можно:

  • Использовать значок в удобочитаемом размере
  • Поддерживать пустое место, равное, по крайней мере, половине высоты логотипа по всем сторонам
  • Использовать красный логотип на светлом фоне
  • Использовать белый логотип на темном фоне



YouTube

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

Нельзя:

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

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

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

ОПРЕДЕЛЕНИЕ ЛУЧШЕГО МЕСТА ДЛЯ ИКОНОК СОЦИАЛЬНЫХ МЕДИА

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

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

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

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

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

 

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

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

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


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

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

ВЫБИРАЙТЕ ПРАВИЛЬНЫЙ РАЗМЕР

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

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

ПЕРСОНАЛИЗИРУЙТЕ ВАШИ ИКОНКИ

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

ПЕРЕДАВАЙТЕ ЦЕЛИ ИКОНКИ

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

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

ЗАКЛЮЧЕНИЕ

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

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

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

Источник

  • 9013