Выбрать иконки для соцсетей не так просто, как может показаться на первый взгляд. Помимо того, что нужно задумываться о сочетании значков с дизайном сайта, необходимо еще знать и юридические нюансы. Расскажем, какие правила выдвигает каждая соцсеть к использованию своих значков и где можно бесплатно скачать официальные иконки.
Содержание
1. Иконки Инстаграм
2. Иконки Фейсбук
3. Иконки Вконтакте
4. Иконки YouTube
5. Иконки Twitter
6. Общие рекомендации по использованию иконок соцсетей
Некоторые соцсети не рекомендуют, а другие и вовсе запрещают скачивать иконки со сторонних площадок и изменять их под дизайн вашего сайта. Каждая соцсеть имеет свой брендбук, где описаны правила по использованию логотипов, ссылки для скачивания иконок и рекомендации, которые помогут избежать грубых ошибок.
Иконки Инстаграм
По правилам соцсети использовать иконку Инстаграм на вашем сайте можно только ту, что представлена на официальном сайте. Все иные варианты логотипов являются незаконными. Разрешено использовать многоцветную версию и черный лого на белом фоне.
Минимальный размер иконки Инстаграм не должен быть менее 29x29 пикселей. Свободное пространство вокруг иконки должно составлять половину логотипа соцсети со всех сторон. Это позволит обеспечить четкость значка и изолировать его от иконок других соцсетей, размещенных рядом.
Иконку Инстаграм нельзя изменять, поворачивать и зеркально отображать. Например:
Скачать иконки Инстаграм с официального сайта
При скачивании укажите тип «Online», если планируете использовать значок на сайте. В иных случаях, например, печать логотипа на упаковке или использование его в ТВ или кино, необходимо запрашивать дополнительное разрешение у соцсети.
Иконки IGTV, Бумеранг, Hyperlapse и Layout
К производным продуктам соцсети применяются те же правила по размерам и свободному пространству, что и к логотипу Инстаграм.
Скачать иконки IGTV, Бумеранг и другие
Иконки Фейсбук
Стандартный цвет иконки, которую Фейсбук призывает использовать на сайтах — синий с белой буквой «f». Если по каким-то причинам вы не можете использовать стандартный цвет иконки, соцсеть позволяет использовать черно-белую и серую вариации.
У Фейсбука нет конкретных правил по минимальному размеру иконки. Но рекомендуют размещать логотип так, чтобы он был разборчивым и одинакового размера с соседними иконками. Свободное пространство должно составлять как минимум ¼ от логотипа.
По правилам Фейсбук логотип «f» изменять нельзя. Под запретом любые коррекции формы, пропорций, дизайна, не разрешается также анимировать иконку. Например:
Также соцсеть строго запрещает создавать любые модификации с логотипом. Например, соединять его с другими лого, создавать производные от формы и т.д. Например:
Скачать иконки Фейсбук с официального сайта
Перед скачиванием поставьте галочку, что знаете все условия использования логотипа и готовы их соблюдать.
Иконки Вконтакте
Соцсеть рекомендует использовать логотип в фирменных цветах: белую монограмму VK на синей иконке. Допускается использование черно-белой вариации иконки и монохромной версии.
Свободное пространство вокруг логотипа должно быть не менее половины ширины иконки. Минимальная высота логотипа, размещенного на сайте, должна быть 24 пикселя.
В иконке Вконтакте нельзя менять пропорции элементов, заменять фирменный цвет и форму. Также запрещается применять к значку визуальные эффекты, например, тени, свечение или градиент. Не рекомендуется использовать старые версии логотипа.
Характеристики по шрифту: TT Commons.Название соцсети по правилам нужно писать слитно и без кавычек, с двумя заглавными буквами «В» и «К» — ВКонтакте. Или использовать международный вариант — VK. Запрещается использовать текстовое написание вместо фирменного логотипа.
Цветовая гамма иконки:HEX — #4680C2
RGB — 70 128 194
CMYK — 74 44 0 0
PANTONE — 660C / 285U
Иконки YouTube
Перед тем как использовать любые элементы бренда YouTube, соцсеть обязывает получить разрешение, заполнив специальную форму. Однако, как показывает практика, если вы выполняете все условия по использованию логотипа, компания не предъявляет претензии.
По правилам соцсети можно использовать два варианта логотипа: полный – с надписью YouTube и сокращенный – только значок. Позволяются 4 вариации с цветом: стандартный логотип на белом и черном фоне. И два монохромных варианта: в белом и черном исполнении.
Минимальная высота иконки YouTube на сайте не должна быть менее 24 пикселей (для обоих вариантов: полного логотипа и значка). Свободное пространство вокруг логотипа должно составлять минимум половину ширину значка.
Иконку YouTube нельзя изменять: использовать другой шрифт, менять форму и размер, заменять фирменную цветовую гамму. Нельзя зеркально отражать значок. Межбуквенный интервал в слове «YouTube» менять запрещается, так же как и расстояние между словом «YouTube» и значком. Любые визуальные эффекты также под запретом, например, градиент, тень или добавление объема. Запрещено совмещать логотип YouTube с другими иконками и лого, надписями и узорами. Примеры, как нельзя изменять иконку YouTube:
Цветовая гамма иконки:Красный: HEX — #FF0000; RGB — 255.0.0; CMYK — 0.95.100.0
Белый: HEX — #FFFFFF; RGB — 255.255.255; CMYK — 0.0.0.0
Черный: HEX — #282828; RGB — 40.40.40; CMYK — 0.0.0.100
Скачать иконки YouTube с официального сайта
Иконки Twitter
Twitter является более гибкой соцсетью, которая позволяет менять иконку в нужных для вас вариациях. Например, можно использовать как лого с птичкой отдельно, так и в контейнере. Причем вариации контейнера также могут быть различны: в круге, квадрате или в квадрате с закругленными углами. А вот цвета можно использовать только фирменные: синий или белый. Черный цвет запрещается (Twitter может сделать исключение и разрешить черную вариацию, но для этого необходимо запросить разрешение у соцсети).
Иконку Twitter можно комбинировать с названием учетной записи или хэштегом. При этом цвет иконки должен быть синий или белый, а вот надпись соцсеть рекомендует сделать черной. Размер надписи должен быть аналогичен размеру иконки.
Минимальный размер значка Twitter не должен быть менее 16 пикселей. А свободное пространство вокруг логотипа должно составлять минимум половину ширины значка.
Соцсеть не разрешает менять форму иконки, анимировать, отражать зеркально и иным образом менять логотип. Нельзя добавлять к значку другие элементы, например, птиц или облачко с речью. Примеры, как запрещено использовать значок Twitter:
Цветовая гамма иконки:Синий: HEX — #1DA1F2; RGB — 29 161 242; CMYK — 69 26 0 0; PANTONE — 2382 C.
Белый: HEX — #FFFFFF; RGB — 255 255 255; CMYK — 0 0 0 0
Характеристики шрифта:Для имени пользователя — Helvetica Neue Regular.
Для хештега — Helvectica Neue Bold.
Соцсеть также позволяет использовать шрифт по своему усмотрению и исходя из дизайна сайта.
Скачать иконки Twitter с официального сайта
Общие рекомендации по использованию иконок соцсетей
1
Чтобы все значки соцсетей смотрелись в одном стиле, рекомендуется выбрать один вариант исполнения: цветной или монохромный. Все иконки должны быть одного размера и с одинаковым отступом друг от друга.
2
Выбирайте оптимальное количество иконок соцсетей, которые вы разместите у себя на сайте. Не гонитесь за количеством, выберите только те, где вы поддерживаете контентное наполнение и где есть ваша целевая аудитория.
3
Располагайте логотипы соцсетей по иерархии от самой важной, до наименее значимой справа налево.
4
Всегда следите, чтобы иконки соцсетей были актуальны. Это позволит не нарушать правила и не создавать впечатление у клиентов, что вы «отстали от времени».
5
Большинство соцсетей позволяют использовать свой логотип на сайте без дополнительных разрешений. Но если вы хотите печатать иконку или использовать его в ролике на телевидение, по правилам вы должны согласовать это с социальной сетью.
Если эта статья была вам полезна — поделитесь ею с друзьями.
Подписывайтесь на наш канал, если хотите быть в курсе тенденций продвижения и интернет-маркетинга.
Если Вам необходимо продать товары или услуги - обращайтесь в агентство MH Studio. Большие скидки для подписчиков нашего канала.
Связаться с нами
- 8 (880) 200-61-19
- +7 (953) 111 94-57
Понравился пост ? Подписывайся на наш телеграмм канал чтобы узнать о новых статьях самым первым.