Back to Top

Мар 05 7

Дизайн страниц Facebook

Одним из важных элементов в новом дизайне страницы является обложка.

Напоминаю, что ее размеры 851 px в ширину и 315 px в высоту. 

Совет:

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

Затем, выбирая файл для обложки, необходимо выбрать пункт «Выберете из фотографий».

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

На обложку распространяются следующие правила, запрещающие располагать в ней:

— Информацию о скидках и других предложениях, таких как: «40% скидки» или «Скачать на нашем сайте».

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

— Ссылки на пользовательские элементы: Указание на «Мне нравится», «Поделиться» и др.

— Призыв к действию: «Купите сейчас» или «Расскажите друзьям». (Самое ужасное ограничение О_о ).

— Изображение не должно нарушать чужие авторские права.

Очень многие, в том числе и я:) озадачены вопросом: «Что же все таки вставить в эту обложку?».

Я подобрал 38 вариантов оформления обложки для TimeLine страниц. Возможно, в процессе просмотра, у Вас появятся интересные идеи того, как оформить свою обложку.

И так, приступим...

Для начала просмотра презентации нажмите навигационную кнопку «вправо».

Вы можете развернуть презентацию нажав на значок расположенный справа — внизу.

Разберем дизайн обложек нескольких страниц:

1. TOYOTA USA (слайд №2)
Лучше всего если изображении обложки привлекает внимание с первых секунд просмотра страницы.
У TOYOTA USA на обложке изображен довольный пес:)), который заставляет с легкой улыбкой задержаться на странице.  И возможно после ознакомления с содержимым страницы стать ее «поклонником».
2. HARLEY-DAVIDSON, LEXUS и HYUNDAI (слайды №3, 4, 5)
Представляют свою лучшую продукцию «лицом», используя все пространство обложки. Отличное решение для крупных брендов.
3. BARACK OBAMA (слайд №7)
Интересная идея вставить в обложку изображение темпы роста новых рабочих мест. После того, как Обама взял на себя полномочия президента.
Совет:
Покажите самые выдающиеся результаты (выгоды) своего бизнеса, подкрепляя их статистикой, цифрами и фактами.
4. Coca-Cola (слайд №8)
Красивый дизайн, но есть одно «но». Все изображения находящиеся в «кругах» являются фотографиями, которые «поклонники» страницы прислали для участия в конкурсе.
Совет:
Используйте обложку, как место, где можно поощрить «поклонников» страницы.
5. Dove (слайд №10)
Разместить на обложке фотографии счастливых покупателей — отличный способ показать, что ваш бизнес популярен.
6. LIVESTRONG (слайд №14)
Минималистский дизайн. Но интересна сама идея продолжения графического элемента обложки в иконку приложения.
Таким интересным способом обходятся запреты фейсбука, применяемые к обложке и заставляют обратить внимание на приложение, в котором расположен блог этой страницы.
7. MAGNOLIA BAKERY (слайд №15)
Так и хочется съесть эту страницу:)
Совет:
Представляя свою продукцию, используйте самый лучший ракурс и профессионально сделанную фотографию.
8. THE NEW YORK TIMES (слайд №20)
Фотография головного офиса и всех сотрудников. Отличный пример того, как можно представить огромный бренд  более «человечным».
9. MASHABLE (слайд №23)
Стена из фотографий «поклонников» страницы. Отличное социальное доказательство востребованности этого бренда.
10. ADME.RU (слайд №24)
Привлекает внимание? Заставляет улыбнуться? Думаю, эта обложка полностью выполняет свое предназначение.
11. MARI SMITH (слайд №26)
Так же, как и у MASHABLE, на обложке Mari Smith представлены фотографии «поклонников» страницы, но так же присутствует и небольшое текстовое поле.
Совет:
Используйте  обложку, как дополнительную площадку для общения с аудиторией страницы. Вставляйте в нее пожелания, советы и т.п. 
12. SOCIAL BLUEPRINT (слайд №29)
Идея вставки советов похожа на страницу Mari Smith, но у Социал Блюпринт, свой неповторимый дизайн.
13. МАСТЕРСКАЯ ФАН-СТРАНИЦ (слайд №30)
Прекрасный дизайн. Привлекает внимание и в непринужденной форме повествует о тематике страницы.
Особое внимание обратите на иконку для фотоальбома, в который вставлено изображение, указывающее на находящие в первых трех боксах приложения.
Отличная реализация того, о чем я писал в предущей статье, посвященной всем изменениях, которые произойдут при переходе страниц на TimeLine.
14. HUBSPOT (слайд №36)
Ярко, оранжево и предельно ясна тематика страницы.
15. FLAGMAN TRAVEL (слайд №39)
Отличное сочетание профессионального дизайна и призыва к действию в иконке приложения.
==================================================================
Разрабатывая дизайн для обложки своей страницы, обязательно учитывайте правила Facebook и по возможности:
— Используйте привлекающий взгляд  рисунок или фото
— Разместите полезную информацию, советы и т.п. 
— Оформите иконки для приложений в едином стиле с обложкой (вставьте призыв перейти в приложение)
=================================================================
Полезные ресурсы для тех, кто будет использовать PhotoShop при создании обложки для своей страницы:
И Gooogle 🙂
=====================================================
Дизайн каких страниц Вам понравился? Какой не понравился? 
Какие элементы дизайна Вы будет использовать на своей обложке? 
Оставляйте свои комментарии в поле расположенном ниже.

Забирайте свою копию!

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

Комментарии Facebook:

7 комментариев к статье “Дизайн страниц Facebook”

  • Maksimas пишет:20.03.2012 - 9:30 дп

    Привет! Отличные посты. Поменял ФБ на новый облик и теперь немогу найти кнопку чтобы попросить друзей нажать «LIKE» www.facebook.com/www.GPSvisiems.lt

    Помогите пожалуйста разобраться с етим.

    Заранее спасибо.

    • Дмитрий Кривов пишет:21.03.2012 - 5:17 пп

      Здравствуйте Максимас.

      Спасибо.

      Перейдите по ссылке и посмотрите, как на картинке расположена кнопка «мне нравится» на Вашей странице. (я выделил ее стрелкой). www.webpagescreenshot.inf...3-321201271606PM

    • Maksimas пишет:31.07.2012 - 1:35 пп

      Спасибо, разобрался 🙂

  • Андрей пишет:12.04.2012 - 4:32 пп

    Дима!

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

    Хотел узнать у Вас, кнопка «Лайк» появляется только лишь на бизнес страницах или она возможна и у персональных?

    Заранее спасибо за ответ!

  • Юлия Ратушная пишет:09.12.2012 - 4:13 пп

    Спасибо, Дима, обложки вдохновили. Иногда мне не хватает фантазии.

  • Изабелла Маранова пишет:30.07.2013 - 5:23 пп

    Дмитрий, добрый день.

    Прочитала вашу статью, у меня вопрос:

    вот на этой странице(comagency.ru/facebook-group/) написано, что страница ФБ лучше, чем группа, одна не пояснено почему. то есть в статье водичка есть, а конкретики нет.

    Сможете пояснить, так ли это?

    И что лучше для продаж интернет магазина- страница или группа?

    • Дмитрий Кривов пишет:19.08.2013 - 10:09 дп

      Здравствуйте.

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

Добавить комментарий