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

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

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

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

Коли перед засновником спільноти стоїть вибір назви, краще не поспішати. Є випадки, коли назва очевидна (ім'я компанії, назва заходу та інше), а для інших простір фантазії може відкрити нескінченну кількість варіантів. При складанні назви враховуйте важливі моменти:

Не закидайте наповнень контактної інформації та по можливості впишіть до неї максимальну кількість даних. Контактну інформацію можна умовно розділити на «Контакти» та «Посилання».

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

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

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

Три види спільнот - група, публічна сторінка та захід

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

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

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

На замітку!Прикріплюйте до записів зображення з логотипом своєї групи, сформуйте хитромудру сітку тегів. Можна навіть створити постійні рубрики у стилі «Новини тижня» або «Хвилина гумору».

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

Ця думка пронизує всю статтю, і для досягнення успіху можна запам'ятати лише її! У всьому намагайтеся дотримуватись єдиного дизайну. Це може стосуватися і стилю написання текстів, і оформлення зображень, і створення блоку з товарами групи.

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

Відео — Дизайн групи Вконтакте

1 голос

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

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

До кінця цієї статті у вас вийде ефектна та єдина картинка.

Метод для лінивих

Щоб не відволікати від важливих справ тих, хто вже все вміє, поспішає або просто не хоче морочитися, можу запропонувати відеоурок. Він підкаже як зробити все те саме, про що я збираюся розповісти, тільки без фотошопу через сервіс www.vkprofi.ru .

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

Для тих, хто хоче навчитися

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

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

Вам знадобиться…

1. Фотошоп.
2. Базова картинка.

Фотографія повинна бути великою та якісною, якщо ви шукаєте у пошукових системах, то звертайте увагу на шпалери для робочого столу. Якщо ж працюєте для крутої спільноти, особливо пов'язаної з бізнесом, рекомендую використовувати сервіс https://ua.depositphotos.com . Там ви знайдете рекламні зображення.

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

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

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

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

Нам доводилося змінювати колір рами, в якій висіла картина в дальньому кутку! Спочатку я думав, що все це зайві проблеми, а потім мені показали для порівняння конверсію після роботи з подібними дрібницями.

Робимо шаблон майбутньої гарної групи

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

Так, відкриваємо контакт. Якщо ви пошукайте стандартні розміри постів Вконтакте, побачите 200х500 і 700х500. Однак, якщо скористатися лінійкою, можна переконатися, що мініатюри не відповідають цим показникам. Сервіс стискає їх під час завантаження.

З картинкою на аву все так, вона справді 200х500.

З постом все інакше.

У будь-якому випадку вам потрібно або скачати підготовлений мною шаблон, або зробити скріншот. Раджу обирати другий варіант. Чому? Так ви зможете самі робити шаблони для різних завдань. Наприклад, якщо у вас на головній відображається галерея товарів або «Нові новини».

Мій варіант підходить лише для закріплених постів. Найпростіший і найпопулярніший метод оформлення.

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

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

Тепер натискаєте кнопку PrtSc. Вона знаходиться у верхньому ряду на клавіатурі, після незліченних «F». Після того як ви по ній клацніть нічого не станеться. Все нормально, 100 разів клацати не треба, відкривайте фотошоп.

Натисніть на Ctrl+V, тим самим ви вставите свій скрін у робоче поле програми. Тепер берете інструмент «Прямокутне виділення» та працюєте з лівим блоком.

Ведіть по краю зображення. У вас не повинно вийти на малюнку внизу. Це не правильно.

Рухайтеся по краю.

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

Тепер натисніть Ctrl+J. Тим самим ви перенесете виділений фрагмент на новий шар, він з'явиться над тлом.

Те саме потрібно зробити і з аватаркою. Виділяємо та переносимо на новий шар (Ctrl+J)

Коли переноситимете на новий шар, активним має бути фон, а не той, який ви щойно створили. Слідкуйте, щоб він підсвічувався.

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

Перетягуємо шар у кошик, як звичайний файл із робочого столу.

Із цим закінчили. Шаблон створено.

Унікальне зображення для групи

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

Перетягуємо фото, яке будемо використовувати як основне.

Він відбивається неправильно.

Якщо у вас відбулася така ж нісенітниця, просто зробіть його найвищим. Потім при натиснутій кнопці Alt клацніть по шару 1 і 2. Щоб обидва вони підсвітилися.

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

Якщо ви натиснете на Ctrl, а потім на ескіз щойно створеного шару. По краях об'єктів з нового шару забігають мурахи, які підкажуть як виставляти нижню картинку. Прибрати їх можна, натиснувши Ctrl+D. Те, що зараз знаходиться у внутрішній частині, згодом буде вставлено у вк.

Якщо ви почнете переміщати фотографію, то разом з нею «поїдуть» і мурахи, що бігають. Можу порадити вам виставити напрямні. Чи не вмієте працювати з ними? Подивіться це відео.

Після того, як виставите все як треба, можна переходити до наступного кроку. Покажу два варіанти досягти одного і того ж ефекту. Перший простий. На верхньому шарі натискаєте праву кнопку миші та вибираєте «Створити відсічну маску».

Але я кохаю другий. Він швидший. Натисніть Alt і наведіть курсор між двома шарами, він візуально зміниться. Потім клацніть лівою мишкою.

В результаті вийшло таке фото.

Кожну частину можна вирізати інструментом «Рамка», а потім зберегти в jpeg. Праве фото додаємо як аватар. Ліве можна просто додати як звичайний запис, а потім закріпити його.

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

Насамперед потрібно її красиво оформити. Адже, як відомо, ми всі оцінюємо «по одягу». Ця стаття допоможе Вам красиво оформити групу Вконтактесамостійно.

Як оформити назву групи Вконтакте?

Перше, на що потрібно звернути увагу під час оформлення групи Вконтакте – це назва. Є три основні параметри, які слід враховувати під час вибору назви:

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

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

Як оформити статус групи Вконтакте?

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

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

Як оформити опис групи Вконтакте?

А зараз ми розберемося, як оформити опис групи Вконтакте, а точніше текст, який можна ввести у налаштуваннях спільноти. І тому існує кілька рішень:

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

У зв'язку з цим рекомендую використовувати при оформленні опису групи Вконтакте закріплені повідомлення в шапці, створити для них картинку з описом, смайлами, текстом і навіть меню. Це все надасть яскравості Вашій спільноті.

Як зробити аватар для групи Вконтакте?

Зараз ми постараємося розібратися з одним із найважливіших аспектів оформлення групи Вконтакте – як зробити аватар? Для тих, хто має свої гроші, можна зареєструватися на біржі фрілансу і замовити аватар та інші елементи для групи (банер, меню, інше) у досвідченого веб-дизайнера. Але можна піти й іншим шляхом, зробити аватар для групи Вконтакте самому.

Насамперед потрібно визначитися, якого розміру потрібно буде створювати аватар для групи Вконтакте. Максимальна ширина аватара групи складає 200 писелів (далі просто px), а максимальна висота – 500 px. Аватари більшого розміру будуть зменшені у масштабі відповідно до заданих пропорцій. Аватари, які менші від зазначених розмірів, будуть навпаки збільшені та спотворюються у відображенні. Тому створюйте аватар для групи Вконтакте шириною 200 px, а висотою від 200 до 500 px.

При створенні аватара для групи Вконтакте слід пам'ятати про його мініатюру, яка становить по ширині та висоті 200 px. Так що основне інформативне навантаження аватара (назва або опис групи, девіз, заклик до дії та інше) потрібно розмістити в одній області, яка відповідатиме заданим розмірам.

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

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

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

• Спробувати все самостійно шляхом спроб і помилок.
• Читати статті про цю програму та дивитися відеоролики.
• Прочитати книгу або подивитися навчальний курс.

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

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

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

« » – навчальний відео курс для користувачів-початківців. За допомогою нього, у будь-який зручний для себе час, будинки за комп'ютером, можна почати вивчати програму Photoshop.

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

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

Як красиво оформити групу у Контакті

Створення банера

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

Етап 1

Відкриваємо Photoshop, створюємо новий документ із розмірами 630х725 пікселів. Заливаємо його білим кольором. Вирізаємо у шарі два вікна. Крізь ці вікна виглядатиме графічне оформлення Контакту. Спочатку виділимо прямокутну область розміром 200х710 пікселів, натиснемо кнопку "Del". Далі виділяємо прямокутну область розміром 382х442 пікселя, поєднуємо прямокутники, що вийшли, внизу і натискаємо клавішу "Del".

Етап 2

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

Етап 3

Далі праву прямокутну область розміром 200х710 пікс. збережемо як окреме зображення. Вийшов повністю готовий малюнок для оформлення гурту. Його потрібно завантажити в блок, розташований у верхньому кутку сторінки праворуч. Для цього натисніть кнопку "Завантажити фотографію".

Навіщо ж ліва картинка? Ми розрізаємо її на кілька частин (залежить кількості пунктів меню). Наприклад, у нас меню має 5 пунктів, отже, на виході вийде 5 картинок 382х50 пікселів.

Етап 4

П'ять отриманих картинок потрібно завантажити до альбому групи. Далі заходимо на сторінку групи та виділяємо блок "Новини", перейменовуємо його на "Меню групи", після чого натискаємо "Редагувати".

Етап 5

Ось ми і підійшли до заключного етапу керівництва "Як гарно оформити гурт у Контакті". Відкриваємо вкладку з назвою "Вихідний, який знаходиться в нижньому вікні, необхідно скопіювати, а потім вставити в "Вихідний код". У тексті коду замінюємо photo на найменування файлів і відзначаємо висоту файлу (382 пікселя). Тепер вставляємо адреси посилань меню. Найменування файлу береться з альбому.

Етап 6

Для ідеального поєднання картинок потрібно виконати кілька умов:

Найменування групи повинне вміщатися в один рядок;

Адреса сайту – теж один рядок.

Опис має містити 10 рядків.

Wiki-розмітка Вконтакте

Щоб зрозуміти, як красиво оформити, потрібно також ознайомитися з поняттям Wiki-розмітки.

Що це таке?

Отже, Wiki-розмітка – це система, призначена для редагування сторінок аналогічно HTML. Перед початком оформлення групи Вконтакте, визначтеся з його видом. Оформлення буває графічне та текстове.

Оформлення текстового меню

Код для меню виглядатиме ось так:

Початок та кінець коду позначаються тегами. Кожна іконка матиме вигляд [], потім опис.

Графічне меню

Код такого меню складатиметься за таким принципом:

! !! !!

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

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

Зазначимо, що приблизно в двадцятих числах жовтня адміністратори Вконтакте обрізали аватарки груп, зробивши 200*500 пікселів. Тому трохи підправте урок. Або ж просто зробіть невисоке меню: 382*232 та 200*500.

Оформлення групи Вконтакте

У фотошопі створюємо новий документ білого кольору 630*725 пікселів. У шарі вирізаємо два вікна, через які буде видно графічне оформлення, а саме прямокутник 200*710 і натисніть Del і прямокутник 382*442, прямокутники з'єднуємо внизу і знову натискаємо Del.

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

Правий прямокутник зберігаємо окремою картинкою 200*710. Ось і готова перша картинка для оформлення. Її необхідно завантажити в блок, розташований у верхньому правому кутку групи «Завантажити фотографію». Ліву картинку нарізаємо за кількістю пунктів. У нас виходить 5 картинок 50*382.


Завантажуємо всі п'ять картинок в основний альбом сторінки групи ("Мої фотографії" - "Мої альбоми" - "Додати фотографії"). Переходимо на сторінку групи і під описом бачимо блок "Новини" (можна його перейменувати) - "Редагувати".


Так у Вконтакті відбулися деякі зміни, після попереднього пункту переходимо в закладку «Редагувати» і натискаємо кнопку праворуч «Режим вікі розмітки». У вікно, що відкрилося, поміщаємо наступний код:


Переходимо в закладку "Вихідний код" і вставляємо туди наступний код (візуальним редактором краще не користуватися, він збиває налаштування):

[]
[]
[]
[]
[]

Не забудьте в коді змінити слово photo, назву своїх файлів і вкажіть висоту файлу (ширина вже задана), а також виставте url посилань меню.

Для того щоб картинки були поєднані, назва групи має поміщатися в один рядок, опис групи в 10 рядків, а url веб сайту в 1. Клікніть по картинці, щоб побачити, як це працює.

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