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

Question

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

Клинтон Грин

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

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

КМСТР

Что они скачивают? Икона? Какие размеры вы уже используете и почему они не работают?

Йоонас

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

Йоонас

Что касается последнего ответа: если вам нужны какие-то рекомендации, возможно, загляните на страницы активов известных брендов: Facebook , Twitter , Instagram , Tumblr , Squarespace , Spotify .

Клинтон Грин

Спасибо @Joonas. Думаю, если я предоставляю EPS, то размер зависит от пользователя.

Ответы (1)

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

Что они скачивают? Икона? Какие размеры вы уже используете и почему они не работают?
Я чувствую, что вы спрашиваете о двух вещах. В : Каков стандартный размер социальных кнопок на сайте? О : Стандартов нет. То, что когда-либо соответствует дизайну, является правильным размером. В вашем случае, возможно, того же размера, что и существующие иконки на сайте клиента. В: Какого размера должны быть загружаемые ресурсы бренда? A: Также нет стандартов. Вы должны либо использовать размер, который вы хотите, чтобы логотип использовался в соответствии с рекомендациями, и/или предоставить векторные файлы, и в этом случае размер логотипа совершенно не имеет значения.
Что касается последнего ответа: если вам нужны какие-то рекомендации, возможно, загляните на страницы активов известных брендов: Facebook , Twitter , Instagram , Tumblr , Squarespace , Spotify .
Спасибо @Joonas. Думаю, если я предоставляю EPS, то размер зависит от пользователя.

хунта · Answer 1

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

Размер других кнопок социальных сетей легко определить, поскольку вы можете создать свою собственную версию любого размера и загрузить их логотипы онлайн на их собственных веб-сайтах. Что делают многие дизайнеры, так это предлагают набор иконок размером 16px, 32px, 48px, 64px, 128px, 256px в формате png, и в качестве дополнения вы можете добавить векторную версию (.ai, .svg), поскольку она предназначена для ваших клиентов и более универсальным тоже. Высота каждого значка вызывает больше беспокойства, чем ширина, но квадратная версия — хороший стандарт.

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

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

Например, если вы зайдете в «Настройки макета» Facebook, вы увидите, что они предлагают вам высоту для каждого типа кнопки.

Он варьируется от 20 до 80 пикселей в зависимости от того, какую версию хочет использовать наш клиент.

https://developers.facebook.com/docs/plugins/like-button#settings

Если размер не указан на их сайте, вы можете проверить CSS кнопки. Например, кажется, что маленькая кнопка Twitter Tweet имеет высоту 20 пикселей. Иногда вы также можете найти эту информацию в коде для встраивания кнопки.