How to beautifully design a group in VKontakte. Tips and Rules

How to beautifully design a group in VKontakte. Tips and Rules
How to beautifully design a group in VKontakte. Tips and Rules
Anonim

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

How to beautifully design a group in VKontakte

Creating a banner

How beautifully arrange VKontakte groups
How beautifully arrange 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 with 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, press"Del" button. Next, select a rectangular area with a size of 382x442 pixels, combine the resulting rectangles at the bottom and press the "Del" key.

Stage 2

Under the resulting layer, place the graphic design of the group. It is best to write the desired text on the picture with the main background in advance, and besides that, create the required number of menu items.

Stage 3

Making a contact
Making a contact

Next, the right rectangular area of 200x710 pixels. save as a separate image. It turned out a completely finished drawing for the design of the group. It must be uploaded to the block, which is located in the upper right corner of the page. To do this, click the "Upload photo" button.

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

Stage 4

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

Stage 5

So we have come to the final stage of the guide "How to beautifully design a group in VKontakte". Open the tab called "Source code". The code that is in the lower window must be copied and then pasted into the "Source Code". In the text of the code, we replace photo with the names of the files and note the height of the file (382 pixels). Nowpaste the URLs of the menu links. The file name is taken from the album.

Step 6

For a perfect combination of pictures, several conditions must be met:

- group name must fit in one line;

- site address - also one line.

- description must contain 10 lines.

Vkontakte wiki markup

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

What is this?

Group design
Group design

So, Wiki markup is a system for editing pages in a similar way to HTML. Before starting the design of the Vkontakte group, decide on its type. Design can be graphical and textual.

Text menu design

The menu code will look like this:

[https://vkontakte.ru/write18759169|Appeal to ADM]

Beginning and end of code are marked with tags. Each icon will look likefollowed by a description.

Graphic menu

The code of such a menu will be compiled according to the following principle:

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

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

Recommended: