Как красиво да оформите група в контакт. Нов дизайн на VKontakte - хоризонтална корица на групата

1 глас

Същото трябва да се направи и с аватара. Изберете и преминете към нов слой (Ctrl+J)

Когато прехвърляте на нов слой, фонът трябва да е активен, а не този, който току-що сте създали. Уверете се, че е подчертано.

След това можете да се отървете от фона. Кликнете върху ключалката до този слой, това ще ви позволи да го манипулирате.

Плъзнете слоя в кошчето, точно като обикновен файл от вашия работен плот.

Приключихме с това. Шаблонът е създаден.

Уникално изображение за групата

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

Плъзнете снимката, която ще използваме като основна.

Не отразява правилно.

Ако имате същата глупост, просто я направете най-горната. След това, докато държите натиснат бутона Alt, щракнете върху слой 1 и слой 2, така че и двата да бъдат маркирани.

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

Ако натиснете Ctrl и след това миниатюрата на слоя, който току-що създадохте. Мравките тичат по ръбовете на обектите от новия слой, който ще ви каже как да покажете долната картина. Можете да ги премахнете, като натиснете Ctrl+D. Това, което сега е във вътрешната част, по-късно ще бъде вмъкнато във VK.

Ако започнете да местите снимката, тогава бягащите мравки ще „вървят“ с нея. Мога да ви посъветвам да настроите водачи. Не знаете как да работите с тях? Гледайте това видео тук.

След като настроите всичко както трябва, можете да преминете към следващата стъпка. Ще ви покажа два варианта за постигане на същия ефект. Първият е прост. В горния слой щракнете с десния бутон и изберете „Създаване на изрязваща маска“.

Но аз обичам второто. Той е по-бърз. Натиснете Alt и преместете курсора между двата слоя, визуално ще се промени. След това щракнете с левия бутон.

Резултатът е тази снимка.

Всяка част може да бъде изрязана с инструмента Frame и след това запазена като jpeg. Добавяме правилната снимка като аватар. Отляво можете просто да го добавите като обикновена публикация и след това да го закачите.

Успешният дизайн на група VKontakte трябва да бъде не само красив, но и функционален и удобен. Накарайте дизайна да реши вашите маркетингови проблеми, така че групата да привлече плащаща и купуваща аудитория към марката и да остане с нея завинаги.

5 стъпки как да създадете група във VKontakte

Покрийте

Обложката на общността днес е важен инструмент за проектиране на марка група в Contact и нейното популяризиране. Можете да го изтеглите в секцията „Управление на общността“, като отидете в раздела „Настройки“. Висококачествено хоризонтално изображение в самата заглавка на общността играе ролята на основен рекламен банер на компанията в социалната мрежа. Той създава настроение, информира, подобрява имиджа, призовава към целенасочени действия и в същото време продава.

1. Използвайте висококачествени илюстрации

Корицата на общността на VKontakte трябва да е с размери 1590x400 пиксела, но е по-добре да качите снимка 2-3 пъти по-голяма във формат .png. По този начин можете да избегнете лошо качество на дисплея.

2. Адаптирайте изображението за различни устройства

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

3. Поставете слоган и USP

Нека клиентът види вашата философия и ползи от първия екран.

4. Покажете продукта/услугата, процеса или резултата от използването му

По този начин потенциалният клиент веднага ще разбере в какво сте специализирани и ще бъде въвлечен в продукта.

5. Помогнете на клиентите да се свържат незабавно с вас

Напишете своя телефонен номер, имейл и други фирмени контакти на банера. Ако географското местоположение е важно за вашия бизнес, например, работите в кетъринг индустрията или horeca, адресът също ще бъде полезен.

6. Обявявайте събития

Рекламирате ли концерти, очаквате ли нова колекция или представяне на продукт или провеждате фестивал/конференция/ден за клиенти? Кажете на всички, които идват в общността за това.

7. Представете промоции и отстъпки

Къде другаде в основната платформа можете да кажете на публиката, че точно сега могат да направят поръчка от вас на 2 пъти по-евтина цена? Най-важното е, че не забравяйте да промените илюстрацията след изтичане на офертата.

8. Предложете да предприемете целенасочено действие

При зареждане на корицата на общността в долния десен ъгъл хоризонтално се поставят два бутона - Напиши съобщение и Присъедини се към групата. Насочете стрелка към тях, за да привлечете допълнително вниманието на публиката. Така че, ако даден продукт е показан на банер, можете да предложите да го поръчате веднага в съобщения. И ако съдържа обобщение на последните новини, абонирайте се, за да получавате винаги най-новата информация.

Качете аватар и изберете миниатюра

Някои марки все още не приемат корицата, предпочитайки стария вид на първия екран на групата, използвайки комбинация от аватар и закачена публикация като така наречената „заглавка“. В този случай едната картина е продължение на другата. Най-впечатляващо изглежда, когато снимката завършва на същото ниво като аватара.

Когато използвате максималния размер на аватара от 200x500 пиксела, размерът на изображението в закачената публикация трябва да бъде 510x308 пиксела. Отлична ангажираща техника е да прикачите видео, качено през плейър в социалната мрежа, което стилистично продължава аватара.

Ако използвате корица като заглавка, аватарът винаги ще се показва като миниатюра.

Правила за проектиране на миниатюра на аватар на VK общност

Миниатюра е малко кръгло изображение, което се изрязва от голям аватар и се показва в търсенето на групи, в списъка с общности за всеки потребител и вляво под корицата, ако има такава. Ето няколко съвета за дизайн.

1. Миниатюрата трябва да е разбираема за публиката

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

2. Използвайте само висококачествени снимки

По-добре е да качите източника 2-3 пъти по-голям от необходимия размер, за да можете да забравите за ужасните пикселни „квадрати“, които не ви показват в най-добра светлина.

3. Проектирайте свои собствени илюстрации

Стандартните стокови изображения ще изглеждат евтини и непрофесионални и ще станат синоним на недоверието на потребителите към марката. Направете уникален дизайн в същата концепция и цветове като останалата част от дизайна.

4. Снимки, които контрастират с фона на страницата, са това, от което се нуждаете

Когато проектирате VK миниатюри толкова закачливо, „кръглото парче“ ще се откроява в емисията сред другите групи и няма да се слее с фона на страницата.

5. Поставете контакти или USP на фирмата

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

6. Направете текста голям и четим

По-добре е да не използвате серифни или курсивни шрифтове - те са твърде шумни, когато се гледат на екрани на компютри, мобилни устройства и смартфони, замърсяват изгледа. Уверете се, че текстът не излиза извън границите на изрязаната миниатюра. Това ще ви позволи да предадете съобщението на потребителя правилно и ефективно.

7. Използвайте персонализирани форми

Например в желания кръгъл шаблон въведете многоъгълник или друга геометрична фигура на бял фон. Създайте ефект на непрочетено известие или графична икона „онлайн“.

Разработете меню

Менюто е важен елемент от дизайна на група в Контакт, което улеснява потребителите да навигират в групата - ще бъде по-удобно за хората да намерят необходимата им информация. Всеки елемент и страница се създават на специален език за програмиране – Wiki markup. Използвайки го, можете да правите изображения с възможност за кликване и да създавате удобни страници в социалната мрежа, сякаш е страница на уебсайт.

Можете да използвате както отворени, така и затворени менюта. В първия случай потребителят веднага вижда секциите, които са включени в него, във втория те са предшествани от картина за предварителен преглед с надпис „Меню“. Менюто може също визуално да се превърне в продължение на аватара, ако използвате старата опция за дизайн на общността.

Разработете продуктова витрина

Когато поставяте продукти във вашата обществена витрина, не забравяйте, че потребителите винаги виждат първите 3 елемента. Поставете най-популярните и най-поръчваните в тях, като качите презентационно изображение в същия стил. Публикувайте тук унифицирани икони или снимки на самите продукти Услугите могат да бъдат поставени в продукти. В дизайна покажете процеса на предоставяне на услугата или нейния резултат. Размерът на такава снимка ще бъде квадратен - 400x400 пиксела.

Дизайн на публикация

1. Използвайте пълноценно наличните размери на изображенията

Максималната ширина на изображение в емисия е 510 пиксела. Квадратните изображения от 510x510 пиксела и правоъгълните изображения от 510x300 пиксела изглеждат най-впечатляващи.

2. Разработете персонализиран стил на публикация

За да изглеждат вашите публикации индивидуални, измислете унифициран стил, шрифт и цветова схема.

3. Поставете кратък текст върху картинката

Например, можете да разделите изображение на 2 части - текст и графика, или да напишете текст, докато затъмнявате фона. За да направите текста видим без затъмнен фон, напишете го върху фон (контрастен графичен блок с еднакъв цвят) или добавете сянка към надписа. Снимките с рамка изглеждат добре.

4. Направете няколко шаблона за различни цели

Например, за оферти използвайте един шаблон за представяне на визуална информация, за обявяване на материали от сайта - друг, а за състезания трети.

Използвайте тези абсолютни техники и вашата компания ще бъде представена във VKontakte по възможно най-добрия начин и ще бъде удобно за клиентите да взаимодействат с нея. Но не забравяйте, че всичко изисква умереност! Вижте още по-свежи идеи за създаване на VK общност на страницата за услуги на агенцията Tesla Target.

), съставете меню.

Сега ще ти покажа как да направите меню в група VKontakte и да го проектирате правилно.

Създаване на красиви графики

В новия дизайн на уебсайта VKontakte размерите на графиките са променени. По-долу ще намерите текущите стойности.

• Аватар за групата - 200х300 px
• Банер в описание - 510x271 px

Подгответе изображения в необходимите размери. Ще направя готови снимки, за да ви покажа за пример.

Така че, нека направим красив дизайн, като разделим общата картина на две части. В резултат на това ще получим един дизайн.

Първо качете аватара си. Отидете до групата и щракнете „За да качите снимка“.

Ще видите форма, в която трябва да изберете файл на твърдия диск на вашия компютър. Направи го. В резултат на това получихме следното.

Сега нека добавим втората част на изображението. За да направите това, трябва да поставите снимка на стената и след това да я запишете с нея, да я фиксирате в горната част.

Да отидем до стената. Тук в блока "Добави бележка", докоснете иконата Снимка.

Качете второто подготвено изображение. Не забравяйте да изберете да публикувате като общност. И след това щракнете върху „Изпращане“.

Сега влизането трябва да бъде обезопасено (вижте). Връщаме се към новия запис и разширяваме менюто в горния десен ъгъл. Тук кликваме върху „Pin“.

Сега обновете страницата и вижте резултата.

Единственият минус е, че снимките са на различни нива. Но това се дължи на факта, че не са с правилния размер. Аватарът трябва да е по-голям вертикално. Тогава те ще бъдат на едно ниво.

Как да създадете меню в група VKontakte

Нека се върнем към нашия пример и си представим, че трябва да направим бутон „Повече подробности“. Тя вече е на снимката. Как да го направим бутон, така че при щракване човек да бъде отведен до основния ни сайт? Сега ще ви покажа.

За да направим активни бутони на менюто, трябва да ги изрежем като отделни изображения. За целта ни трябва Photoshop.

Отворете нашето изображение в редактора и активирайте инструмента за рязане.

Отрежете долната част с копчето. Задръжте левия бутон на мишката и нарисувайте хоризонтална линия, разрязвайки картината на две части.

Сега натиснете Alt+Ctrl+Shift+S, за да запазите готовите изображения.

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

Вижте, след символите "odi=- ", трябва да въведете идентификатора на вашата група (вижте). И в самия край на връзката напишете името на вашата страница с менюто. В примера ще оставим „Меню“ както е.

Тук кликваме върху иконата на камерата и качваме подготвените изображения.

Сега нека да преминем към създаването на меню за групата във VK. Трябва да изглежда нещо подобно.

След това отиваме в секцията "Редактиране". Тук за всяко изображение трябва да премахнем подложката, така че да се слеят в една картина. За да направите това, добавете следната стойност в кода: „nopadding;“ . И добавете връзка към желаната страница или сайт, като въведете стойността „https://site.ru/page.html“ (посочете вашите адреси!). В нашия пример бутонът „Повече подробности“ трябва да води към уебсайта. Ето какво трябва да се случи.

[] []

Запазете страницата. Не забравяйте да копирате адреса й от адресната лента. Трябва да изглежда така:

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

Връщаме се към стената на групата и създаваме нов запис. В него вмъкваме връзка към страницата и прикачваме оригиналното изображение. Публикуваме и закачваме.

Това е менюто, до което стигнахме.

Размери на основните елементи за декорация

Бизнес платформата VKontakte се развива и постоянно пуска допълнения за групи. Ако преди това отне няколко минути, за да създадете група - измислете име, въведете описание, поставете връзка към сайта и качете няколко снимки, сега всичко е много по-сложно. Дизайнът на цялата общност като цяло трябва да бъде внимателно проектиран, за да изпълни основната си цел. По-специално, за бизнеса това са продажбите, за тематичните публики това е интересът на рекламодателите.

• Име на общността— всеки текст на всеки език, не по-дълъг от 48 знака, можете да използвате емотикони;
• описание на групата— не повече от 4000 символа (при класиране на група в търсачките се взема предвид като );
• аватар— минималният размер е 200x200 пиксела, максималният е не повече от 7000 пиксела от всяка страна. Можете да използвате JPG, GIF или PNG изображения;
• Покрийте— минималният размер е 200 пиксела във височина и 795 в ширина. Препоръчителният размер на изображението е 400x1590 пиксела. Формати – JPG, GIF или PNG;
• покритие на общността на живо(за мобилни) - видеоклипове или снимки с резолюция 1080x1920. Продължителност не повече от 30 секунди, размер на файла до 30 MB.
• групово меню;
• бутон за действие;
• Информация за връзка;
• закачено съобщение – всяка публикация с видео, снимка, анкета, GIF и др.;
• други секции и елементи по желание;
• приложения и уиджети.

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

Описанието е текстът, който потребителите виждат веднага при посещение на групата. Целта му е да заинтересува. Необходимо е компетентно и интересно да се опише какво представлява групата. Когато проектирате текста, трябва да обърнете специално внимание на фактите за групата и колко е полезна за хората. За да подобрите ефекта, е по-добре да разделите информацията с помощта емотикони.

Как да добавите или промените описание

В страничното меню на групата отидете в секцията „Управление“.

Попълнете секцията „Описание на общността“. Ако трябва да редактирате описанието по-късно, следвайте същия алгоритъм.

Аватар

Аватар- снимка, снимка на групата. Това е първото нещо, което хваща окото. Ава се вижда от хората в горния ляв ъгъл на публикацията във емисията и при посещение на страницата на общността. По-добре е да направите аватара по такъв начин, че дори в умален вид да е различим и разпознаваем. Например като полковник Сандърс.

Сега има много онлайн услуги и приложения, които могат да ви създадат красив аватар за групата.

• AvaMaster - качете снимка (или лого на фирма), изберете от представените опции.
• Vk Profi - ви позволява да създавате всички основни графични елементи за дизайна на общности и публични страници.

Как да настроите или промените аватар

За да добавите или замените групова снимка, трябва да отидете на страницата на общността, да посочите текущия аватар и да изберете „Актуализиране на снимка“ в появилото се меню.

Ще се отвори прозорец, в който трябва да щракнете върху „Избор на файл“ и да качите желаното изображение от вашия компютър.

Корица за група VKontakte

Покрийтесравнително нов елемент в дизайна на общностите. Позволява ви да замените обикновените аватари и ви дава възможност да бъдете креативни с дизайна. Групата става по-ярка и по-привлекателна.

За да добавите корица, отидете в управлението на общността и щракнете върху „Добавяне“ до съответния елемент и качете снимка.

Може да изглежда така например:

Опитайте се да поставите най-важната информация в центъра, така че когато гледате групата от различни устройства, информацията на корицата да не бъде отрязана. Освен това можете да добавите допълнителни текстови подкани: „Присъединете се към групата“ или „Посетете сайта“.

Кавър на живо от общността

Можете също да направите корица, която ще бъде видима само за посетители на група от мобилни устройства и потребители на мобилни приложения. Тази корица се нарича „Обществена корица на живо“ или динамична.

За да направите корица на живо, в същия раздел, където сме задали обикновената корица, превъртете малко надолу и добавете вертикални изображения или видеоклипове.

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

Фиксирана публикация

Тайните на създаването на общности за продажба във VK

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

Безплатни приложения.Отидете на управление на общността и отидете на „Приложения“, за да редактирате настройките.

Тук можете да изберете да добавите приложение, което да допълва функционалността на групата. Например, както в нашата група, има бутон „Подкрепете общността“, като кликнете върху който можете да дарите в полза на общността всяка сума от 100 рубли. Това може да бъде и магазин за продукти, въпросник, тестове, онлайн чат, абонамент за бюлетин и др.

Други полезни джаджи и приложения:

• въпросници;
• тестове;
• регистрация за услуги;
• изпращане на съобщения;
• магазин за стоки;
• и така нататък.

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

Допълнителни дизайнерски елементикоито могат да се използват:

Заключение

Ако искате успешно да популяризирате група във VK, тогава не забравяйте да отделите време, за да я проектирате правилно и красиво. Колкото по-задълбочено подходите към този проблем и обмисляте всички сценарии на поведение на потребителите, след като отидете на страницата на групата, толкова по-висока ще бъде конверсията към абонамент и впоследствие към покупка.