Создаем правильные фоны для Twitter и YouTube.

Опубликовано в Top , Гайды , Дизайн , социальные сети 38 комментариев

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

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

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

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

Уникальный и хорошо оформленный задний фон – то что нужно!

Начнем с простого?

Выбор простенького и быстрого графического редактора.

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

Gimp – бесплатный и open source графический редактор, прост в обращении, не глючный и обладает многими инструментами и фильтрами фотошопа.
gimp

Aviary’s Phoenix – хороший и бесплатный графический инструмент, к тому же полностью web based. То есть вы можете редактировать и рисовать картинки прямо в вашем браузере в среде напоминающей интерфейс фотошопа, а потом сохранить все изменения в файл на рабочий стол. Удобно и быстро.
aviary1

На Photoshop.com тоже есть бесплатная, “легкая” web based, то есть браузерная, версия популярнейшего графического редактора.
photoshop

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

Twitter.

Хороший впечатляющий задний фон на вашем акке в Twitter = больше фолловеров.
Нужны еще аргументы? На правильно оформленном заднем фоне в Твиттере можно указать еще кучу полезной информации, “нарисовать” контактную информацию и ссылки. Ваша фоновая картинка в Twitter скажет о многом и может сослужить вам хорошую службу в привлечение бОльшего кол-ва посетителей и потенциальных клиентов.
blackpig twitter
twitter-background2
gusarov twitter

Пространство: Центральная колонка, которая содержит ленту ваших твиттов и информацию об учетной записи всегда будет “съедать” до 760 пикселей. А что останется на заднем фоне в поле зрения зависит от разрешения монитора пользователя. Каждый посетитель будет видеть чуть больше или меньше в зависимости от настроек своего экрана. Чтобы быть наверняка уверенным, что все посетители увидят то, что вы хотите поместить на ваш задний фон и, что он не будет порезан из-за разрешения экрана, создаем картинку размером 1680 x 1200 пикселей. Разрешение картинки должно быть стандартным для веба – 72 dpi.

Максимальный размер файла: 800 KB

Оформление: Исходя из 760 пикселей, которые под себя будет забирать центральная колонка с вашими твиттами, оставшиеся место по бокам будет зависеть от разрешения экранов. Свободное место сверху будет составлять всегда около 65 пикселей, а слева стоит рассчитывать на 200 пикселей для всех основных элементов вашего заднего фона. 200 пикселей слева будут отображаться на большинстве мониторов с разными разрешениями.
twitter-dimensions

Twitter выравнивает картинку по левому краю, так что стоит сосредоточить основные элементы дизайна именно там.
Есть инструменты, которые позволят вам лучше прикинуть как ваш фон будет смотреться на разных мониторах, один из них – whatismyscreenresolution.com.
Для пользователей FireFox есть хороший Add-On (у них вообще много хороших аддонов) для веб разработчиков -https://addons.mozilla.org/en-US/firefox/addon/60 – этот адддон ресайзит браузер под большинство распространенных разрешений, так что можно посмотреть как дизайн будет выглядеть при выбранном разрешении.

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

Как добавить свою уникальную фоновую картинку в Twitter:
add image

YouTube.

Свой “забрендированный” канал на YouTube – это очень мощный инструмент как для брендинга так и для того, чтобы заявить о себе и получить более чем достаточно внимания для себя и своего продукта или сайта. Даже без сайта некоторые американские парни умудряются отлично зарабатывать, имея канал на Youtube, Twitter и еще парочку учетных записей на остальных топ социальных сетях. На их каналах миллионы просмотров и отличные видео, примеры можно найти на первой странице каналов на YouTube. А вот пару неплохих примеров “забрендированных” каналов:
YT-channel1
YT-channel2
YT-channel3

Также рекомендую к просмотру, сам с удовольствием смотрю каналы:
http://www.youtube.com/user/RayWilliamJohnson – парень ржачно комментирует популярные видео, ну и вообще свежий бодрый юмор и стеб.
http://www.youtube.com/user/KassemG – забавный тип ходит по улицам с микрофоном и ставит жителей Калифорнии в крайне неловкие ситуации.

Remmeber to Rate, Comment and Subscribe! And Leave your creative and funny comments in the section beloow!

Пространство: Фоновые рисунки на каналах YouTube делаются по такому же принципу как и фоны для Twitter, в том плане что надо составлять место для центральной колонки под контент за которым ничего не будет видно. Место под ваши видео и информацию о канале составляет 960 пикселей в ширину. Также стоит учитывать, что верхняя часть, выделенная под лого YouTube и поиск не будет учитываться, так как ваш фоновый рисунок будет начинаться под этими элементами.
Как и в Twitter многое зависит от разрешения мониторов, но рекомендуемый размер – 2000 на 2200 пикселей.

Максимальный размер файла: 256 KB

Оформление: В отличии от Twitter YouTube ставит ваш фоновый рисунок по центру за контентом канала. То есть все необходимые элементы дизайна, которые вы поместите на свой фоновый рисунок для YouTube должны находиться слева и справа от контентной зоны, которая занимает 960 пикселей в ширину по центру. А пользователи с широкими экранами увидят намного больше от картинки по бокам. Поэтому хорошо использовать широкие картинки, к примеру 2000 пикселей.

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

Как добавить фоновый рисунок на свой канал на YouTube:
youtube-background-tutorial

Другие соц. сети

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

Вот и все пока. С каким соц. сетями вы работаете чаще всего и про что в этой сфере вам было бы интересно почитать? Пишите свои комментарии и присылайте примеры удачных фонов для Twitter и каналов на YouTube.

Опубликовал Black Pig   @   2 февраля 2010 38 комментариев
Теги : , , , ,

38 комментариев

Комментарии
Фев 2, 2010
15:13
#1 Oh Yeah! : ответить на комментарий

Годная статья, как раз сейчас сам начал заниматься дизайном твиттера. Ищу клиентов.

Хотелось бы еще добавить, что 200 px – это то пространство, что увидят юзеры с расширением 1024х768, те у кого 800х600 – и того меньше, но я думаю таких “динозавров” уже почти не осталось, так что сам оптимизирую под стандартные разрешения от 1280х1024 и до 1920Х1200.

Проверяю, кстати – похожим сервисом Twitter Background Checker – http://twtbg.me/

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

Фев 2, 2010
15:33
#2 Yabuti : ответить на комментарий

Пиг, огромное спасибо за информацию!
Побегу делать себе красивый канал на ютубе!

Фев 2, 2010
16:24
#3 Never Lex : ответить на комментарий

Думал тоже на эту тему постец написать. Ну теперь не буду, за ненадобностью :) Всё нормально расписал.

Фев 3, 2010
14:44
#4 Евгений : ответить на комментарий

Спасибо,Свин. Актуально

Фев 3, 2010
20:48

Вот фон для твиттера – рельно актулаьно. Правда, все равно я сам вряд ли что сделаю(

Фев 4, 2010
7:27
#6 Shakiroff : ответить на комментарий

Спасибо за статью.
Надо себе тоже фон нарисовать в Твиттере…

Фев 4, 2010
14:49
#7 Demonman : ответить на комментарий

Спасибо тоже хочу сказать за статью и у кого руки есть тот всё что угодно может сделать, точнее из того места ростут

Фев 6, 2010
2:07
#8 Вадим : ответить на комментарий

Вот о Ютубе не знал, спасибо

Фев 7, 2010
15:11

По Ютубу пригодиться, спасибо.

Фев 7, 2010
19:25
#10 Dragon : ответить на комментарий

Пытаюсь настроить youtube, делаю фон, загружаю, пытаюсь сохранить изменения и получаю – “Вы исчерпали возможности персонализации своего канала.
Рекомендуем удалить некоторые персонализированные темы или сократить информацию в профиле.”
Не подскажите в чем может быть причина?

Автор Фев 7, 2010
22:31
#11 Black Pig : ответить на комментарий

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

Фев 8, 2010
8:10
#12 Dragon : ответить на комментарий

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

Фев 10, 2010
0:32

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

Фев 10, 2010
7:35
#14 Antonin : ответить на комментарий

Спасибо большое за обзор. Очень познавательно. кстати, я тоже использую Gimp и очень доволен. Рекомендую!

Фев 10, 2010
13:16
#15 Анна : ответить на комментарий

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

Фев 10, 2010
17:02

За подборку редакторов спасибо. О онлайн- версии фотошоп и не предполагал…
Анна, с твиттер я тоже помучился и бросил как есть. Теперь все изменится!..

Фев 10, 2010
18:24
#17 Andrei : ответить на комментарий

Почитал статью , полезно . Уже делал людям фоны для Твиттера , но несколько моментов из статьи подчерпнул на заметку. Спасибо

Фев 10, 2010
23:28
#18 zerohold : ответить на комментарий

Спасибо огромное автору за такую работу! Неоценимо! Столько раз сталкивался с проблемой фона для птичьего радио!

Фев 11, 2010
17:12
#19 site-katalog : ответить на комментарий

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

Фев 12, 2010
5:24

Спасибо. Давно на блогах не встречал такой подробной статьи. Подпишусь на rss и буду следить за обновлениями. А пока побегу делать фон:)

Фев 13, 2010
10:48
#21 Wingard : ответить на комментарий

Спасибо за жутк полезный пост, ушел в уютюб менять дизайн)))

Фев 13, 2010
20:36
#22 little : ответить на комментарий

Доля правды в этом есть. Особенно в создании бренда.

Фев 15, 2010
20:00
#23 юлия : ответить на комментарий

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

Как теперь быть?что это вообще значит?

Фев 15, 2010
20:54
#24 Vova : ответить на комментарий

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

Фев 16, 2010
11:55

Полезная информация, тема не палёная)

Фев 16, 2010
12:13
#26 sonet : ответить на комментарий

спасибоза толковые советы

Фев 18, 2010
11:05
#27 sreda : ответить на комментарий

спосибо, хорошо изложено

Фев 18, 2010
16:34
#28 Вартан : ответить на комментарий

А выхлоп какой от красоты?

Фев 19, 2010
16:15
#29 ziro4ka : ответить на комментарий

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

Фев 20, 2010
19:10
#30 Дмитрий : ответить на комментарий

Спасибо… уже научился создавать фон в Твиттере…. пойду осваивать Ютуб.

Фев 20, 2010
20:33
#31 Elena : ответить на комментарий

пост очень хороший, но к сожалению (хотя может и к счастью) на твитере еще не помешан. Но, как решу построить на твитере свой бизнес то обязательно воспользуюсь советами автора!

Фев 21, 2010
12:19
#32 wellness : ответить на комментарий

Хорошая заметка, видно,человек разбирается в том, что пишет.

Фев 22, 2010
13:53
#33 prima : ответить на комментарий

Хороший тьюториал, мне, кстати у Андрея Гусарова дизайн понравился))

Фев 22, 2010
13:53
#34 nuerote : ответить на комментарий

Я и не предполагал, что сменить фон в твиттер так просто! Премного благодарен.
Сделаю пиратский- суперский! ))

Фев 22, 2010
19:24

Очень интересно! Судя по некоторым откликам ….

Фев 23, 2010
13:34

а у меня вот такой простой фон на Twitter
http://twitter.com/FunCreative

Фев 27, 2010
7:16

Спасибо за интересный материал, почитал несколько Ваших записей, очень понравилось, продолжайте дальше!

марта 3, 2010
22:24
#38 Sarg : ответить на комментарий

Спасибо,всё подробненько и ясно.

Оставить комментарий

Имя

Email

Сайт

Я не робот.

предыдущие записи
« Google утверждает: средний CTR в Adwords = 2%.
следущие записи
Sex.com – самый дорогой домен в мире скоро опять в продаже. »