Як зробити своє оформлення у ВК




Як зробити своє оформлення у ВК



Як оформити співтовариство ВКонтакте

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

У цій статті детально розповімо про те, як оформити співтовариство ВКонтакте. Якщо у вас поки що немає спільноти, створити її можна за цією інструкцією .

1. На головній сторінці спільноти натисніть на полі "Додати опис" або перейдіть до розділу "Управління" -> "Налаштування" -> "Основна інформація".

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

3. Додайте аватар спільноти. Натисніть кнопку «Завантажити фотографію» на сторінці. Як зображення чудово підійде логотип бренду. Якщо його немає – назва магазину чи тематична картинка. Розмір мініатюри аватара - 200х200 pх. Мінімальний розмір цілого аватара - 400х400 px.

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

Обкладинку можна завантажити у форматах PNG, JPG або GIF. Мінімальний розмір – 960×384 пікселів, рекомендований – 1920×768 пікселів.

Завантаження обкладинки через розділ «Керування» займає трохи більше часу, проте доступна для всіх версій.

Завантажте обкладинку у розділі «Керування». У блоці з основною інформацією міститься розділ «Обкладинка». Натисніть "Керування" праворуч, щоб додати файл для обкладинки.

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

Про живі обкладинки ми докладно розповідаємо у статті «Як встановити живу обкладинку до спільноти».

5. Вкажіть унікальну адресу спільноти. Його можна змінити в розділі «Керування» —> «Адреса спільноти». Мінімальна довжина адреси – 5 символів, максимальна – 32.

6. Налаштуйте кнопку дії. Відкрийте розділ «Керування» у меню спільноти праворуч. У блоці «Кнопка дії» змініть статус на «Увімкнено», виберіть відповідний тип дії, заповніть усі поля та вкажіть назву, яку бачитимуть користувачі. Кнопка дії відображається на головному екрані спільноти та виділяється синім кольором.

7. Додайте адресу та години роботи. Відкрийте спільноту з комп'ютера, перейдіть до розділу "Адреси" і поставте точки на карті. Так клієнти зможуть дізнатися, де ви знаходитесь, та побудувати зручний маршрут. Нижче в цьому розділі вкажіть години роботи, щоб клієнти знали, коли до вас можна приїхати. Цей блок є актуальним і для онлайн-бізнесу — так ви покажете, в який час на зв'язку і можете прийняти замовлення.

8. Залишіть додаткові контакти: сайт або телефон. Їх побачать усі відвідувачі вашої спільноти. Для цього перейдіть до розділу «Управління» —> «Налаштування» і перейдіть до блоку «Додаткова інформація».

9. Налаштуйте меню спільноти. Відкрийте розділ «Керування» та виберіть «Меню». Натисніть «Нове посилання», введіть назву блоку довжиною до 20 символів, вкажіть посилання та завантажте обкладинку.Посилання в меню виглядають як кнопки та відображаються у вигляді каруселі. У меню можна додати до семи внутрішніх посилань і до кожної завантажити обкладинку.

Тепер докладніше поговоримо про те, які елементи можна оформити у спільноті ВКонтакте.

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

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

Це горизонтальний банер у вершині спільноти. Для обкладинки підійде зображення під назвою бренду або фотографією товарів. Також на ній можна розповісти про переваги магазину (гарантії, безкоштовну доставку або цілодобову підтримку), анонсувати нову колекцію або оголосити про розпродаж.

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

Банер може бути не лише статичним, а й динамічним. "Жива" обкладинка виглядає ефектно і відразу привертає увагу, проте показується тільки в мобільному додатку ВКонтакте. Якщо відкрити сторінку спільноти у браузері, буде видно перший кадр галереї або відео.

Якщо ви вирішите використовувати динамічну обкладинку, не забудьте статичне зображення для веб-версії.

Як і у звичайному інтернет-магазині, у спільноті також є меню для навігації.Воно знаходиться під блоком з основною інформацією та допомагає клієнтам орієнтуватися у спільноті. У меню можна завантажити до семи внутрішніх посилань і додати обкладинки. Зображення відображаються у вигляді каруселі і візуально нагадують великі кнопки.

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

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

Для оформлення добірок підійдуть витримані в одному стилі картинки: колажі із зображень товарів, кадри із однієї фотосесії, однаково оброблені знімки. На обкладинці можна текстом продублювати назву добірки, тому клієнтам буде простіше орієнтуватися у ваших товарах.

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

Після оформлення перевірте, як дизайн елементи відображаються на різних типах пристроїв. Якщо у спільноті є посилання на зовнішні сайти, ці сторінки повинні бути адаптовані до роботи не лише з комп'ютера, а й мобільного пристрою. А ось налаштування магазину краще займатися з десктопу: у мобільній версії ВКонтакті поки доступні не всі функції.

Мініатюра виконує роль логотипу: користувачі бачать її у шапці кожного вашого посту, коли гортають стрічку. Система допомагає вирізати круглу мініатюру із завантаженого прямокутного зображення у форматі JPG, GIF чи PNG.

Для обкладинки підходять горизонтальні фотографії або спеціально створені зображення. При завантаженні система допомагає виділити ними область необхідної вузької форми.

Динамічна обкладинка складається з 1–5 зображень або відео, які змінюють одне одного. Можна ввімкнути функцію «Показувати фотографії у русі», тоді зображення поступово наближатимуться.

Для більш якісного відтворення завантажуйте відео роздільною здатністю від 1920х1080 пікселів. Вертикальне відео довжиною від 3 секунд до 3 хвилин з роздільною здатністю 1080×1920 пікселів.

Віджет — це міні-програма, яка виглядає як спеціальний модуль на головній сторінці спільноти. Зазвичай за допомогою віджетів розміщують вітання та заклик підписатися, банер зі збором заявок, форму для відгуків, афішу та інші подібні блоки.

У каталозі зібрані різні віджети, які можуть спростити роботу з клієнтами. Щоб встановити будь-який з них, потрібно натиснути на кнопку «Додати», вибрати зі списку ваших спільнот необхідне та перейти до налаштувань віджету. За інструкцією ви заповните потрібні поля, наприклад заголовок і фразу для кнопки дії. Після цього віджет з'явиться на сторінці спільноти.

У співтоваристві можна встановити до п'яти віджетів. Якщо не стикалися з ними раніше, почніть із найпопулярнішого — вітального модуля, який дозволяє звернутися до користувача на ім'я та попросити його вступити до спільноти.

Докладніше про віджети читайте в окремій статті «Як бізнесу використовувати віджети ВКонтакте».

Щоб запустити Магазин ВКонтакте і отримати перші замовлення, необов'язково наймати дизайнера. за скачування файлів із зображенням зазвичай встановлено невеликий тариф.

Підібрати шрифти допоможе сервіс Fontjoy: напишіть текст у генераторі шрифтових пар, щоб система сама підібрала до нього вдале поєднання, або скористайтеся готовими рішеннями.

Обкладинки, шаблони постів та інші елементи оформлення, адаптовані до ВКонтакті, можна знайти, наприклад, у сервісах Flyvi , SUPA , Wilda , ВК Меню .

Ці знання допоможуть вам оформити співтовариство та знайти ідеї для експериментів.

Зовнішній вигляд спільноти впливає на привабливість ваших товарів та послуг для користувачів.

Оформляючи спільноту, почніть з обкладинки та меню, потім завантажте картки товарів з якісними фотографіями та поступово наповнюйте стіну записам у єдиному стилі.

Важливо завантажувати фотографії та відео відповідного формату та роздільної здатності, щоб важливі елементи не обрізалися та не з'являлися зайві сірі поля.

Віджети — інструмент, який допомагає автоматизувати деякі бізнес-процеси та підвищує залучення учасників.Про те, як це зробити, можна дізнатися з безкоштовного курсу.

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

Оформлення сторінки «ВКонтакте»: найдокладніший гайд у рунеті

Якщо група або сторінка оформлена незручно для користувача, ви втрачаєте потенційних клієнтів. Не треба так!

Актуальні розміри зображень «ВКонтакті»

Аватар

Розмір мініатюри аватара – 200×200 пікселів. Мінімальний розмір цілого аватара – 400×400 пікселів. Якщо ви намагаєтеся завантажити зображення менше 400 пікселів завширшки або завдовжки, ви побачите таку помилку: Можна завантажувати зображення і більшого розміру. Головне, щоб співвідношення їхніх сторін не перевищувало 2:5.

Обкладинка

Розмір головної обкладинки спільноти – 1590 на 530 пікселів. Співвідношення сторін класичної обкладинки однакове на всіх платформах – у повній версії сайту та на мобільних пристроях. Є ще «живі обкладинки». Вони відображаються лише у мобільних додатках. Можна завантажити до 5 фотографій або коротких відеозаписів. Такі обкладинки більші за звичайні шапки в кілька разів, а при кліку вони розкриваються практично на весь екран. Можна відтворювати відео зі звуком. Ось приклад від спільноти російського бренду Befree:

  • Згорнута - Частина, яку користувач бачить, коли заходить до спільноти.
  • Розгорнута - Частина, яка розкриється на весь екран після кліка по згорнутій обкладинці.

Зображення до постів

Зображення, прикріплені до посту, більше не розтягуються, а залишаються такими, якими вони є.Тому, якщо ви хочете, щоб ваше зображення повністю зайняло відведене йому місце у стрічці новин, його ширина повинна бути не менше 510 пікселів. Найкраще, щоб це був квадрат чи прямокутник у альбомній орієнтації.

Звучить трохи заплутано, тому покажемо на прикладі.

Допустимо, у нас є зображення квадратної форми зі сторонами 510 пікселів. Якщо ми прикріпимо його до нашого запису, воно буде дуже добре виглядати у стрічці новин на всіх пристроях:

А ось так виглядає горизонтальне зображення в альбомній орієнтації (ширина 510 пікселів):

Як бачите, що вже зображення (по висоті), то дрібніше воно виглядає у стрічці смартфонів. Щоб переконатися в цьому, подивіться на малюнок нижче:

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

Декілька зображень у пості можуть бути у двох форматах — у вигляді сітки та каруселі.

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

У частини користувачів карусель не працює — картинки просто зникають із поста. Саме тому ми користуємось сіткою.

Зображення до постів із посиланням — це зображення, які автоматично «підтягуються» до посту, коли ви вставляєте посилання (сніппети). Ось як це виглядає:

Втім, можна завантажити своє зображення. Редактор дозволяє побачити, як це виглядатиме:

Мінімальний розмір зображення, яке ви можете використовувати як анонс до вашої статті, - 537 на 240 пікселів:

Однак ви можете завантажувати і більші зображення, якщо буде дотримано пропорція.

Співвідношення сторін прямокутних зображень краще завжди дотримуватись 3:2.

Зображення у статтях

Розмір зображення для обкладинки статті, створеної в редакторі, – 510 на 286 пікселів.

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

Не дуже добрий приклад:

Історії

Оптимальні розміри для історій – 1080 на 1920 пікселів (мінімальні – 720 на 1280 пікселів).

Технічні характеристики для відеозаписів:

  • до 15 секунд;
  • не більше 10 МБ;
  • відеокодек h.264;
  • аудіокодек AAC.

В історії необхідно використовувати фото та відео вертикального формату.

попередній перегляд відео

1280 на 720 пікселів:

Максимальна вага файлу з відео – 5 ГБ.

Інші картинки

У мобільній версії нижня частина обкладинки відображатиметься менше на 200 пікселів.

  • Зображення для товарів та послуг – 1000 на 1000 пікселів.
  • Обкладинка блоку з вітриною товарів – 1000 на 1000 пікселів.
  • Картинки для меню – 376 на 256 пікселів.

Детальніше формати зображень можна прочитати у нашому гайді.

А нижче корисне відео для тих, хто просувається до ВК. Якщо ви ведете блог та анонсуєте нові статті у соцмережах, обов'язково подивіться. У ньому 12 прийомів, які допоможуть вам робити такі анонси, повз які ніхто не пройде повз.

Як зробити так, щоб якість картинки не псувалося

Якщо ви коли-небудь пробували завантажувати зображення "ВКонтакте" (неважливо, чи це була картинка на аватар або просто фотографія з вашої подорожі), то напевно вже знаєте про те, що вони мають властивість утискатися. Особливо це помітно на темному (і особливо, на червоному) фоні і коли картинка має невеликий розмір. Приклад:

Щоб зображення не стискалося (точніше, стискалося, але значно меншою мірою), необхідно робити його в 2-3 рази більше потрібного розміру. Наприклад, якщо потрібно зробити меню розміром 510 на 400 пікселів, то беремо 1020 на 800.

Зображення на темно-синьому фоні, яке я привела трохи вище, має розмір 510 на 350. Я зробила його вдвічі більше (1020 на 700) і зберегла. Ось що з цього вийшло:

Як це виправити? Відповідь дуже проста - потрібно вибрати інший фон. Справа в тому, що на темному тлі пікселі видно краще, ніж на світлому. Тому, якщо ви хочете досягти ідеальної якості (хоча картинка вище вже виглядає цілком нормально), то потрібно трохи змінити колірну гаму. Наприклад, фон зробити білим, а текст синім:

Як оформити шапку сторінки

Шапка публічної сторінки або групи – це перше, що бачать користувачі, які заходять до вас у гості.

Найчастіше тут розміщують навігаційне меню за матеріалами групи, якісь цікаві пости чи важливі оголошення. Давайте розглянемо на прикладах, як різні компанії використовують цей простір.

Обкладинка

Щоб завантажити обкладинку, перейдіть до налаштувань і натисніть кнопку «Завантажити».

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

Особливу увагу рекомендую звернути на можливість динамічної обкладинки. Там можна показувати, наприклад, дату, погоду та іншу корисну інформацію – кількість передплатників, лайків, імена найактивніших передплатників:

Такі обкладинки створюються в сторонніх сервісах, наприклад LetsCover.

І є живі обкладинки, ми про них розповідали.Як додати живу обкладинку? Зайдіть через браузер до спільноти, натисніть «Управління», виберіть «Додати обкладинку» та завантажте до 5 відео/малюнок. Якщо не хочете, щоб під час показу слайдів обкладинки масштабувалися, відключіть опцію «Показувати фотографії в русі». Рекомендована роздільна здатність 1080×1920, вага відео до 20 МБ, тривалість - до 30 секунд.

Аватар

Аватар - це не тільки красиве зображення з логотипом вашої компанії, а робочий інструмент маркетолога, за допомогою якого він досягає поставленої мети.

Текст аватару має бути досить великим, щоб його можна було прочитати. Користувачам має бути зрозуміло, що зображено на аватарці. По можливості краще не використовувати стікові зображення, оскільки вони знижують довіру до компанії.

Небажано, щоб аватар був занадто бляклим і нудним, інакше він губиться на тлі яскравіших аватарок конкурентів.

Якщо ви хочете, щоб ваша аватарка виглядала сучасно, зробіть її в стилі мінімалізм: поменше тексту, тіней, градієнтів і елементів, що не несуть смислового навантаження. Ваша аватарка має бути максимально простою та акуратною. Цей стиль зараз у тренді.

Якщо перед вами стоїть ціль привернути увагу користувачів і виділитися на тлі інших аватарок у стрічці, доведеться включити фантазію. Подумайте, на що ви самі звертаєте увагу, коли шукаєте цікаві спільноти? Ось мене, наприклад, вже вкотре приваблюють аватарки з палаючим вогником, який зазвичай вказує на те, що надійшло нове повідомлення. Це дуже старий прийом, але на мене він чомусь досі впливає, коли бачу подібний вогник, обов'язково затримаю на ньому погляд.

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

Аватарка являє собою чорне коло: велике і маленьке. Здавалося б, навіщо це робити? Але коли гортаєш список спільнот, такі аватарки приковують до себе увагу, тому що вони дуже відрізняються від решти.

Яку інформацію можна розмістити на аватарі

Раніше в соцмережі були високі та витягнуті аватарки.

Тому можна було об'єднати меню спільноти та аватарку. Покажемо, як це виглядало – поностальгуємо.

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

Зараз у ВКонтакті залишилися тільки невеликі круглі аватарки. Тому нічого поєднувати з ними не можна.

Але аватар все ще можна (і потрібно) використовувати для залучення передплатників до вашої спільноти. Ось що можна розміщувати на аватарках:

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

Подумайте, якої мети ви хочете досягти за допомогою аватара, та дійте!

Закріплений пост

Якщо ви хочете розповісти про свою сторінку дуже докладно (з фотографіями, посиланнями та красивою версткою), то ви можете прикріпити до шапки статтю, зверстану в редакторі, з яскравою картинкою на анонсі, яка закликатиме користувачів клікнути по ній. Приклад такого посту:

А ось що бачить користувач після того, як він клікне за посиланням:

Опис

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

Деякі компанії додають до стандартного опису сторінки хештеги, які її характеризують. Робиться це для того, щоб у сторінки була чіткіша релевантність, і щоб за рахунок цього вона знаходилася вище в пошуку за відповідними запитами.

Меню посилань

Колись для створення меню потрібно було мучитися з вікі-розміткою, а потім ВКонтакте викотив окремий інструмент.

Меню з'являється автоматично, якщо ви використовуєте програми спільнот або у вас підключено магазин. Наприклад, на попередній картинці всі три пункти меню - посилання на програми. Ви можете додавати сюди свої - на важливі записи, альбоми, обговорення і т. д., до 7 штук (крім додатків). Але посилатися можна лише на ресурси усередині соцмережі.

Щоб відредагувати меню, натисніть «Налаштувати» у верхньому правому куті віджету:

Щоб додати пункт меню, натисніть "Нове посилання".

У вікні, що розкрилося, виберіть обкладинку, введіть назву пункту меню (важливо вкластися в 20 символів з пробілами), додайте посилання і натисніть «Зберегти».

Якщо ви хочете приховати програму з меню, змінити її заголовок або обкладинку, натисніть «Змінити» навпроти відповідного пункту. Те саме можна робити з іншими посиланнями, які додавалися вручну і вимагають коригування.

На виході має вийти щось на кшталт цього:

Запис, у якого багато репостів

Ще один спосіб продуктивно використовувати місце в шапці вашої сторінки - це закріпити в неї один зі своїх найвдаліших постів - той, який вже набрав і продовжує набирати велику кількість лайків та розшарів. Навіщо це робити, гадаю, всім зрозуміло — що більше репостів, то більше охоплення, тим більше підписок отримує сторінка.

У лічильнику репостів, до речі, враховуються і пересилання в особисті повідомлення, але побачити, які користувачі це зробили, не можна.

А ще можна закріпити у шапці постер (це коротке повідомлення на яскравому тлі):

Де брати зображення для групи «ВКонтакті»

У нас у блозі є гарна стаття на цю тему - "40 джерел безкоштовних фото для вашого блогу". Вони всі безкоштовні, але якісь вимагають реєстрації.

Якщо не підберете для себе нічого придатного, спробуйте шукати за ключовим словом + шпалери (або, якщо англійською, wallpaper). Зазвичай на такий запит виходять якісні зображення.

Але тут потрібно бути уважним і перевіряти тип ліцензії, інакше якщо у вас серйозний бізнес, можна нарватися на неприємності.

А якщо підібрати потрібне зображення не виходить, його можна згенерувати за допомогою нейромереж! У нас є гайди як для Midjourney, так і для Stable Diffusion, а також зібрано кілька десятків безкоштовних нейромереж на вибір.

Дарія Капітонова, SMM-маркетолог TexTerra:

«Вибираючи між стоковими та нейромережевими картинками, я все частіше віддаю переваги згенерованим нейромережею. Вони мають дві переваги. По-перше, кожна картинка унікальна. Навіть якщо ви використовуєте той самий промт, то ідентичних результатів не буде. Отже, у ваших соцмережах не буде дублів фотографій, які вже використані кимось раніше. А по-друге, за допомогою нейромережі можна реалізувати креативний задум, наприклад створити рекламний банер , що передає не тільки ідею, а й настрій, що дуже складно реалізувати зі стоковими фото без залучення дизайнера.

Чи є мінуси? Так. Наприклад, у Midjourney зараз немає безкоштовної версії. І крім цього, створення своєї картинки може зайняти більше часу, ніж завантаження зі стоку. Але, на мій погляд, плюси все ж таки переважують, особливо з огляду на ту швидкість, з якою розвиваються нейромережі».

Як оформити зображення до постів

Якщо ви займаєтеся веб-дизайном або маєте художній смак і почуття прекрасного, то вам не важко придумати фірмовий стиль для своїх зображень. Однак, мені здається, таких людей у ​​цій статті буде меншість (я, до речі, теж до них не належу). Тому давайте докладно розберемо, як це робиться, грунтуючись на прикладах успішних компаній.

І ось вам одразу кілька прикладів для натхнення:

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

Прийом №1. Затемнити або висвітлити зображення, щоб на ньому добре читався ваш текст

Прийом №2. Створити область контрастного кольору та зробити на ній напис

Прийом №3. Виділити кожен рядок тексту кольором

Прийом №4. Розділити картинку на дві частини

Прийом №5. Зробити зображення каламутним

Прийом №6. Вибирати такі зображення, де є місце для напису

Прийом №7. Додати тінь, свічення або обведення до тексту

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

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

Якщо ви ніколи не працювали у «Фотошопі» (або будь-яких інших графічних редакторах) і поки не готові виділити час на його освоєння, ви можете скористатися сервісами, в яких вже є готові шаблони для різних соціальних мереж. Наприклад, це Fotor.com. Інші сервіси — у нашій статті «Додатки для обробки фото онлайн: список найкращих».

Переходимо у Fotor та вибираємо розділ Create Design.

Це можна робити і на сайті, і у програмі Fotor.

Виберіть шаблон, який вас цікавить. Зверніть увагу, що безкоштовно надаються тільки ті шаблони, на яких немає значка у вигляді алмазика.

Далі, якщо це необхідно, завантажте свою картинку.

Вставте її у шаблон. На робочому столі - виділіть лівою кнопкою миші, виберіть команду Layer (іконка бутерброда) і клацніть по Move to bottom.

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

Потім треба натиснути на іконку у вигляді дискети, вибрати назву, формат зображення, якість і натиснути кнопку Sign in to download. На смартфоні просто зберегти картинку.

Ось ви і зробили класний анонс із гарною картинкою.Але як відстежити його ефективність? Як зрозуміти, скільки людей перейшли за цим анонсом на ваш сайт? Ділимося простою інструкцією.

А якщо ви бажаєте гарно оформити свою спільноту «ВКонтакті», але немає необхідних навичок? Замовте оформлення нашої компанії. Підготуємо для вас аватар, обкладинку, шаблони для рубрик, меню та прев'ю товарів.

Які віджети встановити та як з ними працювати

Віджети також є частиною оформлення спільноти ВК. За допомогою них користувач може: оформити замовлення, підписатися на вашу розсилку, взяти участь у конкурсі, читати та залишати відгуки, відкрити пошук по спільноті, отримати подарунок, купон на знижку тощо.

Ось кілька прикладів того, як виглядають віджети на сторінці «ВКонтакті»:

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

Для спільноти будуть корисні:

  • Віджети донатів.
  • Форми збору заявок, анкети, онлайн-записи.
  • Афіші.
  • Голосування.
  • Розсилки та чат-боти.
  • Відгуки.

Просто оберіть віджет і натисніть «Додати» — і він з'явиться у вас.

Разом

Для того щоб ваші пости в ВК залучали більше читачів. необхідно правильно оформити усі елементи.

  1. Завантажуйте зображення з актуальними розмірами.
  2. Використовуйте звані живі обкладинки.
  3. Якщо ви хочете, щоб ваше зображення повністю зайняло відведене йому місце у стрічці новин, його ширина повинна бути не менше 510 пікселів.
  4. Розмір зображення для обкладинки статті, створеної в редакторі, має бути 510 на 286 пікселів.
  5. Оптимальні розміри для історій – 1080 на 1920 пікселів (мінімальні – 720 на 1280 пікселів).
  6. попередній перегляд відео має бути 1280 на 720 пікселів:
  7. Зображення для обкладинки фотоальбому має бути з роздільною здатністю 1200 на 800 пікселів.
  8. Щоб зображення не стискалося, необхідно робити його в 2-3 рази більше за потрібний розмір.
  9. Приділіть час шапці спільноти:
  • використовуйте динамічні обкладинки;
  • доповнюйте аватар корисною інформацією;
  • використовуйте закріплені пости;
  • заповнюйте опис сторінки на головній:
  • створюйте меню посилань;
  • закріпіть у шапці один із своїх найвдаліших постів із репостами

Схожі статті

  • Як зробити своє масажне масло
  • Антибрик для корів Як зробити своїми руками Як правильно сплутати корову щоб можна було подоїти
  • Як зробити merge в GitLab
  • Чи можна самому зробити електроепіляцію
  • Як вдома зробити кулінарний мішок
  • Чи можна зробити поляризацію на окуляри
  • Що можна зробити з картриджами
  • Який можна зробити манікюр 11 років
  • Недавні статті

  • Як бродить зернова брага
  • Що робити якщо не засмагаєш на сонці чому засмага погано лягає на шкіру або перестає прилипати
  • Як швидко зняти гель лак без апарату
  • Як робиться Каті голови
  • Яка гребінець краще для об'єму
  • Чим роблять м'яку покрівлю
  • Чи можна залишати крем для обличчя на ніч
  • Де знаходиться датчик селектора
  • географія нашої діяльності
    вулиця Драгоманова, 27
    вул. Курчатова 1Б
    вул. Міцкевича 130
    вул. Лабунського, 1
    вул. Макарова-Пржевальського
    вул. Толстого 10
    вул. Грушевського 28
    вул. Перший промінь (Черняхівського)
    напишіть нам

    сообщение успешно отправлено
    x