Как оформить группу в вконтакте и создать красивое графическое меню: Графическое меню группы. Оформление группы Вконтакте: как сделать вики разметку

Что бы проверить в каком вы редакторе: подведите мышкой на эту кнопку, напишите какой-нибудь текст и выделите его жирным — если появляются не обычные символы, значит — это код

Вопрос 2: Второй, реально проблематичный: «а как убрать пробелы между картинками??»

Ответ 2: Признаю, сама испугалась, когда впервые у клиента «поехала» менюшка. Сейчас я это быстро правлю, а тогда было не весело. Смотрите:

Добавь тег nopadding; и все станет на свои места!

Шаблон: [[photoцифры_цифры|ширинаxвысотаpx;nopadding;|ссылка на внутреннюю страницу]]

Пример: [[photo7632142_296911703|370x45px;nopadding;|page-32734125_44298120]]

Обычно картинки меню раздвигаются потому, что из кода выпадает nopadding; — вставляем его на место и все выравнивается. Перед тем как сохранять результат, жмите на кнопку «Предпросмотр», что бы убедиться в том, что все ровно стало.

Вопрос 3: Новость. В октябре 2012г., в принудительном порядке, Вконтакте обрезал автары групп и пабликов. Теперь их размер имеет общий стандарт 200х500 пикселей. Так, что если у вас в группе аватар был больше, то сделайте апдейт (обновите аватар).

Кстати, вмести с обрезкой, ВК ввел еще одно нововведение относительно фотографий групп: теперь кликнув на аватар, мы так же как в аккаунте, сможем увидеть все альбомы сообщества. Это удобно! И из этого рисуется новый функционал в коммуникациях группы.

Та-а-ак, с вопросами закончили… теперь переходим к самому созданию меню!

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

Как вам моя шпаргалка? 🙂

Вот такая шпаргалка у меня получилась! 🙂 Для большей ясности, распишу каждую цифру:

1. Управление сообществом. Переходим в настройки группы.
2. Включаем материалы. Сохраняем изменения (если еще не включили).
3. Теперь на главной страницы группы, появилась дополнительная вкладка «Новости группы». Наведем мышкой в правый угол, нажмем на стрелку «Редактировать».
4. Изменим название вкладки. Здесь будет у нас меню, поэтому напишем, что-то соответствующее и привлекающее.
5. Эта кнопочки переключения между визуальным редактором и кодом. Мы будем производить все работы с кодом wiki разметки, поэтому перейдите именно в этот режим.
6. Создадим внутренние, вложенные страницы. Для этого определимся со списком меню, каждое слово меню, возьмем в двойные квадратные кавычки — [[слово]].
7. Нажмем кнопку «Предпросмотр».
8. Слова станут ссылками!
9. Сохраним результат. Не переключайтесь в другой режим, пока не сохранили результат. Кстати, рекомендую периодически сохранять код меню к себе на компьютер.
10. Отступление. Доступ к странице. Для открытых групп, эта функция больше не работает.
11. Теперь заполним вложенные страницы контентом. Откроем ссылку меню в новом окне. Убедимся, что мы попали именно на ту страницу. Добавив нужное нам слово в квадратные кавычки, мы уже дали вложенной странице название.
12. Наполним содержанием эту страницу. Здесь можно добавить как обычный текст, так и новые вложенные страницы, уводящее посетителя вглубь мини сайта. В любом случае, выбор за вами!
13. Добавив нужный контент на страницу, сохраним результат.
14. Теперь нам нужно, прописать адрес этой страницы. Иначе, если этого не сделать, в адресе страницы будут кракозябрики и в какой-то момент, вы можете потерять все свои вложенные страницы. Для этого копируем подчеркнутые цифры – от слэша до вопросительного знака…
15. …и несем этот адрес страницы в наше меню! Помните, оно открыто у вас в соседней вкладке?! 🙂 Вставляем адрес в нужное место.

Проделайте, эту операцию со всеми вложенными страницами и ваше меню будет готово.

Есть! Меню создали, внутренние страницы сделали, заполнили их, теперь перейдем к созданию красивого графического меню. 🙂

Всю теорию о том, как устроена wiki разметка в контакте, я вам давать не буду, у нас сейчас другие цели. Для создания визуального меню в группе ВК, всей вики-разметки знать не нужно. Перейдем к созданию визуального меню!

Для начала покажу вам код и результат своего меню:

Признаюсь, я его сделала специально, что бы написать эту статью. Все «руки не доходили», знаете, как «сапожник без сапог». Но теперь и я с визуальным меню в группе ВК! 🙂

Я покажу вам средний по сложности вариант установки меню. Разница в количестве элементов. Меню, которое разрезается просто на полоски, является самым простым его исполнением. Чем больше кликабельных кнопок в строке, тем более сложно его исполнение. Хотя, зная особенность, все просто! Дело только во времени. Итак, ширина картинки должна быть:

— 370 px – если в строке у вас будет два и более объектов, как у меня кнопочки соц сетей

— и max 388 px – если разрезаем картинку по-простому, только на строки, не разделяя на мелкие объекты. Вот это та особенность, которую нужно знать, при нарезании меню на кнопки. У меня размер картинки всего меню получился 370х456 px.

После того как картинка разрезана на нужное количество объектов и сохранена в отдельный альбом, загружаем этот альбом в ВК. Загружаем в профиль аккаунта, а не в группу! Так как в альбомах группы больше нет возможности скрывать альбомы. Технических альбом в корпоративной (например) группе, совсем не нужен, поэтому прячем элементы меню в альбом аккаунта:

Технический альбом ВК

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

[[photo7632142_296911699|370x101px;nopadding;|http://frilka.com]]

где, photo7632142_296911699 – это адрес картинки! Его мы смотрим в адресной строке картинки:

С первой картинки, начнем вставлять меню в группу вконтакте

Вам нужен короткий адрес картинки, для этого перейдите в сам альбом:

Перейдите в сам альбом, что бы получить нужный адрес картинки!

…и начиная с первой картинки, переносите их в меню группы.

Далее, идет разделительная черта «|» и размер картинки 370x101px; — что бы его узнать, нужно открыть альбом на компьютере, выделить нужную картинку и посмотреть какого она размера:

Добавляем размер картинки в код меню!

Итак, адрес картинки добавили, размер указали, теперь ставим, тег nopadding; — он нужен для того, что бы наши картинки плотно прилегали друг к другу. И последним этапом ставим ссылочку на страницу, куда будет попадать посетитель, после того как кликнет на картинку.

Здесь небольшое уточнение! Внешние ссылки, ссылки на альбомы ВК и обсуждения пишем полностью, а ссылки на внутренние страницы в формате page-32734125_44298120  . В начале и конце строки, не забываем ставить по две квадратные кавычки и без пробелов.

Уточнение 2: когда мы ссылаемся на внутренние страницы без картинок, то для обсуждений, альбомов и внешних ссылок ставим одинарные квадратные кавычки.

Строчки, в которых у вас два и более элемента, в код вставляем без пробелов. Вставляйте каждую строку картинки друг за другом. Потому, что если вы нажмете Enter после строки с картинкой, то картинка перепрыгнет на новую строку и меню сдвинется. Нам нужно, что бы меню отображалось цельным, поэтому ни каких лишних пробелов и «иртеров» нам не надо! 🙂

После того как вы перенесли все картинки в меню и оформили их (размер, ссылка), сохраняем результат и любуемся своей работой! Все! Готово!

Как создать и оформить группу в ВК для онлайн-школы

Если говорить о технической стороне создания группы в ВК, то инструкции для всех будут одинаковы. Как для десктопа, так и для мобильных. На самом деле, какой именно вид сообщества создавать, зависит от вашей цели — если вы предполагаете активное общение в группе, то создавать нужно именно Группу:

Если же планируется публикация новостей, каких-то обзоров и т. д., то тогда вам подойдет публичная страница.

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

На что обратить внимание при оформлении группы

После того, как группа создана, нужно придумать ее название. Оно обязательно должно включать ключевые слова, по которому вас можно будет найти через поиск. Например, «Онлайн-школа бизнеса и финансов», «Курс удалённых помощников», «Школа инфопредпринимателей».

Далее нужно продумать адрес страницы. Он должен быть легко произносимым и запоминающимся. Не нужно использовать сложные, громоздкие конструкции, чем проще — тем лучше.

Теперь переходим к описанию группы:

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

Визуальное оформление группы

В ВК, визуальное оформление имеет меньшее значение, чем в Инстаграм, но все же это один из первых моментов, на что посетители обращают внимание. На аватаре не должно быть очень мелких деталей — надписей, логотипов, изображений, которые сложно разобрать.

Самый выигрышный вариант — это четкое фото владельца группы, но можно использовать и другие картинки, если они легко различимы.

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

Меню группы

Меню группы позволяет:

• сделать из вашего сообщества полноценный сайт;
• структурировать информацию;
• привлекает посетителей красивым баннером.

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

Но, если все же решили сделать это самостоятельно, то вот пошаговая инструкция:

• продумайте структуру и наполнение вашего меню. Если в нем будут присутствовать ссылки на внешние сайты, то предусмотрите где именно они будут размещаться.
• С помощью любого графического редактора создайте вот такую «выкройку». Заготовку нужно сохранить в формате gif. Далее выберите фон для главной страницы или возьмите такой же, как и на первой «выкройке» и напишите название кнопки. Например, «меню» или «открыть меню».
• Вернитесь в ВК, зайдите в «управление сообществом», в «разделы» и в «настройки». Далее выберите «материалы».

После этого, на главной странице вашей группы должен появиться раздел «свежие новости».

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

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

Должно получится вот так:

Теперь, после нажатия на каждую кнопку, нажимайте на стрелочку, как вверху фото и вставляйте ссылки на созданные странице в открывшееся окошко:

Наполнение группы контентом

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

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

Кстати, небольшой лайфхак, для новых «пустых» групп. Часто бывает такая ситуация — посетители переходят в вашу группу, все устраивает, все нравятся, но видя маленькое число подписчиков, уходят не подписавшись. Срабатывает так называемый «стадный инстинкт» — «раз мало подписчиков, значит и мне не надо». Только в целях первоначального увеличения числа участников группы можно приобрести, скажем, первые 500-1000 человек, на сайте https://smmlaba.com/ . Но, ни в коем случае, не следует это делать после того, как ваша группа раскрутится, так как эти подписчики не являются вашей целевой аудиторией.

Если у вас уже имеется несколько онлайн-курсов, то имеет смысл добавить в группу товары. Фото и описание должны быть четкими и понятными.

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

Другие статьи автора

Урок 3. Оформление группы ВКонтакте. Часть 2. Рисуем графическое меню в Photoshop

Шаг 1. Подготавливаем холст.

Открываем программу Photoshop и создаем новый файл. Для этого нажимаем пункт меню File (Файл) и выбираем там New (Новый). Название пунктов и кнопок в разных версиях программы может немного отличаться, поэтому ориентируйтесь, пожалуйста, по картинкам.

На этом шаге нам важно настроить следующие параметры:

1. Задаем ширину и высоту изображения. Ширина должна быть не больше 388 пикселей. Высота может быть любой. Мы указали 500 пикселей. Важно: проверьте, чтобы в качестве единиц измерения были указаны именно пиксели, а не дюймы, сантиметры и т.п.
2. Устанавливаем разрешение картинки (Resolution). По умолчанию там может стоять значение 72 или 150 пикселей/дюйм. Вы можете ничего не делать с этим.
3. Режим цвета (Color Mode) должен быть выбран обязательно RGB color.
4. Цвет подложки (Background contents) – прозрачный (Transparent) или белый (White). Нам кажется более удобным работать на прозрачной подложке.
5. Нажимаете OK

У вас создался новый файл, в котором пока ничего нет.

Фон в виде клеточек означает, что на нем нет никакого цвета, он прозрачный (т.к. на предыдущем шаге мы выбрали прозрачную подложку).

Шаг 2. Рисуем картинку.

Теперь мы очень подробно расскажем, как нарисовать будущее меню для вашей группы. Мы предлагаем вам сделать меню в виде кнопок, т.к. оно довольно просто делается и при этом эффектно смотрится.

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

Затем нам нужно в панели, появившейся вверху экрана выбрать следующую кнопку:

После чего мы должны установить цвет нашей будущей фигуры. Для этого щелкаем мышкой по панели настройки цвета и в появившемся окне выбираем нужный нам цвет. Когда выбранный цвет нас устроит, нажимаем ОК:

Создаем новый слой:

Слои – это такой инструмент Photoshop, который позволяет нам размещать разные объекты как бы один поверх другого. В результате мы можем менять порядок объектов на рисунке, редактировать их или скрывать. Можно провести аналогию с работой мультипликатора: на одной прозрачной пленочке у него нарисовано море и небо, на другой – пальмы, на третьей – героиня из рекламы Баунти, которая расслабленно качается в гамаке. Накладывая одну пленочку на другую, он создает картинку, имея возможность по своему вкусу легко заменить голубое дневное небо на розовое закатное или пальмы на кактусы.

Итак, мы подготовили все инструменты к работе и можем нарисовать нашу первую кнопку. Для этого просто нажмите на рабочую область левой кнопкой мыши и потяните в сторону (не отпуская кнопку мыши).

Теперь добавим текст, выбрав на панели инструментов соответствующий инструмент и щелкнув мышкой в нужном месте экрана.

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

Чтобы отредактировать текст, снова нажмите на кнопку в виде буквы Т, а затем щелкните мышкой по тексту. Установите шрифт, размер шрифта, цвет текста по вашему вкусу.

Важно: чтобы редактировать текст или перемещать объекты, нарисованные на другом слое, вам сначала нужно выбрать этот слой.

Повторите те же действия для всех кнопок, которые вы хотите сделать в меню группы. Мы рекомендуем каждую кнопку делать в новом слое. Проще всего это сделать копированием, тогда вам не придется рисовать одинаковые кнопки вручную. Для этого выделите мышкой нужный вам слой и нажмите сочетание клавиш Ctrl + J. Затем переместите кнопку на желаемое место способом, описанным выше.

Вот что получилось:

Теперь добавим в качестве фона картинку. Нужную картинку предварительно сохраните на своем компьютере.

Затем выберите в меню File (Файл) пункт Open (Открыть) и в появившемся окне укажите путь к вашей картинке и откройте ее. У вас появится новая рабочая область, в которой есть только ваша картинка. Чтобы скопировать ее в файл, где мы с вами сейчас рисуем меню, вам нужно:

1. При помощи инструмента Выделение выделить ту часть картинки, которую вы хотите скопировать. Для этого ведите по ней курсором, зажав при этом левую кнопку мышки. Вокруг выделенной части изображения появится пунктирный прямоугольник.
2. Нажмите в верхнем меню пункт Edit (Править), а затем Copy (Копировать), или просто сочетание клавиш Ctrl + C
3. Перейдите в тот файл, где вы рисуете меню, создайте новый слой и нажмите в верхнем меню пункт Edit (Править), а затем Paste (Вставить), или просто сочетание клавиш Ctrl + V. Скопированное изображение появится у вас на рисунке.

У нас получилось так, что изображение не соответствует размерам рисунка и его нужно уменьшить. Для этого мы нажимаем сочетание клавиш Ctrl + T. Вокруг картинки появились маркеры-прямоугольнички, двигая которые, мы можем уменьшить, увеличить или растянуть изображение:

Ну а как передвинуть изображение на свое место, мы вам уже рассказали.

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

Как вы видите на рисунке, добавленная нами фотография закрыла собой нарисованные кнопки. Если у вас произошло то же самое, то просто перетащите слой с фотографией на панели слоев в самый низ.

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

Добавим кнопкам эффекта прозрачности. Для этого выделяем слой с нужной кнопкой, а затем в поле слоев меняем параметр Opacity (Прозрачность) со 100% на немного меньшее значение. Повторяем так для каждой кнопки.

Ну и для тех, кому понравилось рисовать: добавим эффект тени к кнопкам.

В открывшемся окне можете ничего не менять и просто нажать ОК. Повторить действия для каждого слоя с кнопками (кроме текстов).

Теперь нам нужно обрезать лишнюю часть подложки рисунка:

Вот что у нас в итоге получилось:

Шаг 3. Правильно сохраняем рисунок

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

Нажимаем в меню File (Файл), затем Safe for web (Сохранить для веб). Перед вами откроется окно с настройками для сохранения файла. Мы рекомендуем выбрать формат png-24 (он подходит в большинстве случаев) и снять галочку напротив Transparency (Прозрачность):

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

В следующий раз мы расскажем вам, как вставить меню в группу и добавить к нему ссылки.

Домашнее задание: нарисовать и сохранить красивое меню для группы.

Если вдруг что-то осталось для вас непонятным, не стесняйтесь задавать вопросы. Вопросы оставляйте прямо здесь, в комментариях под этим уроком. Следующий урок вы получите ровно через неделю. До встречи!

Как правильно оформить паблик вконтакте. Оформление группы вконтакте с учетом нововведений

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

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

Используются следующие размеры оформления группы Вконтакте:

• Обложка страницы показывается вверху, на всю ширину паблика, размер 1590 х 400 пикселей;
• Большой аватар — вертикальный баннер 200х500 px (соотношение сторон 2:5), показывается справа вверху;
• Маленькая аватарка, круглая картинка, показывается в каждом сообщении группы, размер 200х200 пикселей.
• Изображение меню для группы Вконтакте, ширина 510 пикселей, высота — 307 (чтобы нижний край меню красиво совпадал с низом большой аватары справа).

Если в настройках сообщества загружено изображение обложки, то большой аватар справа не показывается.

Как сделать шапку для группы Вконтакте самостоятельно

Чтобы шапка сообщества выглядела красиво, все ее графические составляющие должны быть оформлены в одном стиле (набор цветов, логотипы, шрифты) или быть частью одной картинки. При оформлении группы Вконтакте самостоятельно, первый шаг — подготовить фоновое изображение. Это может быть тематическая картинка с бесплатных фотобанков (например, pixabay.com).

Открой картинку в графическом редакторе. Обрежь или масштабирую до размера: длина 1590 px, высота 400 px.

Далее можно нанести необходимые надписи (название группы, слоган, призыв вступать в сообщество). Теперь нужно загрузить обложку в сообщество, для этого зайди в пункт меню «Управление сообществом»:

Кликни по надписи «Загрузить» в поле «Обложка сообщества».

В следующем окне выбери ранее подготовленный на компьютере файл обложки, и кликни по «Сохранить и продолжить».

Теперь в твоей группе будет новая обложка. Учитывай, что в этом случае вертикальная картинка большой аватарки справа показываться уже не будет.

• Картинка или фото должно соответствовать тематике сообщества.
• Используй изображения высокого качества.
• Не нарушай чужие авторские права на изображения (в настоящее время бесплатные стоки предлагают большое количество и фотографий и иллюстраций).
• Не перегружай обложку деталями.
• Если помещаешь на шапку фото человека, то лучше, чтобы он смотрел не на посетителя, а на самый важный элемент на странице (меню, адрес сайта, сообщение об акции, призыв).
• Используй качественные шрифты и проверяй, чтобы надписи были разборчивы при любом масштабе.

Размеры шапки в паблике Вконтакте в новом дизайне

После того как произошел редизайн данной социальной сети, появился новый элемент оформления — обложка. Это большое изображение горизонтальной ориентации размером 1590 на 400 пикселей. Шапка для группы Вконтакте является статической картинкой. Достаточно большой, чтобы разместить на ней и яркую, запоминающуюся фотографию или картинку и название паблика, слоган компании, имя сайта, расписание работы и другие надписи.

Как сделать меню для группы ВК в новом дизайне

Процесс оформления меню группы Вконтакте состоит из следующих этапов:

• Подготовка списка ссылок меню (это могут быть страницы, разделы сообщества или внешние сайты).
• Подготовка фоновой картинки.
• Нанесение на фоновое изображение надписей и «кнопок» меню.
• Нарезка изображения на части.
• Включение wiki-страницы.
• Загрузка графического меню и форматирование его wiki-разметкой.

Фоновая картинка должна быть шириной 510 пикселей, а высота зависит от количества и размещения пунктов меню. Для работы с изображениями понадобится растровый графический редактор, ниже показаны примеры с использованием бесплатного и легкого Paint.Net.

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

Вертикальное меню сообщества ВК с пунктами в один столбик

Открой картинку в редакторе. Инструментом редактора «Текст» напиши пункты меню поверх фона. Чтобы надписи меню были заметны, их можно выделить несколькими способами:

• Обвести рамкой;
• Изменить цвет фона под буквами;
• Добавить буквам тень.

Ниже на скриншоте каждый пункт выделен одним из способов.

Следующий шаг — нарезка изображения на части:

Процесс нарезки изображения также можно выполнить с помощью удобного онлайн-инструмента www.imgonline.com.ua/cut-photo-into-pieces.php .

Далее в меню «Управление сообществом» зайди в пункт «Разделы» и в пункте «Материалы» выбери «Ограниченные» (это значит, что страницы создавать и редактировать сможет только администратор группы).

Нажми сохранить и перейди на главную группы. Возле раздела с информацией о группе появился пункт «Свежие новости».

Перейди в этот раздел и нажми редактировать. Измени заголовок на «Меню» а потом нажми на пиктограмму фотоаппарата, чтобы добавить изображение.

Щелкни по добавленной картинке и в окне свойств укажи ссылку на нужный раздел.

Вконтакте автоматически уменьшает изображения до 400 пикселей и вставляет лишние тэги. Чтобы исправить это нужно перейти в режим редактирования разметки.

Каждый тэг изображения начинается «[[» и заканчивается «]]», состоит из трех частей, разделенных знаком «|»: ID изображения, свойства и ссылка. Нужно откорректировать размеры картинок и вставить в их свойства тег «nopadding». Свойства картинок перечисляются через «;».

После сохранения изменений создание меню завершено.

Меню с горизонтальным или многострочным расположением пунктов

В этом случае подготовка изображений выполняется также, но с разрезанием исходника и по вертикали. Нарезанные фрагменты загружаются через интерфейс редактирования страницы. Взаимное положение прямоугольных фрагментов устанавливается с помощью табличной разметки wiki в ВК. Каждый тег изображения с ссылкой, описанный в предыдущем разделе, помещается внутрь ячейки таблицы.

Правила оформления таблицы:

• Начало обозначается символом «{|», конец таблицы — «|}».
• Дополнительные свойства указываются после «|~»
• Новая строка начинается с «|-».
• Каждая ячейка отделена «|».

Для исключения лишних пробелов нужно указать параметры таблицы «fixed nopadding noborder». Разметка графического меню из 2 столбцов и 2 строк выглядит так:

А само меню в группе:

Размер аватарки группы в новом дизайне для оформления паблика ВК

В сообществах Вконтакте используется два варианта аватарки:

• Большой прямоугольный баннер 200 на 500 точек, показывается справа вверху, если не загружена обложка.
• Миниатюра 200х200 пикселей, показывается в постах и в обсуждениях в виде кружочка.

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

Всё дело в том, что дизайн и оформление публичной страницы у каждого свой, поскольку у каждого из нас разный полет фантазий в этом русле.

Если Вы решите найти информацию по вики-разметке, то готовьтесь столкнуться с большой проблемой, так как информации не так уж и много. Единственное, что Вы сможете сделать, это создать вики-страницу для Вашей публичной страницы и тем самым её оформить. Для этого, Вам необходимо будет знать id Вашей публичной страницы. Но, как узнать id своей публичной страницы? Если, раннее, Вы в настройках сменили адрес публичной страницы, то Вам необходимо будет узнать числовой id страницы. Для этого просто наведите курсор мыши, например, на «Управление страницей» и в соответствующем окошке в браузере Вы увидите числовой id.

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

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

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

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

Еще мы рекомендуем Вам сделать какую-то особенность в своей публичной стр6аничке. Например, Вы можете каждый день в группу закидывать анекдоты, интересные истории или загадки. Это будет завлекать интернет пользователей на Вашу страничку. В связи с этим, люди ежедневно будут посещать Ваш паблик и тем самым, делать его более популярным. Если Ваша публичная страничка основана на раскрутке какого-либо бренда, либо продаже каких-то вещей, такая активная посещаемость людей сможет повысить Ваши продажи, так как каждый второй пользователь, зайдя в Ваш паблик из-за загадки или анекдота, в дальнейшем зайдет на него исключительно из-за того товара, который Вы продаете.

То, как правильно оформить публичную страницу, сможет не каждый понять. Это вполне обычная ситуация, поскольку бываю случаи, когда Вы совершенно ничего не понимаете в этом, тогда Вам на помощь придут профессионалы. Услуги таких людей значительно немаленькие, но качество их работы Вам очень понравится. Люди уже знают, что и как делать, поэтому

Привет! Я — Адель Давлетшин, руководитель SMM-проектов в бюро ДругМедиа

Личные сообщения сообщества

Наверняка, уже все видели кнопку« Написать сообщение» и знают про сообщения сообщества. Эта функция позволяет наладить обратную связь с администрацией сообщества. Если комментарий под новостью месяц назад или в одном из десятка обсуждений администраторы могут не заметить, то +1 в сообщениях сообщества не заметить трудно.

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

Прикольно, что можно написать сообщение-приветствие. А еще можно добавить группу в левое меню соцсети, где напротив сообщества появится +1, когда вы получите новое сообщение в группу.

Описание, инфо

Вкладки с информацией о сообществе и вики-страницами теперь всегда на виду, даже если в группе закреплена новость. Поэтому важно заполнить описание и раздел с вики-страницами, чтобы подписчики могли понять пользу группы. Будет печально, если кто-то захочет прочесть описание группы, а там пустота.

Раздел, который у нас называется« статьи», может называться как угодно. Заходим в этот раздел, нажимаем« редактировать» и пишем любое подходящие название для содержимого. Это могут быть советы, интересные новости, меню или статьи специалистов.

Советы по составлению описания группы мы уже писали в этой статье:

Вики-меню

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

Научиться работать с вики-разметкой можно здесь: vk.com/wiki

Приложения

В группах приложения выделены отдельным блоком справа. Удобно, что название кнопки можно изменить в настройках« управления сообществом». А вот огорчает то, что в сообщество можно добавить только одно приложение. Поэтому приходится выбирать, какое из них вам больше подходит.

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

Товары

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

Не забудьте выбрать подходящие изображения для оформления товаров, добавить описание, цену и канал для обратной связи. Все это пользователи увидят, кликнув на конкретный товар, и смогут связаться с вами.

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

Обсуждения

Ссылки

Поделитесь ссылками на ваш сайт, аккаунтами в других соцсетях и ссылками на другие полезные источники в блоке« ссылки». Печально видеть в группах ссылку на инстаграм с подписью« Наш инстаграм!» или вовсе без подписи. Что ваш инстаграм? Что мне с ним делать? Зачем туда заходить? Важно подписать эти ссылки так, чтобы вызвать интерес. Это можно сделать с помощью короткого описания и призыва к действию. Например, «выбирайте в удобном каталоге на нашем сайте». Коротко, полезно и понятно.

Альбомы

Контакты

Были и те, кто спрашивал« Зачем оформлять контакты, когда есть сообщения сообщества?». Встречный вопрос: «А почему бы тогда не отключить все комментарии и не удалить обсуждения?». Потому что сообщения сообщества — один из инструментов обратной связи. А соцсети созданы для общения. Согласитесь, что общаться с человеком приятнее, чем с обезличенным сообществом. Написав человеку из блока« контакты» мы понимаем, с кем ведем диалог, кто этот человек и по каким вопросам к нему можно обратиться. Поэтому не стоит скрываться за именем группы и дать возможность подписчикам видеть вас и общаться лично.

Вот несколько примеров удачно оформленных групп:

• Хорошие обложка и раздел« товар»

• Короткое и понятное описание

• Заполненный с пользой раздел с вики-страницами

• Интересный тест

• Простое и понятное меню

• Полезные обсуждения

• Яркие обложки альбомов

За последний год ВКонтакте активно меняется и внедряет все новые и новые инструменты и возможности. Важно идти в ногу с нововведениями, чтобы сделать сообщество в соцсети эффективным для вашего бизнеса или бренда.

А у вас в группе заполнены все разделы? Чтобы ничего не забыть и не запутаться, мы составили специальный чек-лист по оформлению сообщества. Распечатайте, следуйте и проверяйте своих сотрудников по чек-листу. Тогда вы будете уверены, что ничего не упустили. Скачать чек-лист по оформлению сообщества можно

Совсем недавно ко мне обратился знакомый и попросил меня оценить его паблик. Разумеется, сразу откликнулся. Ошибок было очень много. Именно он и вдохновил меня на написание этой статьи.

В этой статье хочу рассказать про ошибки начинающих админов в группах ВК и как оформить паблик Вконтакте. Сначала вспомним, что такое паблик? Приступим!

Что такое паблик?

Думаю, многим и так понятно, что такое паблик или группа. Однако, что такое группа в продажах? Вот тут уже интересно… Представим на минутку, что Вы в поиске Яндекс ищите товар. Затем Вы попадаете на посадочную страницу — лендинг. Группа ВК – это та же посадочная страница. Только выглядит по-другому и немного отличается. Начнем выявлять ошибки и менять свою группу к совершенству.

Шаг 1: Пишем название группы

Самую большую ошибку допускают именно здесь. Знаете, почему? Потому что название группы = ключевое слово. По ключевому слову ищут товары или услуги в поиске Вконтакте. Вот вам пример.

Здесь вы видите поиск. Вводим ключевой запрос «ремонт телефонов тамбов». Как вы думаете, куда в первую очередь перейдут? Именно! К тому, кто выше всех в поиске. Кроме этого название должно соответствовать запросу.

Даю Вам готовую формулу для написания названии группы.

Название группы = Бренд + Ключевое слово + Регион

Пример: Сотик.ru | Ремонт телефонов в Тамбове

Шаг 2: Пишем правильный статус в группе

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

Например так.

Ремонтируем телефоны и даем гарантию на 2 года. Постоянным клиентам дарим бонусы и подарки.

Тут думаю понятно. Чем круче выгода, тем лучше. Старайтесь, чтобы все уместилось.

Шаг 3: Рисуем аватарку группы

Аватарка – это лицо Вашей группы или паблика Вконтакте. Именно она привлекает и задерживает внимание подписчиков. Но увы, здесь тоже совершают много ошибок. Во избежание ошибок, лучше нанять опытного дизайнера. Но если Вы все-таки решились сами, то вот несколько советов.

Советы как сделать аватарку лучше:

• Логотип или название бренда обязательно.
• Картинка, которая соответствует Вашему продукту
• Кнопка «подпишись». (Призыв к действию)
• Не более 3-х цветов на одну аватарку.
• Только качественное изображение (5000 х 2000 px).
• Сохраняйте изображение в формате.jpg

Шаг 4: Добавляем фотографии товара или услуги

Все мы визуалы, и привыкли смотреть на товар, с помощью фотографий. Есть товар? Покажите во всей его красе. Разделите товары или услуги по альбомам, под каждым фото напишите описание товара или услуги. Не забудьте прописать цены.

Привлекайте внимание фотографиями высокого качества. В этом плане не экономьте на фотографа или попросите знакомого. И еще, картинки, скачанные из интернета, только портят. Задумайте об этом.

Шаг 5: Заполняем товары

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

Шаг 6: Выкладываем посты в паблике

Знаете, какую ошибку допускают здесь? Сразу начинают продавать и навязывать свои услуги. Так делать не желательно. Все должно быть в меру.

Сначала выкладывайте посты с секретами, советами, новостями о товаре или услуге. Таким образом вы повышаете интерес к паблику, доверие и признательность. Лишь изредка выкладывайте свои товары или услуги. Но делать это надо, когда группа раскручена хотя бы от 1000 человек.

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

Шаг 7: Раскручиваем группу

Контент наладили, группу оформили, но вот нету клиентов. Ммм… Что же не так? А вы запустили трафик в свой паблик? Приглашали людей? Нет? Так, что же вы сидите. Действуйте! Приглашайте друзей, пишите им и просите вступить в группу. Раскручивайте всевозможными способами. Кидайте ссылку Вконтакте везде где только можно. Но по своему опыту скажу, что платная раскрутка группы рулит. Но это уже .

Заключение

Теперь вы знаете как правильно оформить свой продающий паблик. Главное вникнуть в это и Ваш паблик может стать самым популярным Вконтакте. А за популярностью и придут клиенты. Много клиентов. Желаю Вам успехов!

Учитывая, что это меню не в группе, а на странице (паблике) вконтакте, я решила показать вам как все это делается! Давно меня уже дергали вопросами: как сделать меню в паблике, как сделать так, что бы меню было открытым, как сделать закреп и т.д.. Вот вам и инструкция!

Итак, как же вообще можно сделать меню на публичной странице в контакте ? Все мы знаем, что возможность добавления встроенного вики-меню есть только в группе , я об это писала и . Но как же сделать менюшку в паблике, если там нет такой функции в настройках? Для пытливого ума и не бывает никаких ограничений ! Вот так выглядит менюшка в нашем корпоративном паблике:

Меню в паблике? Проще простого!

Пересмотрите еще раз статьи: и , сейчас нам пригодятся эти знания!

Вероятно вы уже догадались, что основу такого меню составляет… закрепленный пост с внутренней страницей! Лично мне этот способ очень нравится, даже в группе моего блога я отказалась от встраивания и использую именно «меню в закрепе». И сейчас я дам вам четкую инструкцию «как это сделать»!

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

Вариант 1: (обычный)

http://vk.com/pages?oid=- XXX &p=Нaзвание_страницы

где XXX — ID Вашей публичной страницы,

а «Название_страницы» — любое слово, которым будет названа страница

Вариант 2: (облегченный, но )

Итак, мы создаем вики-страничку и заполняем её точно так же, как если бы мы заполняли меню для группы. То есть прописываем там все изображения и переходы. У нас должно получиться примерно следующее:

Это вики-код меню

Внимание! Если вы еще не умеете создавать визуальные менюшки в контакте, то повторюсь, статью! Если все ок. то у вас получится подобная картинка:

А это готовая страничка меню

Теперь мы должны добавить наше меню на стену сообщества вконтакте. Для этого копируем ссылку на внутреннюю страницу и добавляем её в пост, вот так:

Вероятно вы уже знаете, ссылка к посту прикрепляется автоматически и после того как ссылка прикрепилась из самого поста адрес страницы можно удалить. Если опубликовать ссылку, то меню на стене не появится, а будет просто ссылка, кликнув на которую человек попадет в наше меню. Это только пол дела! Нам нужно, что бы меню было заметным и висело в закрепе, т.е. на самом видном месте.

Итак, теперь мы должны удалить ссылку из «тела» поста (прикрепившаяся страница останется), и добавить к посту изображение , которое будут видеть подписчики. Фишка в том, что если в одной записи присутствуют ссылка и изображение, то при нажатии на картинку будет совершаться переход по ссылке ! Все гениальное просто!
Картинка может частично или полностью повторять само меню, здесь уже вам решать. Если будете заказывать меню для паблика, то вам нужен еще и банер, т.е. картинку, которая будет висеть в закрепе. Вот что мы получим при публикации поста:

Картинка повторяет меню и привлекает внимание посетителей страницы

Наконец-то у нас все готово и пост висит с картинкой и ссылкой на стене! Теперь нам нужно перенести его в шапку группы, закрепить пост на главной, сделать закреп… Для этого щелкаем на дату/время поста (под каждым постом есть дата публикации), мы попадаем на внутреннюю страницу поста, листаем его вниз и ищем там кнопку «закрепить». Смотрите на картинке, что вам нужно найти:

Нажимаем на эту кнопку и обновляем страницу. Вуаля, все готово! Наслаждаемся красивым меню!

vk.com/frilkacom

Можно даже подобрать такую картинку, которая стала бы продолжением вашего аватара — такое оформление смотрится очень симпатично.

Вот так, с помощью трех не сложных шагов нам удалось создать красивое меню, которое можно использовать в любом ВК сообществе!

У меня на это все! Делитесь статьей с друзьями, добавляйте в избранное и следите за обновлениями блога, чтобы не пропустить новые интересные статьи!

Готовые меню для групп вконтакте. Красивое меню для группы вконтакте

сайт

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

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

Например, на сайте http://all-for-vkontakte.ru/ есть масса разнообразных шаблонов. Выберите себе подходящий и скачайте его на компьютер, далее распакуйте архив и залейте получившиеся заготовки в альбом. После этого с помощью вики- разметки добавьте фото в раздел свежие новости.

Также на сайте http://shablonchegi.my1.ru/ вы можете выбрать подходящие шаблоны с кодами для вставки. Там вы найдете много образцов платных и бесплатных.

Примеры отличного дизайна для групп, посвященных игровой тематике, вы можете встретить на сайте http://you-ps.ru/for_socnetwork/menu/ .

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

Красивое оформление группы в Вконтакте

Красиво оформить группу в Вконтакте вы можете и сами. Только для этого нужно разбираться в фотошопе. Хотя бы на уровне любителя.

Для начала подберите изображение, которое будет отражать тематику сообщества или группы. Уникальные и красивые фотографии возможно приобрести на различных фотостоках, например, http://www.firestock.ru/, http://www.shutterstock.com или же на тех сайтах и сообществах, где пользователи, и профессиональные фотографы выкладывают сделанные работы. К примеру, возможно отыскать группы и сообщества Вконтакте с такими названиями как Эстетика, Красивые Фото, Арт Искусство и посмотреть какие картинки выкладывают туда пользователи. Также вам подойдут такие сообщества как: http://vk.com/another_art и http://vk.com/esthe

Если вы продвигаете свой блог или бренд, для оформления группы в Вконтакте замечательно подойдет ваше фото, сделанное у профессионального фотографа.

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

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

1) В фотошопе произведите загрузку изображения, не превышающее 400-450 пикселей. Вы можете использовать ту же фотографию, какая у вас стоит на аватаре.

2) Разрежьте изображение на пункты меню. Для этого предназначена специальная кнопка «Фрагменты по направляющим»

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

Как сделать оформление группы в Вконтакте

Чтобы полноценно сделать оформление группы в Вконтакте вам, для начала, нужно зайти в настройки. Там в разделе материалы поставьте галочку напротив «Открытые». Сохраните изменения, после переходите в свежие новости. Нажмите на кнопку редактировать. И перейдите в режим вики-разметке. Кликните по значку ромба в верху справа.

Далее вставьте специальную ссылку.

Бесплатные меню для группы ВКонтакте — это оформления которые мы сделали по вашим заказам на форуме, причем совершенно бесплатно! В данном разделе насчитывается около 2700 графических шаблонов различных тематик. Теперь вы с легкостью сможете найти любое меню, так как у нас есть удобный поиск по сайту, и по этому если вы хотите оформить группу своего клана по Counter-Strike, то вам нужно просто написать запрос в поиск, после чего вам покажет весь список бесплатных оформлений с данным запросом.

Если вы не нашли подходящее бесплатное меню для группы в контакте, то вам следует зайти на форум в соответствующий раздел, потом написать бесплатный заказ на оформление своей группы. В данном заказе опишите чтобы Вы хотели бы видеть в графическом шаблоне, также разместите свою картинку или логотип, из которого мы вам разработаем красивый дизайн. И напоследок вы напишете какие разделы должны быть в шаблоне, например: Новости, Правила, Обсуждения. Ведь без разделов это уже не меню получается а простая картинка для группы.

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

Хотим предложить вам графическое меню для вашей группы ВКонтакте , оно посвящено новому футбольному симулятору от EA под названием FIFA 14 . Данная игра вышла 27 сентября 2013 года и вы уже можете скачать игру FIFA 14 c торрента. Как на наш взгляд симулятор достоин внимания, поскольку если сравнивать прошлые игры серии, то тут вас ждет масса новых фишек, например безупречный удар, которая делает каждый удар невероятно реалистичным и траектория полета мяча соответствует реальной физики полета. Футболисты могут пробивать пушечный удар с дистанции, удивлять вратаря низколетящими мячом а также выполнять удары за шиворот и закручиванием мяча как настоящим футболе.

Задайте себе вопрос, на что вы обращаете больше внимания при заходе в какую-либо группу? Не знаю, как вы, а я смотрю, в первую очередь, на аватар группы, потом быстро просматриваю-прокручиваю «стенку», затем уже перехожу к обсуждениям. Информативный аватар – первый «якорь», который провоцирует посетителя вашей группы остаться и посмотреть далее. Если аватар, альбомы в группе, объявления на стене все выполнены в едином стиле, то это впечатляет. Еще не так много сообществ, которые с трепетом относятся к оформлению альбомов, а уж о стеночке забывают вообще.

Оформление группы ВКонтакте — для чего и для кого

Так с чего же начать оформлять свою группу, чтобы она приобрела современный и, главное, привлекательный вид? Именно об этом я рассказываю на вебинаре «Группа ВКонтакте — оформи красиво». В этой статье я остановлюсь на основных пунктах.

Аватар группы ВКонтакте – лицо вашего сообщества

Многие еще весной 2016 года изучали картинку, обошедшую весь российский интернет, на которой были указаны рекомендованные размеры для аватарки, картинок на стене и других графических элементов. Летом того же года новый дизайн был введен для всех без исключения аккаунтов ВКонтакте. И, как оказалось, некоторые рекомендации уже не соответствуют реальности.

Так, аватар, который хотели урезать по длине, все-таки был оставлен в его максимальном измерении 500 пикселей. И это радует – на таком поле можно разместить много полезной информации.

Шаблон ВКонтакте для оформления группы

Шаблоны для оформления группы ВКонтакте сейчас предлагают все чаще и чаще. Внесу свою лепту и я.

Проблемы возникают у многих с отображением миниатюр аватарок, которые обрезаются по кругу. Для того, чтобы миниатюра не стала обрезкой уха или носа, нужно заблаговременно позаботиться о том, какую область будет сервис вырезать для миниатюры. На вебинаре я рассказываю о том, как это делается в Фотошопе (PhotoShop). Я сделала специальный шаблон, размером 200 на 500 пикселей, на нем же разместила круг (в другом слое, кто это понимает) и треугольник для стрелки вниз. Пользоваться такой заготовокй очень удобно – не нужны лишние телодвижения по подгонке размеров.

Сразу оговорюсь – в данном вебинаре я не описываю и не рассказываю о вики-разметке. Это другая тема. Дизайн группы ВКонтакте с оформлением меню я не использую , т.к. в своих группах активно использую закрепление отдельных постов, что идет вразрез с философией вики-разметки и красивого меню, сделанного в едином стиле с аватаркой.

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

Шаблон для участников вебинара онлайн , то есть тех, кто пришел вовремя и смотрел не в записи, а реально принимал участие, я подарила. Тем, кто смотрит в записи, шаблон и табличка с описанием размеров ВКонтакте, я предлагаю этот шаблон купить. Посмотрите видео, если он вам нужен – пишите в личку ВКонтакте или на электронку.

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

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

как сделать меню и шапку

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

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

Ну-ну, Вы зашли оформлять меню для групп ВКонтакте?

Как самому оформить меню в группе ВКонтакте

Да, самостоятельно, потому что после прочтения этой статьи вам не понадобятся услуги фрилансеров. Хоть это и не дорогое дело, но за 1500 вы сможете составить меню на workzila (подробный опыт работы с этой биржей я писал).

Вот что нам нужно для регистрации группы в ВК:

1. Layout (графическое расположение элементов) — ведь нам нужно знать, где что должно быть расположено.

2. Базовые знания вики-разметки. (о самых стандартных вещах мы поговорим ниже, а для детального изучения — рекомендую эту группу).

3. Базовые навыки Photoshop. Вам нужно будет вырезать кусочки макета нужного размера.

Где взять макеты меню?

Макеты для оформления меню ВКонтакте можно взять разными способами, например:

1. Freelance или Workzilla.

2. Вы можете создать его сами, если у вас есть навыки работы с фотошопом. Если нет, рекомендую курсы Евгения Попова, вот один из них, просто в фотошопе — нажмите.

3. Можно погуглить и скачать готовые. Поверьте, их много.

Ну с другой стороны… Зачем гуглить? Просто подпишитесь на обновления моего сайта. И нажмите на кнопки социальных сетей ниже.

Специально для вас я подготовил архив, в котором более 100 различных вариантов оформления для оформления групп ВКонтакте! … Распакованный архив занимает около 2,5 гигабайт.

Главное условие — быть подписчиком и следить за социальными кнопками.!

Спасибо. Теперь вы можете скачать архив по этой ссылке.
Не забываем пройти остальные социальные кнопки.

Размеры аватарок и меню, которые можно использовать для украшения групп ВКонтакте

Чтобы правильно оформить группу или паблик, вам необходимо знать размер изображений, которые вам нужно использовать. Обратите внимание на эту картинку.

Как видите, группе аватаров требуется размер 200 пикселей в ширину и 500 пикселей в высоту. А для изображения главного меню это 395 пикселей в ширину и 289 пикселей в высоту.

Вот в принципе все, что нужно. Есть макеты, есть понимание размеров.

Творческая часть окончена — мало что осталось делать. Начнем с технической части всего процесса создания меню для групп.

Как самостоятельно оформить группу ВКонтакте, имея под рукой макеты

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

Для группового аватара конечно ничего не надо. Вырежьте нужную деталь из макета или рисунка — и вставьте в группу. Думаю уже можно вставить? Что ж, я на это надеюсь.Если нет — пишите комментарии, я добавлю этот раздел в статью.

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

Во-первых, небольшая образовательная программа.

В чем разница между групповым меню и публичным меню?

Отличаются тем, что групповое меню уже, по сути, набор кнопок. Но это меню всегда скрыто! Всегда! А публичное меню всегда открыто и, по сути, представляет собой закрепленную пост-ссылку, ведущую на страницу с разделами самого меню (кнопками).

Итак, еще раз: в группе — чтобы увидеть меню, нужно нажать на кнопку «Меню группы», по умолчанию эта кнопка называется «Свежие новости».

И на публике (в группе, кстати, тоже можно) — меню всегда открыто.

Но эта картинка представляет собой одну большую и красивую ссылку, которая ведет к большему отдельному меню. Здесь:

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

Как создать отдельную страницу для меню ВКонтакте

Для создания страницы будущего меню (навигации) необходимо отправить запрос в ВК следующего содержания:

, где XXX — номер группы, YYY — имя страницы (здесь требуются все вопросительные знаки и тире).

Более того, рекомендую сделать имя нормальным, привлекательным и значимым, потому что оно будет светиться, и люди этим именем будут добавлять определенное впечатление о вас и вашей группе. Например «Навигация» или «Групповое меню» — это нормальные названия, но вроде бы банальные.Использовать свое воображение.

Я ввел следующий запрос

И я открыл сразу созданную страницу с возможностью ее редактирования.

Здесь вам нужно будет вставить свой код для самого меню, используя разметку wiki. Но об этом позже.

Кстати, по секрету скажу, если у вас есть группа (а не публичная) — стандартное меню, которое уже существует по умолчанию — это уже сама по себе страница. Так что вы можете использовать его, если у вас возникнут проблемы с созданием дополнительных страниц.

Как сделать закрепленный пост в группе или паблике

Да, и в любом типе сообщества закрепленный пост создается одинаково! Все сделано очень просто.

И в появившемся окне нажимаем кнопку «Исправить» — все просто!

Многие группы, кстати, используют закрепленные сообщения в качестве рекламы. Если время актуальности этого объявления прошло, вы просто снова нажимаете на дату публикации и на кнопку «Открепить».

Фактически, теперь каждый использует именно этот метод меню.

Угадайте, почему?

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

Нарезка макета для создания группы или публики

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

Теперь меню.

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

Итак, вы уже знаете, как сделать главную картинку для меню — это просто закрепленный пост.

Щелкните по меню, смотрите картинку.

Нам нужно выбрать «кликабельные» зоны.

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

Сколько мы получаем? 5 картинок. И не на каждой картинке будет кнопка !! Как видите, верхняя большая картинка не кнопка, а сама по себе …

Итак, вырезаем картинки по этим линиям.Теперь нужно «залить» в ВК.

Если вы создали отдельную страницу для меню, нажмите кнопку «Заполнить содержимым» на вновь созданной странице.

Если вы не создавали эту страницу, а использовали готовую страницу для меню, то редактор страниц прямо перед вами и вы можете сразу загружать фотографии:

Заполните и у вас должно получиться следующее:

Возможно, у вас будет просто код, как на картинке ниже. Если нет, нажмите кнопку «Исходный код», я выделил эту кнопку на верхнем рисунке.И вы увидите следующее:

Здесь нужно расположить все картинки в ряд, чтобы не запутаться (ну, я так и делаю).

А чтобы между картинками не было отступов, добавьте тег nopadding, он должен выглядеть так:

это page-581

_45419120 — это адрес самой страницы ВКонтакте, этот идентификатор вы найдете в адресной строке браузера.

Вот и все 🙂 Разве не сложно?

Это то, что я получил в итоге в коде.Если у вас есть что-то подобное, то все в порядке.

Если у вас возникли проблемы с любым из пунктов, свяжитесь с нами. Буду рад помочь.

Пользуясь случаем, хочу напомнить вам, что есть замечательные услуги для любого продвижения и продвижения, это:

prospero | общаться | социальные инструменты

Возможно, я не раскрыл всех секретов, которые нужно было раскрыть. Признаюсь, что-то упустил, ведь статья не маленькая — напишите мне, если заметите явные упущения.Заранее спасибо.

Шапка группы ВКонтакте

Включает название сообщества, URL, статус, описание. Эти блоки играют важную роль, так как влияют на ранжирование (внутренний поиск социальной сети + поисковые системы). Они также являются отличительной чертой любого сообщества. Именно на это обращает внимание пользователь при первом посещении группы. В шапке необходимо указать ключевую информацию о деятельности компании. Посетитель страницы должен сразу понимать, чем вы занимаетесь и какие услуги / товары вы предлагаете.

Название группы ВК

Системный лимит — 48 символов. Заголовок — это ключевое слово, с помощью которого вы продвигаете свое сообщество в Интернете. Наряду с ключевой фразой можно написать название бренда / магазина / мастерской.

При написании имени запрещено использовать Caps Lock. Это не сыграет вам на руку при продвижении сообщества, а только разозлит ваших подписчиков и клиентов. Также необходимо соблюдать основные правила русского языка.Не пытайтесь быть хитрее системы.

Статус сообщества

Это специальное поле, которое помещается под названием группы. В нем можно написать что-то заманчивое, интересное или важное. Например:

• Оповестить аудиторию о новых акциях и скидках;
• Оставьте контактные данные для обратной связи с менеджером.

Системное ограничение — 140 символов (с пробелами). Да, это небольшое пространство, но его можно грамотно заполнить.Вы также можете разместить ключевое слово в статусе (при необходимости). Как уже говорилось, это положительно скажется на рейтинге.

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

URL группы ВКонтакте

После создания новой группы ей автоматически будет присвоен адрес.Это серия чисел. Это не очень красиво, и никто не хочет их запоминать. Поэтому важно позаботиться об эстетике и узнаваемости доброго имени. Замените числа буквенными символами. Придумайте небольшое название или слово, чтобы описать ваш бренд.

Для этого откройте раздел «Управление сообществом». Далее заходим в «Настройки». Там вы найдете исходный URL. Сотрите все лишнее и добавьте новый вариант имени (оно должно быть написано латиницей).

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

Описание группы

Вы ввели название группы. А теперь пора рассказать, чему / кому он посвящен. Что вы делаете? С кем ты работаешь? Сколько лет на рынке? Многие владельцы или администраторы сообществ игнорируют эти логические вопросы, ответами на которые могут быть точные описания. Вместо этого они создают что-то вроде этого:

Пример # 1

Пример № 2

Пример № 3

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

И даже если ключевые слова действительно работают при ранжировании, это рискованная тактика. Вы всегда должны помнить о комфорте ваших подписчиков и клиентов. Как вы думаете, им понравится этот текст в описании?

Будут ли доверять компании, которая даже не может рассказать о себе внятно?

А теперь пора поговорить о том, как создать грамотное и красивое описание сообщества.Следуйте этим инструкциям при заполнении информации:

• Нейтральное приветствие или плавное вступление. Он должен иметь прямое отношение к деятельности компании. Не бойтесь начинать с ключевых слов;
• Краткий перечень основных услуг. Чтобы пользователям было удобнее читать, оформите его в виде списка;
• Особенности вашей компании. Кратко опишите основные преимущества бренда. Что отличает вас от конкурентов? (на самом деле, а не в самых смелых фантазиях).Если вы занимаетесь самовосхвалением, всегда добавляйте аргументы в поддержку;
• Укажите контактную информацию (желательно несколько вариантов).

Попробуйте составить компактное описание. У вас еще будет время подробно рассказать о себе. И было бы неплохо, если бы у зрителей хватило терпения полностью осилить ознакомление с шапкой группы. Опытные пользователи социальной сети ВКонтакте указали рекомендованную ими длину описания группы — 500-1000 знаков без пробелов.

Вы уже имели возможность ознакомиться с неудачными вариантами описания. А теперь рассмотрим хороший пример:

ВК группа дизайн

Вы ломаете голову над тем, что лучше выбрать — аватарку или обложку? Теперь вы поймете, почему чехол — лучший вариант. На это есть причины:

1. Крышка удобно сидит по всему периметру крышки. Это добавляет эстетики и привлекательности для сообщества.Конечно, если обложка сделана качественно.
2. На нем можно указать много разной информации, и этот текст не будет рябить в глазах, как это обычно бывает с аватаром (когда вся диссертация написана на маленьком изображении).
3. Аватар останется в группе и появится на миниатюре. Нажав на аватар, пользователь сможет рассмотреть его вблизи.

Контактные данные

Информация о компании (преимущества)

Название и логотип

Вы можете указать все блоки, если это выглядит органично.Или выберите самую важную информацию, которая соответствует вашим конкретным целям.

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

При выборе фона также важно учитывать сферу деятельности. Если вы продвигаете юридические услуги, то рисунок с фиалками и бабочками вряд ли можно считать подходящим вариантом.

Взгляните на хороший пример обложки для сообщества ВКонтакте (кулинарная тематика). Красота, правда?

Стильно, уместно, радует глаз.

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

Но достаточно стандартной комбинации: Обложка + Аватар + Меню. Вот что из этого можно получить:

Контент группы ВКонтакте

С разделами сообщества все более-менее понятно. Теперь перейдем к ключевому блоку, которым придется заниматься на постоянной основе. Это разнообразный контент.

Собственно, все предыдущие действия были предприняты для публикации этой информации.Пора отправляться в дальнее плавание! Идеальный контент в сообществе ВК — это 80% полезной / познавательной / важной информации и 20% рекламы.

Вы начали создавать контент. Учтите следующие нюансы:

Доступность языка

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

Зрителям не всегда хочется напрягать мозги, ведь социальные сети созданы больше для отдыха и развлечений.

Зацепить детали

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

Публикуйте авторский, уникальный и оригинальный контент. Ищите или создавайте что-то редкое, особенное. Если вы используете изображения из Интернета, убедитесь, что они обновлены. Хотите добавить мем? Сделай это! Но он должен быть на пике своей популярности.Уплотнения? Без проблем! Найдите хорошее фото.

Форматы контента

Здесь нужно различать только одно правило: РАЗНООБРАЗИЕ. Чередуйте фотографии, видео, аудиофайлы, инфографику и многое другое. Взаимодействуйте с аудиторией, отвечайте на вопросы, проводите конкурсы и прямые трансляции.

Форматирование текста

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

Правильные ссылки

Часто бывает, что сообщество ВКонтакте создается для привлечения трафика на сайт. Поэтому в содержании группы есть ссылки для перехода на разные страницы. Чтобы ссылка была правильной, в ней должен быть тег URL. Также рекомендуется использовать сокращатели ссылок. Теги создаются для вас (для отслеживания трафика), а сокращенные адреса предназначены для удобства членов вашего сообщества.

Оптимальное время для публикации контента

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

Заключение

1. Создайте грамотную и привлекательную шляпу;
2. Позаботьтесь об оригинальном и стильном дизайне группы;
3. Оптимизировать все ключевые разделы сообщества;
4. Размещайте правильный контент.

Нравится 0

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

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

С чего начать работу над дизайном?

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

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

Определите сильные и слабые стороны вашего предложения по сравнению с предложениями на рынке. Перечислите 3-5 преимуществ вашего бизнеса. Это могут быть: бесплатная доставка, гарантия 5 лет, опытные специалисты, широкий ассортимент и т. Д.

Создайте торговое предложение на основе исследования целевой аудитории и сайтов конкурентов. Это название аватарки или обложки группы Вконтакте.Он играет огромную роль в принятии решения о дальнейшем изучении содержания сообщества. Ваше предложение должно четко определять тему, быть простым и понятным любому посетителю. При его составлении думайте о пользе для клиента, а не о продукте.

Люди не хотят покупать товар / услугу — им нужно решение своих проблем.

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

Важные элементы в оформлении групп Вконтакте

С содержанием определились, теперь пора узнать рекомендации по оформлению групповых элементов. Разберем только самое необходимое: аватар и миниатюру, обложку, баннер закрепленного поста и меню.

Аватар

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

Используйте только высококачественные изображения и забудьте о клипартах с бесплатных фотостоков. Поиск картинок для эффективного оформления группы Вконтакте нужно производить на сайтах pinterest.com, freepik.com, flaticon.com или, на крайний случай, google.ru. Но лучше выбирать изображения на платных фотостоках. Пожалуйста, вводите условия поиска только на английском языке. Если вы испытываете трудности с английским, то смело пользуйтесь переводчиком Google.

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

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

Как красиво оформить группу в ВКонтакте

Создание баннера

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

Stage 1

Откройте Photoshop, создайте новый документ размером 630×725 пикселей. Залейте его белым. Вырежьте в слое два окна. Графический дизайн Контакта будет смотреться через эти окна. Сначала выделите прямоугольную область размером 200×710 пикселей, нажмите кнопку «Del». Затем выделите прямоугольную область размером 382×442 пикселя, выровняйте получившиеся прямоугольники по низу и нажмите клавишу «Del».

Stage 2

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

Stage 3

Далее правая прямоугольная область размером 200×710 пикселей. сохраните его как отдельное изображение. В результате получился полностью законченный рисунок для украшения группы. Его нужно загрузить в блок, расположенный в правом верхнем углу страницы.Для этого нажмите кнопку «Загрузить фото».

Для чего левое изображение? Разрезаем на несколько частей (в зависимости от количества пунктов меню). Например, в нашем меню 5 пунктов, а это значит, что на выходе будет 5 изображений размером 382×50 пикселей.

Stage 4

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

Этап 5

Итак, мы подошли к завершающему этапу гайда «Как красиво оформить группу во ВКонтакте».Откройте вкладку с названием «Оригинал, который находится в нижнем окне, необходимо скопировать, а затем вставить в« Исходный код ». В тексте кода замените фото на имена файлов и отметьте высоту файла (382 пикселей). Теперь вставьте адреса ссылок меню. Имя файла взято из альбома.

Stage 6

Для идеального совмещения изображений необходимо выполнение нескольких условий:

Название группы должно соответствовать одному line;

Адрес сайта тоже одна строка.

Описание должно состоять из 10 строк.

Вконтакте вики-разметка

Чтобы понять, как красиво оформить, также необходимо ознакомиться с концепцией вики-разметки.

Что это такое?

Итак, разметка Wiki — это система редактирования страниц, аналогичная HTML. Прежде чем приступить к оформлению группы Вконтакте, определитесь с ее внешним видом. Дизайн может быть графическим и текстовым.

Текстовое оформление меню

Код для меню будет выглядеть так:

Начало и конец кода обозначаются тегами.Каждый значок будет иметь вид [], за которым следует описание.

Графическое меню

Код такого меню будет составлен по следующему принципу:

! !! !!

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

Сегодня продолжу свое «Погружение в группы ВК».В третьей части «сериала» я рассказал и показал. Сегодня поговорим о дизайне группового меню ВКонтакте!

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

Вопрос 1: Первый и самый распространенный: «Где в меню код?» или «Если нет закладки при редактировании» Исходника «как добавить внутреннюю страницу?» или «Я все еще не понимаю, что делать, если код не появляется!»

Ответ 1: ВК поменял редактор, теперь переключаться между визуальным редактором и кодом можно всего одним кликом (правый верхний угол редактора):

Чтобы проверить, в каком редакторе вы находитесь: наведите указатель мыши на эту кнопку, напишите текст и выделите его жирным шрифтом — если появляются не обычные символы, то это код

Вопрос 2: Второй, действительно проблемный: « а как убрать пробелы между картинками ?? »

Ответ 2: Признаюсь, я сам испугался, когда клиентское меню «пошло» впервые.Сейчас исправляю быстро, а тогда было не весело. См .:

Добавить тег nopadding; и все встанет на свои места!

Между картинками появляется пробел, и меню выглядит разбитым. Для неосведомленных, может быть, это ненормально, но, по крайней мере, не профессионально. Так в чем же дело? Ах, все очень просто! В ВК постоянно происходят какие-то обновления, внедряются новые алгоритмы … и даже редактор криво … иногда важные теги выпадают из кода без причины, и тогда мы видим такую ​​картинку.Чтобы это исправить, вам нужно заглянуть в код и внести необходимые изменения. Формат кода должен быть таким:

Шаблон: [] Пример: []

Обычно изображения меню раздвигаются, потому что выпадает код nopadding ; — вставляем на место и все выравнивается. Перед сохранением результата нажмите кнопку «Предварительный просмотр», чтобы убедиться, что все гладко.

Вопрос 3: Новости. В октябре 2012 года Вконтакте принудительно отключили авто групп и пабликов.Теперь их размер имеет общепринятый стандарт 200х500 пикселей. Итак, если в вашей группе было больше аватаров, сделайте обновление (обновите свой аватар).

Кстати, помимо кадрирования, ВК ввел еще одно нововведение, касающееся групповых фото: теперь, нажав на аватарку, мы, как и в аккаунте, сможем увидеть все альбомы сообщества. Удобно! Из этого вытекает новый функционал в сообщениях группы.

So-a-ak, мы закончили с вопросами… А теперь переходим к самому созданию меню!

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

Как вам моя шпаргалка?

Вот шпаргалка, которую я получил! Для наглядности запишу каждое число:

Сделайте это со всеми вложенными страницами, и ваше меню будет готово.

Есть! Мы создали меню, сделали внутренние страницы, заполнили их, теперь перейдем к созданию красивого графического меню.

Я не буду рассказывать вам всю теорию того, как работает разметка вики в контакте, теперь у нас другие цели. Для создания визуального меню в группе ВК не обязательно знать всю разметку вики. Переходим к созданию визуального меню!

Сначала я покажу вам код и результат моего меню:

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

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

Я покажу вам средний вариант настройки меню.Разница в количестве предметов. Меню, которое просто нарезано на полоски, — простейшее его исполнение. Чем больше в строке нажимаемых кнопок, тем сложнее выполнять их. Хотя, зная фичу, все просто! Это только вопрос времени. Итак, ширина изображения должна быть:

370 пикселей — если у вас два и более объекта в строке, например, у меня есть кнопки для социальных сетей

И максимум 388 пикселей — если разрезать картинку по-простому, только на линии, без разделения на мелкие объекты.Это особенность, которую вам нужно знать при разрезании меню на кнопки. Размер моей картинки всего меню оказался 370х456 пикселей.

После того, как картинка была разрезана на необходимое количество объектов и сохранена в отдельный альбом, загрузите этот альбом в ВК. Загружайте в профиль своей учетной записи, а не в группу! Поскольку больше нет возможности скрывать альбомы в альбомах группы. Технический альбом в корпоративной (например) группе вообще не нужен, поэтому пункты меню в личном альбоме прячем:

Технический альбом ВК

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

[]

где, фото7632142_296

9 — это адрес картинки! Смотрим на него в адресной строке картинки:

С первой картинки начнем вставлять меню в группу ВКонтакте

Вам нужен краткий адрес фотографии, для этого перейдите в сам альбом:

Зайдите в сам альбом, чтобы получить желаемый адрес изображения!

… и, начиная с первого изображения, перетащите их в групповое меню.

Добавьте размер картинки в код меню!

Итак, адрес картинки добавился, размер указали, теперь ставим тег nopadding; — он нужен для того, чтобы наши картинки плотно прилегали друг к другу. И последний шаг — поставить ссылку на страницу, на которую посетитель перейдет после того, как нажмет на картинку.

Вот небольшое уточнение! Пишем внешние ссылки, ссылки на альбомы ВК и обсуждения в полном объеме, а ссылки на внутренние страницы в формате страница-32734125_44298120 … В начале и в конце строки не забудьте поставить две квадратные кавычки и без пробелов.

Разъяснение 2: Когда мы ссылаемся на внутренние страницы без изображений, мы используем одинарные квадратные кавычки для обсуждений, альбомов и внешних ссылок.

Строки, содержащие два и более элемента, вставляются в код без пробелов. Вставляйте каждую строчку рисунка одну за другой. Потому что, если вы нажмете Enter после строки с изображением, картинка перейдет на новую строку и меню переместится.Нам нужно, чтобы меню отображалось как единое целое, поэтому нам не нужны лишние пробелы и «символы»!

После того, как вы перенесли все картинки в меню и оформили их (размер, ссылка), сохраните результат и любуйтесь нашей работой! Все! Готовый!

Красивейших групп ВКонтакте. Как оформить группу в контакте с закрепленным верхним меню под новым дизайном ВК

), составьте меню.

Сейчас я покажу вам , как сделать меню в группе ВКонтакте, и правильно оформить .

Делаем красивую графику

В новом дизайне сайта Вконтакте изменены размеры графики. Ниже вы найдете фактические значения.

• Аватар группы — 200 × 300 пикселей
• Баннер в описании — 510 × 271 px

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

Итак, давайте сделаем красивый дизайн, разделив общую картинку на две части.В результате у нас будет единый дизайн.

Сначала загрузите аватар. Зайдите в группу и нажмите «Загрузить фото».

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

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

Идем к стене. Здесь в блоке «Добавить заметку» нажмите на значок «Фото».

Загрузите второе подготовленное изображение. Обязательно выберите публикацию от имени сообщества. А затем нажмите «Отправить».

Теперь запись нужно закрепить (см.). Возвращаемся к новой записи и раскрываем меню в правом верхнем углу. Здесь нажимаем «Исправить».

Теперь обновите страницу и посмотрите результат.

Единственный минус — картинки на разном уровне. Но это связано с тем, что они не подходящего размера.Аватар должен быть больше по вертикали. Тогда они будут на одном уровне.

Как создать меню в группе ВКонтакте

Вернемся к нашему примеру и представим, что нам нужно сделать кнопку «Еще». Это уже есть на картинке. Как сделать его кнопкой, чтобы при нажатии человек попадал на наш основной сайт? Сейчас покажу.

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

Открываем нашу картинку в редакторе, и активируем инструмент «Вырезка».

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

Теперь нажмите Alt + Ctrl + Shift + S, чтобы сохранить готовые изображения.

https://vk.com/pages?oid=-120208137&p=menu

Посмотрите, после символов «odi = -» нужно вставить id вашей группы (см.). И в самом конце ссылки напишите заголовок для своей страницы меню. В этом примере мы оставим «Меню» как есть.

Здесь мы нажимаем на иконку камеры и загружаем подготовленные изображения.

А теперь перейдем непосредственно к созданию меню для группы в ВК. У вас должно получиться нечто похожее.

Далее переходим в раздел «Редактирование» … Здесь для каждого изображения нам нужно убрать отступы, чтобы они сливались в единое изображение. Для этого в коде добавьте следующее значение nopadding; … И добавить ссылку на нужную страницу или сайт, прописав значение «https: // site.ru / page.html »(введите свои адреса!). В нашем примере кнопка« Подробности »должна вести на сайт site. Вот что у вас должно получиться.

[] []

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

https://vk.com/page-120208137_52523487

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

Вот меню, которое у нас получилось.

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

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

Ну-ну, Вы зашли оформлять меню для групп ВКонтакте?

Как самому оформить меню в группе ВКонтакте

Да, самостоятельно, потому что после прочтения этой статьи вам не понадобятся услуги фрилансеров. Хоть это и не дорогое дело, но за 1500 вы сможете составить меню на workzila (подробный опыт работы с этой биржей я писал).

Вот что нам нужно для регистрации группы в ВК:

1. Layout (графическое расположение элементов) — ведь нам нужно знать, где что должно быть расположено.

2. Базовые знания вики-разметки. (о самых стандартных вещах мы поговорим ниже, а для детального изучения — рекомендую эту группу).

3. Базовые навыки Photoshop. Вам нужно будет вырезать кусочки макета нужного размера.

Где взять макеты меню?

Макеты для оформления меню ВКонтакте можно взять разными способами, например:

1. Freelance или Workzilla.

2. Вы можете создать его сами, если у вас есть навыки работы с фотошопом. Если нет, рекомендую курсы Евгения Попова, вот один из них, просто в фотошопе — нажмите.

3. Можно погуглить и скачать готовые. Поверьте, их много.

Ну с другой стороны… Зачем гуглить? Просто подпишитесь на обновления моего сайта. И нажмите на кнопки социальных сетей ниже.

Специально для вас я подготовил архив, в котором более 100 различных дизайнов для групп ВКонтакте! … Распакованный архив занимает около 2,5 гигабайт.

Главное условие — быть подписчиком и следить за социальными кнопками.!

Спасибо. Теперь вы можете скачать архив по этой ссылке.
Не забываем пройти остальные социальные кнопки.

Размеры аватарок и меню, которые можно использовать для украшения групп ВКонтакте

Чтобы правильно оформить группу или паблик, вам необходимо знать размер изображений, которые вам нужно использовать. Обратите внимание на эту картинку.

Как видите, группе аватаров требуется размер 200 пикселей в ширину и 500 пикселей в высоту. А для изображения главного меню — 395 пикселей в ширину и 289 пикселей в высоту.

Вот в принципе все, что нужно. Есть макеты, есть понимание размеров.

Творческая часть окончена — мало что осталось делать. Начнем с технической части всего процесса создания меню для групп.

Как самостоятельно оформить группу ВКонтакте, имея под рукой макеты

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

Для группового аватара конечно ничего не надо. Вырежьте нужную деталь из макета или рисунка — и вставьте в группу. Думаю уже можно вставить? Что ж, я на это надеюсь.Если нет — пишите комментарии, я добавлю этот раздел в статью.

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

Во-первых, небольшая образовательная программа.

В чем разница между групповым меню и публичным меню?

Отличаются тем, что групповое меню уже, по сути, набор кнопок. Но это меню всегда скрыто! Всегда! А публичное меню всегда открыто и, по сути, представляет собой закрепленную пост-ссылку, ведущую на страницу с разделами самого меню (кнопками).

Итак, еще раз: в группе — чтобы увидеть меню, нужно нажать на кнопку «Меню группы», по умолчанию эта кнопка называется «Свежие новости».

И на публике (в группе, кстати, тоже можно) — меню всегда открыто.

Но это изображение представляет собой одну большую и красивую ссылку, которая ведет к большему отдельному меню. Здесь:

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

Как создать отдельную страницу для меню ВКонтакте

Для создания страницы будущего меню (навигации) необходимо отправить запрос в ВК следующего содержания:

, где XXX — номер группы, YYY — имя страницы (здесь требуются все вопросительные знаки и тире).

Более того, рекомендую сделать название нормальным, привлекательным и значимым, потому что оно будет сиять, и люди этим именем добавят определенное впечатление о вас и вашей группе. Например «Навигация» или «Групповое меню» — это нормальные названия, но вроде бы банальные.Использовать свое воображение.

Я ввел следующий запрос

И я открыл сразу созданную страницу с возможностью ее редактирования.

Здесь вам нужно будет вставить свой код для самого меню, используя разметку wiki. Но об этом позже.

Кстати, по секрету скажу, если у вас есть группа (а не публичная) — стандартное меню, которое уже существует по умолчанию — это уже сама по себе страница. Так что вы можете использовать его, если у вас возникнут проблемы с созданием дополнительных страниц.

Как сделать закрепленный пост в группе или паблике

Да, и в любом типе сообщества закрепленный пост создается одинаково! Все сделано очень просто.

И в появившемся окне нажимаем кнопку «Исправить» — все просто!

Многие группы, кстати, используют закрепленные сообщения в качестве рекламы. Если время актуальности этого объявления прошло — вы просто снова нажимаете на дату публикации и на кнопку «Открепить».

Фактически, теперь каждый использует именно этот метод меню.

Угадайте, почему?

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

Нарезка макета для создания группы или публики

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

Теперь меню.

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

Итак, вы уже знаете, как сделать главную картинку для меню — это просто закрепленный пост.

Щелкните по меню, смотрите картинку.

Нам нужно выбрать «кликабельные» зоны.

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

Сколько мы получаем? 5 картинок. И не на каждой картинке будет кнопка !! Как видите, верхняя большая картинка не кнопка, а сама по себе …

Итак, вырезаем картинки по этим линиям.Теперь нужно «залить» в ВК.

Если вы создали отдельную страницу для меню, нажмите кнопку «Заполнить содержимым» на вновь созданной странице.

Если вы не создавали эту страницу, а использовали готовую страницу для меню, то редактор страниц прямо перед вами и вы можете сразу загружать фотографии:

Заполните и у вас должно получиться следующее:

Возможно, у вас будет просто код, как на картинке ниже. Если нет, нажмите кнопку «Исходный код», я выделил эту кнопку на верхнем рисунке.И вы увидите следующее:

Здесь нужно расположить все картинки в ряд, чтобы не запутаться (ну, я так и делаю).

А чтобы между картинками не было отступа, добавьте тег «nopadding», он должен выглядеть так:

это page-581

_45419120 — это адрес самой страницы ВКонтакте, этот идентификатор вы найдете в адресной строке браузера.

Вот и все 🙂 Разве не сложно?

Это то, что я получил в итоге в коде.Если у вас есть что-то подобное, то все в порядке.

Если у вас возникли проблемы с любым из пунктов, свяжитесь с нами. Буду рад помочь.

Пользуясь случаем, хочу напомнить вам, что есть замечательные услуги для любого продвижения и продвижения, это:

prospero | общаться | социальные инструменты

Возможно, я не раскрыл всех секретов, которые нужно было раскрыть. Признаюсь, что-то упустил, ведь статья не маленькая — напишите мне, если заметите явные упущения.Заранее спасибо.

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

• Аватар. До недавнего времени верхняя крышка играла важную роль в обществе. Но приверженцы старого стиля все же могут использовать его в базе. Аватар должен содержать основную информацию о компании: логотип, название компании, контактные данные и несколько слов о направлении деятельности.Одна из самых важных частей аватара — это миниатюра, видимая в поисковой системе контактов и в ленте новостей. Аватар имеет ширину 200 пикселей.
• Крышка. В новом дизайне обложка стала основным элементом графического оформления сообщества. При входе в группу первое, на что обращает внимание человек, — это обложка, поэтому она должна максимально отражать вашу деятельность. Также здесь должна быть размещена контактная информация и логотип компании. Рекомендуемый размер обложки указывается в настройках группы при загрузке.
• Баннер перехода в меню. Традиционно кнопка меню в стиле сообщества размещается на изображении перехода. Дополнительно рекомендуем разместить там потенциально интересное предложение для клиентов.
• Изображение с пунктами меню. Элемент навигации, который позволяет пользователям последовательно перемещаться по содержимому группы. В меню вы можете разместить всю необходимую для участников информацию: доставку, оплату, контакты, о компании, каталог и многое другое.При создании картинки лучше выбрать ее так, чтобы можно было легко добавлять новые кнопки в меню, или заранее продумывать пункты меню, избегая дальнейшего переделки.
• Навигационные картинки для внутренних страниц. Эти элементы используются для удобной навигации пользователя по разделам сообщества и для того, чтобы внутренние страницы выглядели приятнее.

Сегодня мы снова возвращаемся к теме оформления групп ВКонтакте. Мы уже узнали ранее. Сегодня мы узнаем, как сделать графическое меню с закрепленным верхним баннером и ссылкой на внутреннюю страницу с расширенными пунктами меню.В общем, любую информацию можно найти на внутренней странице. Там особенно удобно размещать, например, каталоги с ассортиментом товаров. И у выпадающего, и у закрепленного меню есть свои плюсы и минусы. Главный недостаток выпадающего меню в том, что по умолчанию оно закрыто. Но с другой стороны, вы можете разместить на нем сразу несколько ссылок.

Закрепленное меню выглядит более эффектно по общему впечатлению, но может иметь только одну ссылку, ведущую либо на внутреннюю страницу Вконтакте, либо на внешний сайт (при этом ссылка на внешний сайт с картинки не уйдет. , но по текстовой ссылке под картинкой).Кроме того, одним из очевидных недостатков является то, что на мобильных устройствах графическое меню отображается как обычная запись в ленте, стоящая сверху, а не как закрепленная рядом с аватаром. В целом, при выборе дизайна следует учитывать эти нюансы. Итак, давайте посмотрим, как создается закрепленное верхнее меню со ссылкой на внутреннюю страницу.

Оформляю группы Вконтакте
Качественный дизайн групп ВКонтакте и пабликов, закрепленное меню, выпадающее меню, внутреннее графическое меню, каталоги, внутренняя навигация — цены и портфолио.

Шаг 1
Создайте новый документ в Photoshop, размером примерно 900×700 пикселей, залейте его белым цветом. Теперь нам нужно вырезать два окна в слое, через которые будет виден сам графический дизайн. Сначала выделите прямоугольник (аватар) 200×500 пикселей и нажмите Del. Затем выделите прямоугольник 510×352 (выровняйте по нижней строке аватара и сделайте расстояние между фигурами 50 пикселей) и также нажмите Del.
После очередного обновления ВКонтакте дизайн (31.10.2016), размеры баннера 510х307 (не 510х352).

Step 2
Теперь под белым слоем поместите какую-нибудь отдельную картинку, которая ляжет в основу дизайна.

Step 3
После этого дополняем картинку различными элементами — логотипом, текстовыми метками и кнопкой, вызывающей нажатие на меню. Затем сохраняем на компьютер две отдельные картинки — одну аватарку (справа), второе меню с кнопкой клика (слева).

Step 4
Также в Photoshop создаем графическое меню, состоящее из нескольких пунктов.Ширина этого меню должна составлять 600 пикселей, высота — на усмотрение, в зависимости от количества пунктов. Используйте урок «», чтобы помочь.

Step 5
Разрезаем наше меню на несколько горизонтальных полос в соответствии с количеством пунктов меню. Сохраняем как отдельные файлы.

Step 6
Заходим в нашу группу Вконтакте, нажимаем на «Управление сообществом» (при нажатии на три точки под аватаркой открывается выпадающее меню) и проверяем правильность настроек.Группа должна быть открытой, и материалы тоже должны быть открытыми.

Шаг 7
Теперь загружаем новый аватар. Наведите указатель мыши на место аватара и во всплывающем меню выберите «Обновить фото». Загрузите правую фотографию из шага 3, растяните область выделения вверх и вниз до краев изображения, нажмите «Сохранить» и затем выберите область для круглого эскиза.

Шаг 8
Теперь нам нужно создать внутреннюю страницу. Как это сделать, подробно рассказано в уроке. Другой альтернативный способ создания внутренней страницы описан в уроке «» в шагах 5 и 6.

Шаг 9
После того, как мы создали внутреннюю страницу, мы можем перейти к ней. Для этого нужно нажать на выпадающее меню группы (по умолчанию этот пункт называется «Свежие новости» — я переименовал его в «Меню») и там нажать на ссылку «Меню». После этого мы перейдем на только что созданную пустую страницу.

Step 10
Теперь нам нужно создать графическое меню из пяти пунктов. Для этого мы загружаем наши пять фотографий из Шага 5 в альбом группы. Щелкаем по иконке камеры и загружаем вырезанные картинки с компьютера.Картинки будут где-то храниться на серверах ВКонтакте со ссылкой на группу, поэтому создавать отдельный альбом для нарезанных картинок не нужно. Вам необходимо загружать изображения в режимах разметки Wiki.

Шаг 11
Теперь, в режиме макета вики, мы создадим графическое меню. Очень важно создавать его в режиме вики-разметки (значок в правом верхнем углу двух треугольных скобок), а не в режиме визуального редактирования. Для получения дополнительной информации о создании кода в вики-разметке см. Шаг 4 и Шаг 5 урока «».Также есть шаблон для встраиваемого кода. Если все сделано правильно, у вас должно получиться готовое графическое меню, как на рисунке ниже.

Шаг 12
Теперь возвращаемся на главную страницу группы, берем url-адрес нашей внутренней страницы (он должен выглядеть так https://vk.com/page-78320145_49821289) и вставляем в окно, где находится новость. созданный. Окно со ссылкой на эту самую внутреннюю страницу должно быть прикреплено автоматически. После этого перемещаем курсор на метку «Прикрепить» и к записи прикрепляем фотографию, а именно нашу картинку слева из шага 3.После этого сотрите строку из url-адреса внутренней страницы, оставив пустое место. Важный! На этом шаге нужно поставить галочку (если у вас есть такие права, в основном это касается групп с открытой стеной) в чекбоксе «От имени группы». Если этот флажок не установлен, запись не может быть закреплена. В конце нажмите «Отправить».

Шаг 13
Переместите курсор к трем точкам рядом с заголовком сообщения и выберите пункт «Закрепить» в раскрывающемся окне. Соответственно, при необходимости новость открепляется.

Шаг 14
Есть один нюанс. Иногда после того, как вы расстегиваете новость, она уходит далеко вниз по ленте, по дате создания, и найти ее снова довольно сложно. Поэтому лучше сразу прописать URL фиксированной новости куда-нибудь. Для этого подведите курсор к моменту создания новости и нажмите на ссылку.

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

Как сделать дизайн группы ВКонтакте эффективным? Этот вопрос задают многие владельцы сообществ. Из статьи вы узнаете, как именно дизайн влияет на клиентов, увеличивая прибыль, и что гарантирует производитель или администратор.

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

Продуманный дизайн группы ВКонтакте вызывает доверие у покупателя. Группа начинает работать как полноценный сайт. Правда, есть несколько отличий — это менее тяжелые условия содержания и легче справиться с содержанием и продвижением по службе. Это существенное преимущество.

Так что если вы хотите повысить лояльность к своему бренду и привлечь больше пользователей, то вам стоит заказывать дизайн группы ВКонтакте у дизайнеров, хорошо знакомых с маркетингом, в том числе SMM.Ребята по ссылке именно такие, и это видно на примерах их работы.

Основные элементы дизайна группы ВКонтакте

Чтобы создать группу, вы должны знать принципы дизайна таких элементов, как обложка, аватар, миниатюра и меню. Поговорим о каждом элементе отдельно и узнаем, как оформить группу в ВК.

Крышка

Это довольно новое введение, поэтому многие либо не знают, либо забывают о возможности улучшить дизайн своей группы ВКонтакте.На фоне столь медленных конкурентов грамотное использование этого элемента может привлечь к вам больше посетителей и даже улучшить общение с покупателями и пользователями. Как? За счет динамической обложки для группы ВКонтакте. Если вы не знакомы с этим понятием, то пора изучить необходимые детали, чтобы с пользой его использовать.

Динамическая обложка для группы ВКонтакте выглядит так же, как обычная, но может автоматически меняться с разными временными интервалами: от 1 минуты до 1 дня.Это поможет вам эффективно обновлять информацию для ваших клиентов и поддерживать с ними связь.

Вы можете разместить на нем дату обновления, курс обмена, отобразить новых подписчиков, а также другие данные на ваше усмотрение. Таким образом, динамическое покрытие — необычное и интересное решение для повышения эффективности работы группы.

Аватар

Аватар группы ВКонтакте очень помогает в продвижении и создает необходимую цветовую гамму, которая при правильном подходе к делу будет гармонично сочетаться с меню и создавать целостную картину.Но стоит помнить, что при использовании обложки у вас не получится использовать полноценный аватар; вместо этого ВК предлагает использовать миниатюру.

Миниатюра

По сути, миниатюра — это небольшое красиво оформленное изображение, которое прикрепляется рядом с обложкой и выделяется в комментариях от имени сообщества, в переписке с клиентами и т. Д.

Миниатюра имеет очень важные функции, так как именно она способствует узнаваемости вашей компании как в ленте новостей ваших подписчиков, так и во внутреннем поиске ВКонтакте.

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

Меню

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

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

Что можно включить в меню? Это, в первую очередь, информация о вас, история компании или отзывы от вас, ответы на часто задаваемые вопросы (FAQ), рейтинги, формы заказов и многое другое.

Баннер

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

Как правильно создать дизайн для группы ВКонтакте?

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

Дизайн — это сложная система, состоящая из источников. Исходным является изображение, которое используется в качестве основы для дизайна и остается в конечном продукте после обработки и необходимых манипуляций.

Если вы хотите использовать интересные и новые картинки, а не заезженные опции, которые постоянно мелькают в тысячах групп, то воспользуйтесь сервисом pinterest, freepik, flaticon или google для поиска. Запросы следует подавать на английском языке. Если не уверены в своих знаниях, то воспользуйтесь любым переводчиком, вбивая туда ключевые слова для поиска.

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

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

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

Типографика — инструмент для выражения общей концепции дизайна. С его помощью профессионалы могут гармонично сочетать текст и визуальный материал. Эта техника требует опыта и зоркости.

Цвета и комбинации можно увидеть на палитрах, которые легко найти в Интернете. Для бизнес-компаний обычно используются синий, голубой, белый и другие светлые цвета. Если вы продаете специализированные товары, вы также можете отразить их характер с помощью цвета.

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

Общение с вашими клиентами и облегчение работы с ними очень важно, и дизайн может сделать именно это.

Решение заказать дизайн группы Вконтакте у профессионалов — важное приобретение, которое поможет достичь поставленных целей.

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

Хотите украсить свою группу в ВК (Вконтакте) и создать для нее уникальный хедер (обложку)? В этой статье я расскажу о том, какого размера и формата он должен быть, как добавить шапку в ВК, также выложу PSD исходник (формат фотошопа) шаблона необходимого размера.

Что такое шапка в группе в ВК? Это просто картинка размером 1590 × 400 и форматом — JPG, GIF или PNG. Находится сверху в группе ВК, выглядит так:

Для начала нам нужно создать саму картинку, для этого я использовал фотошоп (Вы можете скачать готовый шаблон в формате PSD). Откройте Photoshop, выберите в меню «Файл» -> «Создать» («Файл» -> «Создать»).

Появится окошко, где нужно указать размеры изображения, наша ширина будет 1590 пикселей, высота 400.Цветовые режимы можно оставить по умолчанию. Нажмите «ОК»

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

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

Далее нам нужно загрузить наше изображение в группу ВКонтакте. Для этого заходим в нашу группу, в правом верхнем углу (под аватаркой группы) нажимаем «три точки» (…), из выпадающего меню выбираем «Управление сообществом».

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

Выбираем свое изображение и появляется окно с возможностью обрезать изображение, так как все соответствует желаемому размеру, нажимаем «Сохранить и продолжить»

В итоге мы увидим сообщение о том, что обложка была успешно загружена, после чего просто заходим в нашу группу и любуемся полученным эффектом.

Колпачок (крышку) можно менять сколько угодно раз.

Итак, мы создали свою шапку для группы в ВК.

Также можно взять один из предложенных в этой статье шаблонов:

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

Создание заголовка

Для создания заголовка лучше всего использовать графический редактор Photoshop, поскольку он умеет сохранять шаблоны изображений, которые могут пригодиться в будущем. Откройте программу и в верхнем меню нажмите «Файл» — «Новый» (или вы можете просто нажать Ctrl + N, если вам не терпится).

В открывшемся окне нужно указать размер создаваемого изображения.ВКонтакте требуется размер шириной 1590 и высотой 400 пикселей. Укажите его и убедитесь, что в правом поле рядом с высотой и шириной выбрано «пикс», а не «см», иначе изображение не поместится на трех мониторах. Щелкните ОК.

Чистый холст готов, теперь в игру вступает ваше творчество. Добавьте каждый новый элемент изображения как разные слои. Когда закончите, сохраните шаблон заголовка в psd на случай, если вам понадобится отредактировать заголовок в будущем. Для ВКонтакте сохраните заголовок в формате jpg, png или gif.

Добавление заголовка в группу

Для установки созданной шапки перейдите на главную страницу вашей группы. Справа под аватаркой нажмите на многоточие рядом с надписью «Действия». Откроется выпадающий список, в котором нас интересует пункт «Управление».

Вы попадете в группу настроек. Найдите пункт «Обложка группы» и нажмите «Скачать».

Появится окошко с рекомендациями ВК по рекомендуемым размерам шапки, но мы это уже знаем, правда? Нажмите на «Выбрать файл» и выберите созданную картинку.ВК предложит выбрать область картинки для шапки, но если вы все сделали по инструкции выше, выбор будет автоматическим, просто нажмите «Сохранить и продолжить».

ВКонтакте должен автоматически перенаправить вас обратно в настройки и показать уведомление об успешной загрузке изображения. Но не спешите выходить из настроек, иначе ничего не сохранится! Чтобы все сохранить, нужно дополнительно нажать на кнопку «Сохранить» в самом низу страницы.Это странное дизайнерское решение испортило немало нервов владельцам сообщества, будьте осторожны.

Перейдя на домашнюю страницу своей группы, вы можете оценить свой заголовок в Интернете. Присмотритесь к тому, насколько четко видны все элементы заголовка. Поиграйте с масштабом страницы, нажимая Ctrl + и Ctrl-. Обычно пользователи устанавливают не менее 70 и не более 120 процентов шкалы.

Хотите изменить или удалить заголовок? Для этого вам больше не нужно заходить в настройки, просто наведите курсор мыши на заголовок, чтобы увидеть 3 скрытые кнопки справа.Первый отвечает за замену, второй — за изменение выделения, третий — с изображением мусорной корзины — за удаление. Если вы забыли, кто за что отвечает, то просто наведите курсор мыши на нужную кнопку, и вы увидите подсказку.

Добавление шапки через официальный клиент на Android практически ничем не отличается от описанного выше способа. Единственное отличие — это ленточный интерфейс приложения, который отображает все в виде вертикальной ленты.Соответственно, пункт «Управление сообществом» находится не справа, а по центру.

Как шляпа способствует успеху группы ВКонтакте?

Красивая и качественная шапка привлечет в группу новых подписчиков. Благодаря центральному и верхнему расположению, это первое, что видит пользователь, переходя на страницу сообщества. В шапке можно (и нужно!) Указать логотип вашей группы / бренда / продукта и контактную информацию. А вот с последним лучше не переборщить — небольшой логотип, увешанный со всех сторон огромными телефонными номерами и адресами, выглядит совершенно непривлекательно.Также используйте гармоничное сочетание цветов. Синий текст на красном фоне заставит потенциальных подписчиков не только закрыть страницу с группой, но и занести ее в черный список.

Возможные проблемы и решения

Создание заголовка может быть непростым делом. Рассмотрим самые частые проблемы:

• Шляпа выглядит размытой. Проверьте разрешение изображения. Если оно меньше рекомендуемого значения, то ВК автоматически растянет изображение, сделав его «размытым».
• При попытке поставить шапку пишет «неправильный формат».ВКонтакте принимает изображения только в форматах jpg, png и gif. Если у вас есть изображение с расширением jpeg, просто переименуйте файл в jpg. То же самое, но для ВК требуется jpg.

Картинка загружается вертикально. Возможно, мета-теги изображения отображаются вертикально. Но для его изменения не требуется фотошоп — обратите внимание на стрелки внизу загруженного изображения. Нажимая на них, вы можете повернуть изображение на 90 градусов влево и вправо. Также смотрите, какая обложка или баннер лучше в статье «

Всем привет, дорогие друзья и гости моего блога.Вы наверняка обратили внимание, что в группах и пабликах ВКонтакте помимо обычных аватарок иногда ставят новые заголовки, которые располагаются вверху страницы по горизонтали, а не по вертикали. Но, как выяснилось, не все знают, как сделать в группе в ВК шапку во всю ширину. Именно этому и будет посвящена моя сегодняшняя статья. Не волнуйтесь. Здесь нет ничего сложного.

Подготовка

Для начала необходимо выбрать желаемую картинку или создать ее самостоятельно, например, в том же фотошопе.Но самое главное, что нужно учитывать — это размер изображения. Картинка должна быть не менее 795 пикселей в ширину и 200 пикселей в высоту, но сам ВКонтакте рекомендует делать изображения в 2 раза больше, то есть 1590 * 400.

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

Кстати, по которому я не так давно прошел, есть отдельный урок на эту тему.Разбираются все нюансы создания таких образов. Там вы можете сделать действительно симпатичную шляпу сообщества.

Для этого нам нужно сделать следующее:

Теперь перейдите на домашнюю страницу вашего сообщества и посмотрите, как выглядит наша новая горизонтальная обложка. Если вам что-то не нравится, вы можете в любой момент заменить это на другое.

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

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

С уважением, Костин Дмитрий.

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

ВКонтакте каждый администратор может похвастаться уникальной шапкой от своего сообщества. Как это сделать? А теперь поговорим об этом подробнее. Чтобы сделать обложку уникальной, необходимо внимательно прочитать эту инструкцию.

• Шаг первый. Наверняка многие думают, что создать шапку в ВК — дело простое, и в этом нет ничего сложного. Но на самом деле сделать это не так-то просто, и к этому следует отнестись серьезно. Итак, чтобы создать свою собственную уникальную обложку, вы должны сначала зайти в свою группу, и для этого вам нужно быть не более чем владельцем или администратором.Найдите кнопку с многоточием и щелкните по ней, выбрав «Управление сообществом».
  
• Шаг второй. Выбрав этот раздел, вы автоматически перейдете в «Настройки». Этот раздел самый важный и нужный, в нем нужно выбрать вкладку «Обложка сообщества».
  
  
• Шаг третий. На сделать красивую шапку в группе в ВК, нужно нажать на кнопку «Скачать». Перед вами откроется окно, в котором вы должны выбрать нужное вам изображение.Будьте внимательны при выборе картинки, она должна быть не только интересной, но и высокого разрешения 1590х400. …
  
  
• Шаг четвертый. После этого можно «Увеличить» или «Уменьшить» изображение, главное помнить, что чем выше качество, тем четче картинка.
• Шаг пятый. Итак, определившись с картинкой и размером, нужно нажать «Сохранить», в этот момент вы увидите уведомление о том, что изображение было успешно добавлено, но это еще не все.Вы должны снова нажать «Сохранить», и только после этого заголовок будет добавлен.
  
  

Если вдруг случайно не ту шапку поставил в группе ВКонтакте , и не знаете как от него избавиться, то спешим вас обрадовать, эту проблему можно решить! Достаточно повторить все точно так, как на схеме, и просто добавить желаемое изображение вместо случайного изображения.

Создание заголовка с помощью программ

Иногда многие пользователи прибегают к помощи интересных программ, с помощью которых можно создать шедевр.

• dycover.ru — данный онлайн-сервис пользуется большим спросом у пользователей. Их основные преимущества — простота, скорость, удобство и надежность.
• V k-oblozhki.ru — этот онлайн-сервис уже подготовил для пользователей готовые обложки, которые каждый может выбрать и украсить самостоятельно.

Теперь вы знаете, как установить шапку в группе ВКонтакте. Как видите, это не самое простое дело. Но, если внимательно прочитать и правильно следовать данной инструкции, у вас обязательно все получится.

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: как попасть в головы подписчиков и полюбить свой бренд».

Внешний вид любого сервиса очень важен для создания позитивного настроя, привлечения людей, удобства и т.д. Исключение тоже нельзя отнести к социальным сетям … Несколько лет назад в группах ВК появились новые варианты оформления — обложки. Более того, некоторые разработчики предлагают создание динамических блоков в топе пабликов с курсами валют, временем, изменением данных, погодой и т. Д.CRM и другие модули.

Многие пользователи задают вопросы: как сделать шапку вверху в группе ВКонтакте, какой должен быть ее размер, есть ли готовые шаблоны, можно ли их найти в PSD, как его добавить (установить)? Разберемся по порядку.

Некоторые админы по-прежнему предпочитают старый вид наверху паблика — аватар с одним закрепленным постом. При использовании изображения с максимальным размером 200×500 размер изображения в закрепленном посте должен составлять 510×308 пикселей. Вместо картинки можно прикрепить видео, которое стилистически продолжит аватар.
Если установлен отдельный заголовок, то аватар станет миниатюрным (круглое изображение, вырезанное из аватара).

• Заголовок (обложка) должен иметь один из двух размеров — 795×200 пикселей или 1590×400 пикселей.
• Второй формат позволяет красиво оформить группу ВК для просмотра на больших мониторах.
• Верхняя часть создается в любом графическом редакторе, о котором мы поговорим чуть позже.
• Чтобы изображение не искажалось, необходимо использовать инструмент «Сохранить для WEB» при его сохранении в Photoshop, где вы выбираете sRGB.Эта манипуляция избавит от ряби.

Как загрузить готовое изображение

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

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

• Следует иметь в виду, что для мобильных версий ключевые графические элементы не должны находиться ни у правого края изображения, ни у левого, ни у верхнего края. Необходимо отступить по бокам на 197 пикселей, а сверху — 83.

Графический редактор

Так как же разработать графический блок и какое программное обеспечение может пригодиться?

Прежде всего, это всем известный мощный фотошоп.Выберите «Создать файл» и установите необходимые размеры. Затем загружаем изображение из шаблона (для редактирования) или рисуем новое. После окончания работы сохраняем для WEB.

Второй вариант — это редактор Paint, предустановленный в Windows.

Среди онлайн-сервисов Canva известна как самый простой бесплатный инструмент для создания изображений.

Вы можете выбрать готовый шаблон. Затем укажите на графику для социальных сетей.

При работе необходимо менять размеры, фоны, дополнять обложку текстами.Программа платная, пробный период 30 дней.

Как выбрать (создать) привлекательную обложку

Шапка в ВК может относиться к одному из типов, в зависимости от дисплея.

• Доставляет сообщение о любом событии, акциях, новостях и т. Д.
• Показывает специальное предложение или самый популярный товар.
• Меняется каждый месяц (неделя, квартал, какое-то событие и т. Д.).
• С известным человеком в коллаже.
• Посылает посетителей на сайт или предлагает присоединиться к группе.

Требования к графике и текстам

• Картинки в шапке должны быть хорошего качества.
• Не должно быть загромождения элементов.
• Чехол должен хорошо смотреться как на ПК, так и на телефоне.
• Должен соответствовать дизайну публики.
• Должен быть индивидуальным.
• Контраст с фоном ВКонтакте.

Какие изображения и тексты следует использовать

• Эмоциональное — любые чувства побуждают человека к действию.
• Актуально — должно соответствовать интересам подписчиков.
• Хорошие цвета — повышают конверсию. Оранжевый и желтый — улучшают настроение, зеленый — о деньгах и экологии, синий — о надежности, красный — об акциях.
• Не рекомендуется использовать более 3-х цветов, так как наступает цветная штанга.
• Правильный шрифт сразу передает тему публики.
• слов — донести до аудитории главное сообщение.
• Лица и изображения людей в коллаже (1-2 человека) — привлекают внимание, улавливают.
• Контактная информация.
• Призыв к действию.
• Люди всегда смотрят прямо на стрелку, поэтому не стесняйтесь рисовать ее и указывать на кнопку «Присоединиться».

Шаблоны заголовков

Скачать готовые обложки можно с разных сайтов (You-ps, Vk-oblozhki). В ВК есть паблики, предлагающие скачать PSD-заголовки. Среди них Psdboxteam, Bankshab, Covertovk, Psdforvk.

Динамический заголовок

Мы все привыкли к статичным изображениям.Добавить динамики к обложке очень просто. В сети есть специальные сервисы, позволяющие сделать это за пару минут.
Например, LETSCOVER (платный). После регистрации пользователь переходит на свою страницу ВКонтакте, нажимает «Создать обложку» и попадает в специальный редактор.

Загружает ранее созданный готовый заголовок в редактор. Затем он выбирает нужные виджеты.

Вы можете изменять шрифты, аватары, положение виджетов и т. Д. После настройки становится доступным предварительный просмотр реальной обложки.Затем следует сохранить изменения. Аналогичный сервис — Dycover и ему подобные.

Другой способ — создать динамику с помощью кода PHP. Например, Callback API от ВКонтакте может предоставить обширные возможности для подсчета пользователей, лайков, отображения курсов валют, пробок и т. Д.

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

Стильное украшение группы ВКонтакте.Как оформить группу вконтакте

Сегодня продолжу свое «погружение в группу ВК». В третьей части «сериала» я рассказал и показал, что. Сегодня поговорим о дизайне группового меню ВКонтакте!

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

Вопрос 1: Первый и самый распространенный: «Где в меню код?» или «Если нет закладки при редактировании» Исходника «Как добавить внутреннюю страницу?» или «Я все еще не понимаю, что делать, если код не появляется!»

Ответ 1: ВК поменял редактор, теперь для переключения между визуальным редактором и кодом достаточно одного клика (правая верхняя часть редактора):

Что проверять, в каком редакторе вы находитесь: Наведите указатель мыши на эту кнопку, напишите текст и выделите его жирным шрифтом — если появляются не обычные символы, значит, это код

Вопрос 2: Второй, действительно проблемный: « а как убрать пробелы между картинками ?? »

Ответ 2: Признаюсь, сам испугался, когда «зашло» меню впервые.Теперь я быстро прав, а тогда это было не весело. См .:

Добавить тег nopadding; И все станет на свои места!

Между картинками пробел и меню выглядят разбитыми. Для не заросших это может быть ненормально, но для не по крайней мере не профессионально. Так в чем дело? И все очень просто! В ВК постоянно происходят какие-то обновления, внедряются новые алгоритмы … Да, редактор плачет … Нет важных тегов от этого из кода и то мы видим такую ​​картинку.Чтобы исправить это, вам нужно заглянуть в код и внести необходимые корректировки. Формат кода должен быть таким:

Шаблон: [] Пример: []

Обычно изображения меню перемещаются, потому что он выпадает из кода nopadding ; — Вставьте на место и все выровняется. Перед тем, как сохранить результат, нажмите кнопку «Предварительный просмотр», чтобы убедиться, что все стало точно.

Вопрос 3: Новости. В октябре 2012 года ВКонтакте в обязательном порядке вырезал автомобильные группы и паблики.Теперь их размер имеет общий стандарт 200×500 пикселей. Итак, если у вас больше в группе Аватар, то сделайте апдейт (обновите аватар).

Кстати, в комплекте с обрезкой, ВК ввел еще одно нововведение, касающееся фотографий групп: теперь нажав на аватарку, мы также можем увидеть все альбомы сообщества. Удобно! Отсюда и новая функциональность в групповом общении.

Ta-a-ak, с вопросами закончили … Теперь переходим в само меню создания!

Прежде всего убедитесь, что вы умеете создавать групповое меню в контакте и пропустите небольшую инструкцию:

Как вам моя детская кроватка?

Вот такая шпаргалка! Для большей наглядности напишу каждую цифру:

Проделайте эту операцию со всеми вложенными страницами, и ваше меню будет готово.

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

Всю теорию о том, как устроена вики-разметка в контакте, я вам приводить не буду, у нас сейчас другие цели. Чтобы создать визуальное меню в группе ВК, не обязательно знать всю вики-разметку. Перейдем к созданию визуального меню!

Для начала покажу код и результат вашего меню:

Признаюсь, я сделал это специально для написания этой статьи.Все «руки не доходили» сами знаете как «сапожник без сапога». Но теперь я с визуальным меню в группе ВК!

Как нарисовать картинку для меню, не скажу, это дело дизайнеров, рисую сам, но не очень профессионально. В конце статьи я привел видео о том, как нарисовать простое меню в фотошопе, читайте, можете и сами справитесь. Если нет, закажите картинку в меню.

Покажу средний вариант настройки меню. Разница в количестве предметов.Меню, которое просто нарезано на полоски, — это простейший спектакль. Чем больше в строке нажимаемых кнопок, тем сложнее выполнение. Хотя, зная фичу, все просто! Бывает только вовремя. Итак, ширина рисунка должна быть:

370 пикселей — если в строке у вас будет два и более объекта, например кнопки соцсетей вроде меня

И максимум 388 пикселей — если вырезать картинку по простому, только по линиям, не разделяя второстепенные объекты. Это та особенность, которую нужно знать при нарезании меню на кнопки.У меня размер картинки все меню получилось 370×456 px.

После того, как картинка нарезана на нужное количество объектов и сохранена в отдельном альбоме, загрузите этот альбом в ВК. Загружаем в профиль аккаунта, а не в группу! Так как в альбомах группы больше нельзя скрыть альбомы. Технический альбом в корпоративной (например) группе вообще не нужен, поэтому скрыть элементы меню в личном альбоме:

Технический альбом ВК.

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

[]

где, фото7632142_296

9. — Это адрес картинки! Смотрим в адресную строку картинки:

С первой картинки приступим к вставке меню в группу ВКонтакте

Вам нужен краткий адрес фотографии, для этого перейдите в сам альбом:

Зайдите в сам альбом, чтобы получить желаемый адрес картинки!

… и начиная с первой картинки перенести их в групповое меню.

Добавьте картинки в меню кода!

Итак, адрес картинки добавлен, размер указан, теперь ставим тег nopadding; — Это нужно для того, чтобы наши картинки плотно прилегали друг к другу. И на последнем этапе установите ссылку на страницу, на которую посетитель попадет после того, как кликнет по картинке.

Вот небольшая доработка! Внешние ссылки, Ссылки на альбомы ВК и обсуждения пишут полностью, а ссылки на внутренние страницы в формате страница-32734125_44298120.. В начале и в конце строки не забудьте поставить две квадратные кавычки и без пробелов.

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

Строки, в которых у вас два или более элемента, вставьте код без пробелов. Вставьте каждую строку изображения друг за друга. Потому что, если вы нажмете ENTER после строки с картинкой, то картинка перескочит на новую строку, и меню переместится.Нам нужно, чтобы меню отображалось целиком, поэтому нам не нужны лишние пробелы и «иртер»!

После того, как вы переместили все картинки в меню и расставили их (размер, ссылка), сохраняем результат и восхищаемся вашей работой! Все! Готовый!

Привет, друзья!

Сегодня статья пойдет о дизайне групп ВКонтакте. Это очень важная часть, которая существенно влияет на продажи и продвижение ваших сообществ, поэтому я настоятельно рекомендую прочитать ее.

Что входит в дизайн?

Начнем с самого начала.Многие задаются вопросом, что входит в дизайн и как организовать группу ВКонтакте без посторонней помощи.

Что выходит: Обычно в исполнение группы входит аватар, меню (специальная картинка, при нажатии на которую человек переходит в так называемое навигационное меню, в котором основные элементы сообщества, так называемые быстрые ссылки и ответы на вопросы). Также по желанию в оформление может входить особый дизайн (брендирование постов).

Аватар

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

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

Я часто замечаю, что люди просто создают красивые изображения, которые не отражают сути сообщества.Кроме того, на аватаре сообщества желательно указать контактные данные и позвонить для присоединения к группе.

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

Поэтому предлагаю вам потратиться и пройти обучение у профессионалов. Во-первых, вы получите практические навыки (студенты обычно выполняют работу для заказчиков), во-вторых, вы сможете продолжать создавать сообщества не только себе, но и заказчикам.В среднем цена изготовления аватарки и меню начинается от 1500 рублей и выше. В некоторых случаях на оформление уходит 5-6 тысяч.

В среднем на проектирование обоих элементов может уйти день-два. Это я, чтобы подвести итоги. Вы можете посчитать, сколько на этом можно заработать. Итак, я вернусь к обучению. Тот собственно курс, по которому проводится: http://www.1day1step.ru/design.php .. Цены там вполне адекватные для обучения, и можно отбиваться после 2-х клиентов.

Меню сообщества

Теперь поговорим о меню сообщества. Меню построено на дизайне и так называемой вики-разметке. Этому тоже можно научиться и чему научиться.

Меню обычно делается для удобства сообщества интернет-магазина (и не только в принципе). В меню указаны ссылки на отзывы клиентов, каталог продукции и другие элементы. По сути, меню представляет собой общедоступную навигацию с использованием нескольких кнопок мыши.

Меню похоже на аватарку сразу кидается к пользователям и новым покупателям.А при грамотном оформлении побуждает людей присоединиться к группе и в дальнейшем оформить заказ.

Брендовые посты

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

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

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

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

В этой статье мы шаг за шагом рассмотрим, как создать, настроить и качественно оформить сообщество «ВКонтакте»

Создание сообщества

Создать сообщество в ВКонтакте можно, перейдя во вкладку «Группа», Управление , «Создать сообщество».

Тип сообщества и темы

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

Групповое оформление

После выбора типа сообщества можно переходить к самому главному — дизайну. Дизайн вашего сообщества — это своеобразная визитная карточка компании, в зависимости от того, насколько качественно будет дизайн, ваши потенциальные подписчики сделают выводы о вашей работе.
Вы можете загрузить обложку, щелкнув «Настройки», а затем «Загрузить».

На обложке можно разместить:

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

Обложка в сообществе МТС

Обложка в сообществе Тинькофф Банка

Обложка в сообществе «Headshot»
Размеры изображений для сообщества ВКонтакте.
Размер обложки для группы ВКонтакте 1590x400px
Размер миниатюры Аватарка — круг диаметром 200px

Также Вконтакте не так давно появились динамические обложки для сообществ.
Динамические обложки обладают очень богатым функционалом, с помощью которого вы можете привлечь к обложке последнего подписчика, лучшего комментатора, настроить смену фона по вашему запросу, добавить виджет погоды, времени и многое другое.

Сообщество Описание

В описании главное преимущество компании — это как можно короче.
Важный момент: Не нужно красить все, как твоя компания сделала, занимается или будет заниматься. Длинное описание Никто не будет читать. У вас есть несколько секунд, чтобы привлечь внимание, прежде чем клиент начнет смотреть сообщения на стене сообщества. Поэтому в описании должны быть только ключевые моменты, отражающие сущность сообщества / компании.

Lifehak: Для того, чтобы описание сообщества было более подробным (с фотографиями, ссылками и красивым оформлением), необходимо поставить фиксированную запись вики-поста, в которой будет яркая картинка и призыв к действию.

Примеры вики-сообщений:

Группа аватаров

Аватар сообщества — важная часть в общем построении качественного дизайна, в этой статье мы выделили несколько очень важных моментов, которые необходимо учитывается при создании аватара сообщества.
С учетом того, что в основном они используются каверами сообщества, то сам австриец в группе отображается в миниатюре. Поэтому поговорим о том, как важно оформить миниатюру аватара.Как упоминалось выше, размер миниатюр аватара представляет собой круг диаметром 200 пикселей.

1. 1. Текст
      Если вы размещаете текст на миниатюре аватара, важно, чтобы он был большим и не выходил за пределы аватара.
   2. Понимание
      На аватаре необходимо разместить изображение, на котором он будет понят, как показано.
   3. Minimalism
      Чтобы ваша аватарка была лояльной, можно сделать ее в стиле минимализм: меньше слов и лишних элементов, не несущих никакой смысловой нагрузки.Миниатюрный аватар обязан быть максимально простым и читабельным.
   4. Привлечь внимание
      Так миниатюрные аватарки привлекли внимание. Расставить его нужно так, чтобы он не был слишком белым и скучным, иначе он потеряется на фоне более красочных аватарок конкурентов.

Что разместить на миниатюрном аватаре?

Считайте использование миниатюр Аватара привлечением подписчиков в сообщество.

Настройки сообщества

Перейдя на вкладку «Управление сообществом», вы можете придумать короткий адрес страницы и указать дополнительную информацию.

Далее во вкладке Links укажите ссылки на вашу страницу в других социальных сетях и ссылку на ваш сайт.

В разделе «Разделы» укажите необходимое. Стену сообщества удобнее ставить лимитированной, чтобы в дальнейшем не рэпить ее от публикаций спам-ботов.

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

Также в сообществе вы можете добавлять приложения и настраивать их под свои нужды. Например, приложение «Приложения» наиболее удобно для работы с лидами. Это онлайн-запись и прием заказов. Или, например, карту «Карты», с адресами ваших магазинов, офисов, мероприятий. С помощью приложения «Купить билет» вы можете продавать билеты на мероприятия прямо на странице сообщества, т.е. подписчики / клиенты смогут купить билет, не переходя на ваш сайт.

Wiki-меню — красивое и информативное

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

Примеры вики-меню:

Подробное руководство по созданию вики-меню вы можете увидеть здесь —

, как вы наверное знаете, очень и очень много.Но не все они популярны. Что нужно сообществу, кроме уникального и интересного контента, чтобы оно было популярным? Конечно, не лишним будет знать, как красиво оформить группу. Вконтакте сделать это не так уж и сложно. Прочитав нашу статью, вы сможете все сделать самостоятельно.

Инструкции по регистрации в сообществе

Создать баннер

1. Откройте фотошоп и создайте в этой программе новый документ размером -630×725 пикселей.Залить все белым.
2. Вырежьте в слое два окна (200×710 и 382×442 пикселей). Именно через эти окна будет отображаться графический дизайн сообщества. Внизу совмещаем два окна.
3. На картинке я пишу текст и пункты меню, которые вы запланировали. В принципе, это ответ на вопрос, как сделать меню группы ВКонтакте.
Прямоугольник
4. , который мы создали размером 200×710 пикселей, сохраняем отдельно. Это аватар вашей группы или паблика.
5. Левую часть изображения (382×442) мы должны разрезать на пару частей. Сколько их будет, зависит от количества пунктов в меню вашего сообщества.
6. Откройте ВКонтакте в браузере orbitum или любого друга. Полученные картинки сохраните и загрузите в свой групповой альбом.
7. Зайдите в «Новости» — «Редактировать» — вкладку «Исходный код». Код, который вы увидите в нижнем окне, вставьте в «оригинал …». Измените фото на имя файла, а так же укажите высоту файла.Вставьте вручную ссылки меню URL.
8. Для того, чтобы ваши изображения гармонично и правильно сочетались, название сообщества должно быть в одну строку, описание — в 10 строк, а URL сайта — тоже в одну строку.

Wiki-разметка в помощь

Специальность по графическому дизайну — Южный колледж Флориды в Лейкленде, Флорида

Первокурсники

Все поступающие на первокурсники на дневные программы обучения в Южных колледжах Флориды должны предоставить следующую информацию:

Переводы

Подача заявления на поступление в Florida Southern в качестве переводного студента очень проста.

При переводе менее 24 кредитов нам также понадобится ваш:

• Официальная выписка из средней школы
• Результаты SAT и / или ACT

Дополнительные требования к поступающим для графического дизайна

Требуется обзор портфолио. Срок сдачи портфелей продлен до 1 мая.

Чтобы поступить на факультет визуальных искусств и дизайна Южного колледжа графического дизайна Флориды (бакалавр изящных искусств / бакалавр искусств), вы должны отправить портфолио на рассмотрение.Ваше портфолио автоматически используется для рассмотрения стипендии.

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

Общий

• Живопись
• Скульптура
• Керамика
• Фотография
• Гравюра
• Цифровые СМИ

Рисунок

• Контурная линия
• Перспектива моделирования / построения ценности
• Натюрморт
• Рисунок фигуры
• Автопортрет

Дизайн

• Композиционные этюды
• Теория цвета
• Теория ценностей
• Расследование формы / встречной формы
• Линейная маркировка

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

Путеводитель Eatwell — NHS

Путеводитель Eatwell показывает, сколько всего того, что мы едим, должно поступать из каждой группы продуктов для достижения здорового и сбалансированного питания.

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

Кредит:

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

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

Помните, что количество фруктовых соков и смузи не должно превышать в общей сложности 150 мл в день.

Фрукты и овощи — хороший источник витаминов, минералов и клетчатки.

Узнайте больше о том, как получить 5 A Day

Кредит:

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

Существуют также варианты белого хлеба и макарон с более высоким содержанием клетчатки.

Крахмалистые продукты являются хорошим источником энергии и основным источником ряда питательных веществ в нашем рационе.

Узнайте больше о крахмалистых продуктах

Кредит:

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

Старайтесь по возможности покупать продукты с низким содержанием жира и сахара, например молоко 1% жирности, сыр с низким содержанием жира или простой обезжиренный йогурт.

Узнайте больше о молоке и молочных продуктах

Кредит:

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

Выбирайте нежирные куски мяса и фарш и ешьте меньше красного и обработанного мяса, такого как бекон, ветчина и сосиски.

Старайтесь есть как минимум 2 порции рыбы каждую неделю, одна из которых должна быть жирной, например, лосось или скумбрия.

Узнайте о бобовых, рыбе, яйцах и мясе.

Кредит:

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

Помните, что все виды жиров высококалорийны и их следует есть умеренно.

Узнайте больше о различных типах жиров в нашем рационе

Кредит:

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

Они не нужны в нашем рационе, поэтому их следует есть реже и в меньших количествах.

Советы по сокращению потребления сахара

Кредит:

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

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

Узнайте больше о воде, напитках и своем здоровье

Как работает Eatwell Guide?

Путеводитель Eatwell делит продукты, которые мы едим и пьем, на 5 основных групп.

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

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

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

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

В среднем женщины должны потреблять около 2000 калорий в день (8 400 килоджоулей), а мужчины — около 2500 калорий в день (10 500 килоджоулей).Большинство взрослых потребляют больше калорий, чем им нужно.

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

Комбинированные продукты

Многие продукты, такие как пицца, запеканки, макаронные изделия и бутерброды, представляют собой комбинации групп продуктов, указанных в Руководстве Eatwell.

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

Применимо ли руководство Eatwell для всех?

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

Любой человек с особыми диетическими требованиями или медицинскими потребностями может захотеть узнать у зарегистрированного диетолога, как адаптировать Eatwell Guide к своим индивидуальным потребностям.

Дети в возрасте до 2

Руководство Eatwell не распространяется на детей в возрасте до 2 лет, поскольку у них другие потребности в питании.

В возрасте от 2 до 5 лет дети должны постепенно переходить к тому, чтобы есть те же продукты, что и остальные члены семьи, в пропорциях, указанных в Руководстве Eatwell.

Узнайте больше о пищевых потребностях младенцев, малышей и маленьких детей в первой твердой пище вашего ребенка.

Загрузите буклет Eatwell Guide

Для получения дополнительной информации, включая подробные сведения о том, какие продукты питания включены в группы продуктов, загрузите буклет Public Health England о руководстве Eatwell от GOV.СОЕДИНЕННОЕ КОРОЛЕВСТВО.

Поддержка здорового питания

Рекомендации по питанию и диете на веб-сайте NHS включают:

Последняя проверка страницы: 28 января 2019 г.
Срок следующей проверки: 28 января 2022 г.

Перетренированность: что это такое, симптомы и восстановление

«Когда спортсмен пытается улучшить свои результаты, он должен выйти за пределы своих возможностей, — говорит Марси А. Гулсби, доктор медицинских наук, медицинский директор Центра женской спортивной медицины HSS, — но иногда черта пересекается.Повторяющиеся, напряженные тренировки без адекватного восстановления могут привести к перетренированности, что отрицательно скажется на самочувствии спортсмена и его выступлениях ».

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

Что такое перетренированность?

Есть две классификации слишком больших упражнений: перетренированность и перетренированность.

Перегрузка — это болезненность мышц, выходящая за рамки того, что вы обычно испытываете, когда вы недостаточно восстанавливаетесь между тренировками.Чрезмерная нагрузка обычно происходит после нескольких дней упорных тренировок подряд и приводит к чувству усталости. К счастью, последствия перенапряжения можно легко обратить вспять с отдыхом.

Перетренированность возникает, когда спортсмен игнорирует признаки перетренированности и продолжает тренироваться. Многие спортсмены считают, что слабость или плохая работоспособность сигнализируют о необходимости еще более усердных тренировок, поэтому они продолжают подталкивать себя. Это только еще больше разрушает тело.

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

Здоровый сон, питание и психическое благополучие имеют решающее значение для предотвращения перетренированности. Они должны быть частью тренировочного режима так же, как и план упражнений и отдыха. «Многие из нас используют упражнения для управления стрессом», — говорит спортивный психолог HSS Дебора Н. Рош, доктор философии. «Это может быть отличным способом очистить голову и улучшить настроение. Однако хорошего может быть слишком много ».

Симптомы и предупреждающие признаки перетренированности

Может быть трудно определить, когда вы перетренировались.«Это естественно, и ожидается, что вы почувствуете усталость после сложных тренировок», — говорит доктор Гулсби. «Но ощущение, что вы не восстанавливаетесь между тренировками, или испытываете общую усталость и трудности с самодвижением во время тренировок, может быть показателем перетренированности».

Признаки перетренированности, связанные с тренировками

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

Признаки перетренированности, связанные с образом жизни

• Длительная общая утомляемость
• Повышение напряжения, депрессии, гнева или замешательства
• Неспособность расслабиться
• Плохой сон
• Недостаток энергии, снижение мотивации, капризность
• Отсутствие радости от вещей, которые когда-то были приятными

Признаки перетренированности, связанные со здоровьем

• Увеличение случаев заболеваний
• Повышенное артериальное давление и частота сердечных сокращений в состоянии покоя
• Нерегулярные менструальные циклы; недостающие периоды
• Потеря веса; потеря аппетита
• Запор; диарея

Если какой-либо из этих знаков кажется вам знакомым, возможно, пришло время внести некоторые изменения.«Лучше всего выявить эти симптомы на ранней стадии и приспособить тренировку к ним», — говорит доктор Гулсби. «Если симптомы станут более серьезными и продолжительными, выздоровление займет гораздо больше времени».

Как оправиться от перетренированности

Если вы испытываете симптомы перетренированности, поговорите со своим тренером, спортивным тренером или врачом. Эти специалисты по спортивной медицине могут работать с вами, чтобы разработать индивидуальные рекомендации по вашему выздоровлению. «Тренерам также важно определить проблемы, с которыми их спортсмены могут столкнуться при напряженных тренировках, и вести открытый диалог о том, нужно ли корректировать тренировки, помимо обеспечения хорошего сна, питания и психического здоровья», — сказал доктор.- говорит Гулсби.

Обычно восстановление после перетренированности включает:

Остальное

Отдых имеет решающее значение для восстановления после перетренированности. Возможно, вам придется временно прекратить или сократить тренировки — даже если это означает отказ от предстоящих соревнований.

Питание

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

Психическое здоровье

Отрыв от тренировок может быть эмоционально сложным. Специалисты в области психического здоровья могут помочь в восстановлении после перетренированности, предоставив вам возможность обсудить свои чувства. «Получение поддержки и подтверждения того, насколько сложным может быть перерыв, может помочь нормализовать опыт и помочь спортсмену почувствовать себя менее подавленным или разочарованным перерывом», — говорит д-р Рош. «Кроме того, во время перерыва можно обучать умственным навыкам и другим психологическим навыкам.Было доказано, что осознанность, визуализация и другие методы помогают спортсменам подготовиться и вернуться в спорт после травмы ».

Постепенное возвращение

Ваш врач и тренер должны помочь вам определить, когда вы будете готовы снова начать тренировку. Признаки того, что вы, вероятно, готовы возобновить полноценные тренировки, — это возобновление интереса и способность упорно тренироваться с нормальной реакцией.

Начните с малого и двигайтесь медленно. Ваш тренировочный объем может быть уменьшен как минимум на 50-60 процентов.Увеличивайте количество тренировок примерно на 10 процентов каждую неделю.

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

Как избежать перетренированности

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

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

Слушайте свое тело. Работайте в тесном сотрудничестве со своим тренером или врачом и расскажите им, как вы себя чувствуете.

Визуализируйте свои тренировки. «Использование изображений и визуализации может обеспечить репетицию, которую вы хотите от тренировки, без перегрузки тела и риска травм», — говорит д-р Рош.

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

Тренировка баланса и время на восстановление. Достаточный отдых — не признак слабости. Каждую неделю вам нужен как минимум один полный день отдыха.

Если вы тренируетесь для определенного вида деятельности, чередуйте тяжелые и легкие дни. Включите в свои тренировки кросс-тренинг и другие формы активного отдыха. По мере того, как вы увеличиваете количество и интенсивность тренировок, работайте постепенно.

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