How to beautifully design a group in Vkontakte. Tips & Tricks

The social network Vkontakte pleases its users with a large number of interestingly designed groups. Many of them externally are not inferior to a full site. This effect provides a competent design of the group, in particular, menus and avatars. Experienced users can easily cope with this task, if you are a beginner, then the article will be useful to you.

How to beautifully design a group in Vkontakte

Banner creation

How to beautifully design VKontakte groups
When viewing a group, the user first of all pays attention to the avatar and menu. Below we will talk about how to create two pictures in Photoshop, cut one of them correctly and write a special code indicating external links.

Stage 1

Open Photoshop, create a new document with dimensions of 630x725 pixels. Fill it with white. Cut out two windows in the layer. Through these windows the graphic design of the Contact will look out. First, select a rectangular area of ​​200x710 pixels in size, press the "Del" button. Next, select a rectangular area 382x442 pixels in size, combine the resulting rectangles at the bottom and press the "Del" key.

Stage 2

Under the resulting layer we’ll place the graphic design of the group. It is best to write in the picture with the main background in advance the desired text, and in addition to create the desired number of menu items.

Stage 3

Contact Form
Next, the right rectangular area is 200x710 pixels in size. save as a separate image. The result is a fully finished drawing for the design of the group. It needs to be loaded into the block, which is located in the upper corner of the page on the right. To do this, click the "Upload Photo" button.

What is the left picture for? We cut it into several parts (depends on the number of menu items). For example, our menu has 5 points, which means that the output will be 5 pictures of 382x50 pixels.

Stage 4

Five received pictures must be uploaded to the group album. Next, go to the group’s page and select the “News” block, rename it to the “Group Menu”, and then click “Edit”.

Stage 5

So we came to the final stage of the guide "How to beautifully design a group in Vkontakte". Open the tab called "Source Code". The code in the bottom window needs to be copied and then pasted into the "Source Code". In the code text, replace photo with the file names and note the file height (382 pixels). Now insert the addresses of the menu links. The file name is taken from the album.

Stage 6

For the perfect combination of images you need to fulfill several conditions:

- the name of the group should fit on one line;

- The site address is also one line.

- the description should contain 10 lines.

Vkontakte Wiki

To understand how to beautifully design a group in Contact, you also need to familiarize yourself with the concept of Wiki markup.

What it is?

Group design
So, Wiki markup is a system designed to edit pages like HTML. Before starting the design of the VKontakte group, decide on its appearance. The design is graphic and text.

Text Menu Design

The code for the menu will look like this:

[[photo-4599955_138645590]] [http://vkontakte.ru/write18759169|Application to ADM]

The beginning and end of the code are indicated by tags. Each icon will look like [[photo-number_ in the album]], then a description.

Graphic menu

The code for such a menu will be compiled according to this principle:

! [http: //yoursite.ru | Menu] !! [http: //yoursite.ru | Menu]!! [http: //yoursite.ru | Menu]

Of course, this information only superficially touches on the subject of Wiki markup. You can learn more about it by visiting the official VKontakte group. There are a lot of useful information and video tutorials on how to beautifully design a group in Vkontakte.

Source: https://habr.com/ru/post/C28703/


All Articles