Наталья Койнова
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
центр гармоничного развития личности
САМОРЕАЛИЗАЦИЯ
Центр гармоничного развития личности “САМОРЕАЛИЗАЦИЯ” http://samorealizatsia.ru
1
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
Центр гармоничного развития личности «Самореализация» http://samorealizatsia.ru предлагает вашему вниманию разнообразные бесплатные материалы для самостоятельного изучения. Центр «Самореализация» стремится помочь вам в самых различных сферах деятельности, в том числе и в работе с социальными сетями. Данное пособие написано мной с целью заострить ваше внимание на очень важном аспекте такой работы – оформлению групп и страниц.
ректору Центра гармоничного развития личности «Самореализация», за помощь по созданию этого справочника. Публикация работ, использованных в качестве примера, велась без каких-либо корыстных целей. Картинки брались из новостной ленты случайным образом. Если вы захотите дополнить этот сборник своими примерами, то буду вам признательна. Также пишите, если вы найдете в данном руководстве какую-то ошибку или неточность и захотите ее исправить: https://vk.com/nkoynova
Выражаю искреннюю признательность Наталье Коледенковой, креативному ди-
центр гармоничного развития личности
САМОРЕАЛИЗАЦИЯ
http://samorealizatsia.ru
С уважением, Наталья Койнова
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
2
ВВЕДЕНИЕ Данное пособие представляет собой подробный справочник по оформлению сообществ в социальных сетях. Сейчас без минимальных навыков владения графическими редакторами, работать рядовому администратору в социальных сетях достаточно сложно. Именно поэтому в данное пособие включены практические задания, которые вам рекомендуется выполнить. Отнеситесь к их выполнению со всей ответственностью, чтобы повысить свой профессиональный уровень. Также хочу упомянуть, что данный справочник создавался как методическое пособие к видео-курсу «Оформление сообществ в социальных сетях: CorelDRAW, Adobe Photoshop». На мой взгляд, изучение программ должно проходить последовательно и с понимани-
ем того, зачем вам это нужно. Именно поэтому справочник будет наиболее полезен в комплексе с курсом. Видео сделаны специально для людей, работающих в социальных сетях и под их нужды. Двигаясь от простого к сложному, с помощью пошаговых видео-уроков, вы освоите все необходимые для начального уровня приемы и действия по созданию изображений. А книга позволит вам оценивать качество своих работ. Если вы самостоятельно оформляете посты для публикации, то, прочитав это руководство, вы начнете иначе смотреть на свои работы и, надеюсь, улучшать их качество. Если это произойдет, я буду считать свою задачу выполненной. Ссылка на упомянутый здесь курс: http://lpage.samorealizatsia.ru/design/index.html
центр гармоничного развития личности
САМОРЕАЛИЗАЦИЯ
http://samorealizatsia.ru
3
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
С ЧЕМ ПРЕДСТОИТ РАБОТАТЬ? Давайте для начала определим фронт работ. С чем нам предстоит иметь дело, работая в социальной сети, если мы хотим красиво оформить свое сообщество? В разных социальных сетях по-разному. Во ВКонтакте – это аватар, меню, возможно, лента фотографий. На Facebook – обложка, аватар, вкладка приветствия, иконки вкладок. В Одноклассниках нужно оформлять аватар сообщества. Но есть то, что требует оформления независимо от того, в какой социальной сети вы ведете группу или страницу. Если вы активно присутствуете в социальных сетях, вы могли заметить, как все более мастерски оформляются посты в крупных сообществах. Тут уже не достаточно обычного наложения текста на картинку. Сообщества разрабатывают свой стиль, свою подачу, которые хотят реализовать буквально в каждом изображении, попадающем на стену. Бороться за внимание читателя становится все сложнее. Объемы информации растут, а внимание пользователей падает. Вот это и толкает человека, даже не ведающего об отличиях векторной графики от растровой, изучать программы для обработки изображений и создавать свои работы. Все бы хорошо, если бы благое намерение не давало иногда обратный желаемому результат. То, что должно было привлечь, начинает отталкивать. Иногда рассматривая работы людей, только что открывших для себя чудеса работы с изображениями, я вспоминаю об эффекте Даннинга – Крюгера. Эти два умных человека обратили внимание на то, что люди,
недостаточно владеющие каким-то навыком, склонны завышать свои способности. Только этим эффектом я могу объяснить, как какие-то странные графические объекты попадают в общественный доступ. Надо заметить, что работы, смотря на которые вспоминается другой Крюгер, ☺ встречаются не так часто. Я не буду здесь рассуждать, что есть профессионализм, а что им не является. Все же я считаю, что делать качественное оформление может каждый, кто отрабатывает свои навыки работы с программами и развивает свои умения. К тому же это пособие написано не для профессионалов. Так же я не буду использовать понятия «красиво – некрасиво». Красота, стиль и вкус – очень субъективные вещи. Но я расскажу вам несколько правил, соблюдение которых может значительно улучшить внешний вид ваших сообществ. Данные правила не являются эталоном и, как и любые правила, имеют исключения. Я покажу вам самые различные примеры, чтобы вы сами смогли оценить, что подходит именно вашей странице или группе, а от чего вам следует отказаться. Мы разберем все возможные аспекты, по которым оцениваются изображения в социальных сетях: соответствие тематике сообщества; качество и размеры картинок; фоны, используемые для изображений; цвета и шрифты. В каждом разделе будет теория, разбор примеров и практика. Начинаем.
http://samorealizatsia.ru
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
4
СООТВЕТСТВИЕ ТЕМАТИКЕ Я перевидала множество групп и страниц, где посты кидаются, мягко говоря, «от фонаря», совершенно не согласуясь с заявленной тематикой. И хоть это меня сильно огорчает, речь сегодня об этом не пойдет, т.к. примеры таких несоответствий будет сложно рассмотреть в рамках данной книги. Я могу только предложить вам внимательнее изучить темы по целямзадачам и по составлению контент-плана из курса Специалист по продвижению в социальных сетях. Здесь же я рассмотрю несоответствия аватаров и обложек тематике сообщества. Давайте сразу определимся о чем пойдет речь, чтобы пресечь возможные возражения: «Я видел такие аватары в крупном сообществе, и ничего, там полно посетителей, зачем я должен что-то исправлять?» Если я хочу посмотреть новый фильм, я найду во ВКонтакте сообщество, выклады-
вающее фильмы. И мне будет сугубо фиолетово, какой там аватар. Не так ли? Буду ли я столь неразборчива, когда речь идет о сообществе, представляющем какой-то бизнес? Захочу ли я вступать в него? Какие факторы смогут повлиять на это? И вот здесь я вам отвечу: здесь нет мелочей. Повлиять может абсолютно все. Поэтому нельзя пренебрегать ни одной деталью. Как я уже говорила выше, но нахожу нужным повторить еще раз, – я не ставлю своей целью критиковать кого бы то ни было. Так же я признаю право на индивидуальный подход к реализации своих проектов за любым человеком. Я только хочу продемонстрировать вам, как правильный выбор аватаров и обложек сообществ, может усилить производимый на посетителя эффект и убрать возможный диссонанс. Все же первое впечатление можно произвести только один раз.
Пример 1. На какие мысли наводит вас аватар группы дешевых авиабилетов? Например, а относится ли сам создатель группы серьезно к этой теме? http://samorealizatsia.ru
5
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
Пример 2. Увидев в новостной ленте такой аватар вы догадаетесь о чем это сообщество? Конечно же, о дизайне, скажете вы, посмотрев на название. А дизайну чего посвященна группа? Не поверите, дизайну интерьеров. Тогда вернемся к началу: какую информативную нагрузку несет этот аватар?
Пример 3. Скорее всего, в качестве аватара использована одна из работ свадебного визажиста-стилиста. Работа качественная. Но оправдан ли выбор данной фотографии для аватара? Создает ли он атмосферу свадьбы, торжества? А ведь именно это ощущение вызывает желание посмотреть и другие работы.
http://samorealizatsia.ru
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
6
Пример 4. Абсолютно очевидно, что создатель группы хотел передать идею, поэтому и выбрал такой аватар. Вполне атмосферно и женственно. Однако хочется отметить, что реальная женщина, выполняющая упражнение славянской гимнастики, вызвала бы больше доверия лично у меня. Сейчас же ощущения, что это реальная студия и реальный тренер, у меня нет.
Пример 5. Страница Facebook «Смысл жизни». Говорить об обложке пока не будем – всему свое время. Вопрос: кто изображен на аватаре и почему?
http://samorealizatsia.ru
7
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
Пример 6. Глядя на этот аватар не возникает ли у вас мысли, что «я тебя слепила из того, что было»? У меня возникает. Во всяком случае, если это и относится к истории или ее любителям, то как-то очень опосредованно.
Пример 7. Двоякие чувства возникают у меня при взгляде на этот аватар. Вроде бы все правильно, на аватаре должен быть логотип (если вы, конечно, быстро сообразите, что это логотип). Но вот такой одинокий и такой замысловатый точно ли он как-то раскрывает тему этого сообщества? http://samorealizatsia.ru
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
Безусловно, в социальных сетях много примеров соответствия оформления и темы. Также есть примеры удивительных попаданий и интересных дизайнерских решений. Но я не буду приводить их в этом разделе, т.к. надеюсь, что вы сами понимае-
8
те в этом не меньше моего. Ведь чтобы подобрать изображение соответствующее вашей теме, нужно только вдумчиво подойти к решению данного вопроса. И выбрать для этого время.
Практическое задание к этой главе 1. Четко сформулируйте тему своего сообщества, исходя из целей и задач вашего бизнеса (или бизнеса вашего заказчика). Помните, что здесь не годятся окольные пути: всегда делайте выбор в пользу конкретики. Тема «Магазин бижутерии, Новосибирск» более предпочтительна, чем тема «Сказочный мир бижутерии». 2. Определитесь, какие виды изображений вам понадобятся для оформления сообщества по выбранной теме: аватар; меню; закрепленный пост, выполняющий функцию меню; обложка; шаблоны для постов и т.п. 3. Будете ли вы использовать логотип при оформлении? Где? 4. Какие художественные образы можно выбрать для более конкретной передачи вашей темы? Напишите их не менее 7. 5. Уточните у знакомых и близких, с чем у них ассоциируются выбранные вами образы.
9
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
ФУНКЦИОНАЛЬНОСТЬ Создавая сообщество в социальных сетях для ведения бизнеса, его владелец преследует определенные цели: усилить поток посетителей на сайт, увеличить продажи, заявить о себе и т.п.
функциональным. И вот здесь важно соблюсти баланс: создать изображения в рамках своей темы при этом привлекающие внимание к элементам, решающим задачи продвижения.
Отсюда следует вывод, что сообщество должно быть не просто красивым, но и
Давайте рассмотрим примеры, которые реализуют / не реализуют это требование.
Пример 8. Данные аватары можно признать вполне функциональными. Они содержат: объяснение того, что ожидает посетителя данной группы, контактную информацию, адрес сайта. Также вы можете видеть призыв присоединиться к участникам группы.
http://samorealizatsia.ru
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
10
Пример 9. Тематическое оформление тесно соседствует с привлечением внимания к сайту. Название сайта есть на аватаре и на оформленной ленте фотографий. Сложно не заметить, что все в этом сообществе сделано в едином стиле, что, безусловно, добавляет ему дизайнерских баллов.
http://samorealizatsia.ru
11
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
Пример 10. Функциональное применение ленты фотографий в группе ВКонтакте. Привлечение внимания к меню, которое нужно открыть, чтобы увидеть полный список предоставляемых услуг.
Пример 11. Функциональное применение ленты фотографий в группе ВКонтакте. При клике на любой фотографии, она разворачивается, а в описании к ней дается или ссылка или необходимые пояснения. http://samorealizatsia.ru
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
12
Пример 12. На скриншоте показано раскрытое меню, которого при первом заходе в сообщество не видно. Его нужно открывать. Поэтому посмотрим сначала на аватар. Здесь мы видим поясняющую информацию по теме сообщества, адрес сайта и стрелку, побуждающую нас открыть это самое меню. В целом, вполне экологично и функционально. Хотелось бы только убавить текста на стрелке внизу аватарки, чтобы сделать его крупнее и более читабельным. http://samorealizatsia.ru
13
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
Пример 13. Обложки страниц facebook позволяют разместить на них больше информации. Почему бы не использовать это? http://samorealizatsia.ru
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
14
Пример 14. Функциональную нагрузку могут нести и картинки в постах. Здесь фотографии не только привлекают внимание в ленте новостей, они еще содержат информацию, что конкретно нужно сделать, чтобы получить заявленное. На первом примере стрелочка даже показывает, на какую кнопку нужно нажать. http://samorealizatsia.ru
15
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
Пример 15. А вот здесь автор явно вынес функциональность на первый план, сильно переборщив с нею. Слишком много текста на аватаре не вызывает желание его читать. Кроме того, в оформлении совершенно забыта тематика сообщества.
Пример 16. Важные данные на аватаре: надпись «интернет-магазин», телефоны и сайт – или слишком мелко написаны, или не читаются. А зря! http://samorealizatsia.ru
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
16
Пример 17. Прежде чем размещать красивый дизайнерский плакат в качестве аватара, подумайте, точно ли мелкие буквы добавят ему шарма? Во всяком случае, свою функциональную нагрузку они точно теряют.
Пример 18. Казалось бы, на фотографии, использованной в качестве аватара, достаточно песка. И вполне можно было бы увеличить текст, содержащий какую-то важную информацию. Иначе зачем бы его писать? Сколько человек заострило внимание на написанном? Вопросы остаются открытыми.
http://samorealizatsia.ru
17
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
Пример 19. Слишком много изображений на обложке, фон, делающий нечитабельным название страницы, сгенерированное facebook – все это уводит создателя от цели. Здесь явно хотелось больше сообщить о деятельности сообщества. Вышло наоборот. Аватар не совсем в тему завершает общую картину.
Пример 20. Если и делать стрелку, призывающую вступить в группу, то подходящего размера и с надписью, которую можно прочитать без усилий. http://samorealizatsia.ru
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
Пример 21. Скажем несколько слов о меню ВКонтакте. Меню не видно, если вы только зашли в группу. Его нужно открывать, кликая по специальной ссылке. Тем не менее, кто-то из посетителей может это сделать. Что же он там увидит? Если вы не хотите оформлять меню, лучше уберите эту опцию вообще, ВКонтакте позволяет это делать. http://samorealizatsia.ru
18
19
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
Пример 22. Ну и на закуску рассмотрим три характерных примера, подсмотренных в одном интернет-магазине, организованном в группе ВКонтакте. Пример этот достаточно типичен, что не делает его менее показательным. Скажите, что мешает владельцу этого сообщества написать цену под товаром? К чему все эти секреты и тайные переписки через личные сообщения? Помните: если один спросил, то десять подумали. Подумали и промолчали. http://samorealizatsia.ru
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
20 Практическое задание к этой главе
1. Определитесь с тем, какая информация важна для вашей темы: - название фирмы и тема; - адреса, телефоны; - сайт; - виды услуг; - информация о скидках, акциях; - призыв вступить в сообщество или открыть меню. 2. Есть ли у вас специфическая, но важная информация, которую нужно донести до посетителей через внешний вид вашего сообщества? 3. При создании аватара (или обложки) сообщества, убедитесь, что он не перегружен информацией. Подумайте, как лучше распределить информацию при оформлении. 4. Проверьте каждый раздел своего сообщества: меню, обсуждения, альбомы, разделы, объединенные хэш-тегами – на их функциональность. Решают ли они задачи вашего бизнеса (или бизнеса вашего заказчика)?
21
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
РАЗМЕРЫ И КАЧЕСТВО ИЗОБРАЖЕНИЙ В этом разделе я объединила два важных аспекта, так как, на мой взгляд, они очень сильно переплетены. Начнем с размеров. Для оформления сообществ в социальных сетях существует целый ряд объектов, имеющих фиксированные размеры. Это аватары, обложка страницы facebook, вкладки (приложения) facebook, иконки вкладок facebook, картинки для викистраницы ВКонтакте и меню ВКонтакте.
Обратите внимание, что при загрузке аватара, ВКонтакте выберет не все изображение, а только его часть. Верх и низ картинки он затемнит, и, если вы все так и оставите, в конечном итоге обрежет. Чтобы этого не случилось, подведите курсор к белым маркерам, обозначающим границы выделенной зоны, и растяните изображение до нужного размера (ввехр и вниз).
Давайте назовем размеры всех этих изображений и поговорим, как эффективнее с ними работать. ВКонтакте Аватар – 200 пикселей (px)в ширину на 500 пикселей (px) в высоту. Изначально в сообществах ВКонтакте аватар обозначен условным изображением. И его нужно туда загрузить при первой же возможности. Загружать можно форматы JPG, GIF или PNG.
http://samorealizatsia.ru
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
22
Изображение для вики-страницы - ширина 605 px - высота без ограничений. Более подробно о вики-страницах можно узнать в курсе Специалист по продвижению в социальных сетях. Многие администраторы давно оценили преимущества использования викистраниц. В них можно складывать много полезной информации, скрывая их под картинкой обычного поста. Там можно перемежать текст картинками, давать ссылки, вставлять видео и использовать форматирование текста. Преимуществ много. Поэтому вопрос о том, какой размер картинок будет самым оптимальным для вики-страниц, достаточно актуален. Однако при загрузке картинки на викистраницу, она не всегда встает так, как нужно. Для придания ей желаемых размеров, зайдите в раздел «РЕДАКТИРОВАТЬ».
Выставляем в первый квадратик цифру 605 – это наша ширина. Высота выставится сама, если у вас стоит галочка напротив опции «Сохранять пропорции». А галочка эта должна стоять, чтобы получился нужный нам результат. После этого нажимаем на кнопку «Изменить», и окно редактирования исчезнет. ВНИМАНИЕ! Ваши изменения еще не сохранены. Это нужно будет обязательно проделать дальше, нажав на синюю кнопку «Сохранить страницу» в исходном окне. Меню – щирина 388 px. Размеры меню правятся в специальном коде вики-разметки. А размер отдельных его частей можно редактировать тем же способом, что описан выше для викистраниц. Facebook: Обложка – ширина 720 пикселей при высоте 266 пикселей.
В этом режиме кликните на картинку. У вас всплывут дополнительные настройки. Вы увидите несколько разделов, которые можно редактировать. В рамках данного пособия нас интересуют только размеры. Их мы и будем изменять.
При загрузке обложки facebook предложит вам загрузить изображение не меньше 400 px в ширину и 150 px в высоту. Дальше он сам его увеличит до нужных размеров. Что, безусловно, скажется на качестве вашей обложки. Поэтому настоятельно рекомендую выдерживать ширину картинки не
http://samorealizatsia.ru
23
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
менее указанных мной – 720 px. Нужно отметить, что facebook позволяет загружать для обложки рисунок произвольного размера. При этом ширину он сам ужмет до нужных пропорций, а высоту обрежет до 266 px, предварительно позволив вам определить, что должно попасть в кадр. Facebook адаптирует любые изображения под свой формат, что сильно сказывается на качестве публикаций. Учитывайте это, если решите загружать произвольную картинку для обложки своего сообщества. Следите за тем, чтобы ее ширина была больше (или равнялась) 720 px. Это поможет вам добиться четкости изображения, ведь обложка – это визитная карточка вашего сообщества. Поскольку данное издание предназначено для людей, занимающихся самостоятельным оформлением сообществ, упомянем еще об одном важном аспекте, который нужно учитывать при создании обложки. Думаю, вы обращали внимание, что на страницах facebook аватар расположен
прямо поверх обложки. А это значит, что на обложке есть нефункциональная область скрытая аватаром. Для того, чтобы понять какая же это область, я предлагаю вам посмотреть на следующий шаблон. Обложка была поделена на квадраты, каждый из которых имеет стороны в 100 px. Данная схема позволяет увидеть, что нижняя часть обложки примерно на 150 px от левого края и на 120 px от нижнего края с левой стороны не будет видна зрителю. Обязательно учитывайте этот фактор, планируя на изображении, предназначенном для обложки страницы facebook, расположение текста, важных деталей и графических объектов. Если вы просчитаете их расположение заранее, это избавит вас от многих разочарований при загрузке обложки на реальную страницу. Аватар – min 180 х 180 px. Здесь также возможно загружать любое изображение, имеющее размеры больше указанных.
http://samorealizatsia.ru
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
Facebook уменьшит изображение до нужных размеров, ориентируясь на меньшую сторону картинки. Большую сторону он обрежет. Выбрав опцию «Радактировать
24
Располагаются на странице facebook в разделе «Приложения» слева.
Меняются иконки в Настройках страницы в разделе Приложения.
миниатюру», вы можете переместить изображение так, чтобы то, что попадет на аватар, устраивало вас наибольшим образом и выглядело презентабельно. Самым подходящим изображением для аватара служит логотип организации, которую вы представляете. Вкладка (приложение) – ширина 810 px, высота не более 1200 px. Вес изображения не должен превышать 400 Кб. Здесь следует заметить, что загрузка картинки в приложение Static iframe tab может закончиться неудачей, если ее ширина превышает требуемую хотя бы на 1 пиксель. Будьте внимательны! Высота изображения не обязательно должна быть максимальной. Я считаю оптимальной высоту от 600 до 800 px. Но здесь все зависит от ваших задач. Иконка приложения – 111 x 74 px. Вес изображения до 1 Мб.
Чтобы закрыть тему фиксированных изображений в социальных сетях, упомяну еще об изображениях для рекламных таргетированных объявлений. Во ВКонтакте и на facebook есть несколько видов такой рекламы, и изображения для них нужны разных размеров. Здесь важно следовать за четкими инструкциями, которые даются самой социальной сетью, при создании рекламных объявлений. Кстати, инструкции эти не нужно искать. Они расположены прямо в разделах загрузки изображений. *** Теперь давайте поговорим об изображениях, которые фиксированных размеров не имеют. И это – картинки для постов. Те самые фотографии и рисунки, которые мы каждый день смотрим на стенах сообществ и профилей или в ленте новостей. Наверное, вы замечали, что в социальной сети ВКонтакте картинки вверху стены помещаются в колонку справа, соседствующую с разделами группы. Но если стену
http://samorealizatsia.ru
25
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
прокручивать вниз, можно увидеть, что функциональные разделы заканчиваются, а картинки расширяются и показываются в свой полный размер. И вот здесь, в своем развернутом состоянии, они не всегда радуют глаз. Например, вертикальные картинки сразу выбиваются из общей картины. Некоторым владельцам сообществ они кажутся неподходящими, так как оставляют много белого пространства. Справедливости ради скажу, что все эти тонкости видны только с экранов мониторов. Если вы зайдете во ВКонтакте со смартфона, то увиденное вами будет вполне единообразным. Устройство ужимает все изображения за счет малой величины своего экрана, а специальное приложение даже центрирует их. Но так или иначе, я тоже отношусь к сторонникам горизонтальных изображений. Однако и горизонтальные картинки встают на стену по-разному. Вот поэтому очень часто возникает вопрос, какой же размер фотографий оптимален? Какой размер использовать для шаблонов изображений, чтобы все выстраивалось стройно и единообразно? Я провела небольшой эксперимент, результаты которого сейчас вам продемонстрирую. Перед вами шаблоны с маркированными размерами, опубликованные в группе ВКонтакте. Красным пунктиром отмечено поле публикации. Таким образом, вы видите, что шаблон 600 х 300 px максимально заполняет это поле. Увеличение высоты ведет к сужению опубликованной картинки. Поэтому следует признать самым подходящим размером изображения для поста ВКонтакте – 600 х 300 px. http://samorealizatsia.ru
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
Аналогичный эксперимент я провела и на facebook. Не буду показывать вам полную линейку скриншотов, только озвучу результаты. На стену прекрасно встают любые изображения с шириной от 500 пикселей и выше. Если ширина меньше 500 px, то картинка оставляет пустые серые края по бокам.
26
так НЕЛЬЗЯ уменьшать
Бывает, что нужно опубликовать фотографию, но на ней есть посторонние символы, надписи или даже объекты ☺
Иногда владельцы сообществ для того, чтобы подогнать изображение под нужные размеры, непропорционально ужимают его. Это приводит к резкой потере качества фотографии и ее искажению. Результат подобных действий вы сможете увидеть ниже в примере 25. От себя замечу: изображение может уменьшаться только пропорционально, как показано на схеме. Плющить его только сверху или только сбоку – нельзя.
Тогда можно использовать такой прием как кадрирование. Кадрирование – это обрезка лишних частей фотографии, которые по вашему замыслу не вписываются в композицию или портят изображение.
так можно уменьшать Иногда это самый быстрый способ избавиться от ненужных надписей на фотографиях и рисунках. http://samorealizatsia.ru
ОФОРМЛЕНИЕ СООБЩЕСТВ В СОЦИАЛЬНЫХ СЕТЯХ
Вы ознакомились с небольшой частью справочника «Оформление сообществ в социальных сетях», которую мы выложили в свободный доступ.
показан процесс создания аватара, обложки, вкладок, шаблонов для постов. Рассказано об использовании различных приемов и эффектов, облегчающих работу.
Если вы хотите ознакомиться с книгой целиком, то у вас есть два варианта:
В курсе представлены две программы – векторная CorelDRAW, освоить которую новичку не составит особого труда, и редактор растровой графики Adobe Photoshop. Также есть уроки по работе с кодами, тесно связанными с дизайном, и графические объекты, которые будут полезны в работе.
1. Купить книгу по выгодной стартовой цене – 149 рублей. Это можно сделать здесь: http://samorealizatsia.ru/node/344 2. Приобрести обновленный видео-курс «Оформление сообществ в социальных сетях: CorelDRAW, Adobe Photoshop», в состав которого, наряду с другими бонусами, входит полный вариант справочника. В подробных уроках видео-курса наглядно
Курс продается в записи. Все уроки вы сможете смотреть в любое время, проходя их столько раз, сколько это необходимо. А все возникающие вопросы можно задавать мне, я с удовольствием на них отвечу.
Ссылка на курс «Оформление сообществ в социальных сетях: CorelDRAW, Adobe Photoshop» http://lpage.samorealizatsia.ru/design/index.html
центр гармоничного развития личности
САМОРЕАЛИЗАЦИЯ
http://samorealizatsia.ru
центр гармоничного развития личности
САМОРЕАЛИЗАЦИЯ Ссылка на курс Специалист по продвижению в социальных сетях: http://osclass.osagency.ru/index.html
Стать партнером: http://natali_ch.justclick.ru/join/
http://samorealizatsia.ru