Encontramos um menu para o grupo Vkontakte: selecione uma imagem para um avatar e chapéus, criamos fotos de alta qualidade em um grupo, design de widgets para grupos de negócios vkontakte

Neste material, diremos a você como projetar lindamente um grupo Vkontakte.

Contente

A percepção visual é um dos fatores mais importantes na formação da opinião principal de uma pessoa sobre algo. Lembre -se: "Eles se encontram com roupas ..."? É muito importante lembrar esse princípio quando você começa a projetar sua página de negócios na rede social vkontakte.

Pela primeira vez, analisando a página da sua comunidade, os usuários avaliarão a beleza e a conveniência, bem como a funcionalidade e o profissionalismo. Portanto, você não deve economizar nos serviços de especialistas, a menos que, é claro, você seja um guru da web design.

Preparamos para você uma série de dicas que o ajudarão a tornar seu grupo Vkontakte atraente para os participantes e clientes em potencial.

Imagens - Uma importante ferramenta de visualização para o design do grupo Vkontakte

"É melhor ver uma vez do que ouvir cem vezes" é outro ditado que não perdeu sua relevância no mundo moderno. As imagens, que são uma das principais ferramentas de visualização, ocupam seu local merecido nos perfis dos usuários da Internet; portanto, você precisa entrar em contato corretamente, extraindo o benefício máximo.

A qualidade das fotos também desempenha um papel importante, e Vkontakte geralmente precisa comprimi -las ao carregar. Acontece que você pode competir com isso e com um resultado muito digno. Para fazer isso, a imagem deve ser feita duas vezes mais, e o fundo para um substrato de texto é o mais brilhante possível (idealmente - branco) com letras escuras.

Onde obter fontes boas e de alta qualidade? A saída mais fácil é procurar a Internet (você pode encontrar os gratuitos, você pode comprar por dinheiro) ou criá -lo você mesmo, então eles terão garantia de direitos autorais e originais.

Os desenvolvedores da Vkontakte estabeleceram a estrutura dimensional ideal para imagens que podem ser carregadas em grupos em grupos. Depois de alterar o design geral da rede social, novos requisitos para as fotos apareceram, o que lhe diremos em detalhes.

Avatar: Mínimo - 200 x 200 pix., Caso contrário, o sistema dará um erro. Máximo decorado - 200 x 500 picos. (Embora se o tamanho for maior, o principal é que a proporção permaneça de 2 a 5).
Cobrir: Difere para versões completas e móveis, então você precisa considerar esse momento ao escolher e verificar como será a visualização ao visualizar o telefone. Portanto, 1590 x 400 pix. Ou uma versão truncada - 1196 x 400 pixies.
Fotos para anexo: Agora, o feed de notícias de Vkontakte é registrado em largura, então agora suas fotos não serão deformadas como resultado do anexo. Tente garantir que a imagem seja quadrada (muito boa para a versão móvel) ou retangular horizontalmente e tenha uma largura de pelo menos 510 pixies.
Ilustrações para postagens com links: Participe das inscrições ao adicionar links a ele. O mínimo é de 537 x 240 picos. (mas mais são permitidos e sob as proporções). Essas imagens são tiradas por padrão do Open Gráfico ou do título Metatheg, mas o usuário tem a oportunidade de alterá -las para o seu gosto (escolha outra foto da publicação para o anúncio ou colocar o seu).
Ilustrações para o texto: 510 x 286 pix. Conselhos gratuitos: faça fotos no editor mais sombrio e não heterogêneo, para que as cartas não se perdem contra o fundo.
Visualização da história: Lembramos que apenas grupos promovidos que recebem permissão especial dos desenvolvedores da rede social podem publicar histórias em seu próprio nome (usando o serviço oficial). Eles são ilustrados por fotografias (1080 x 1920 pix.) E arquivos de vídeo (720 x 1280 pix.) - em um formato vertical. Além disso, o vídeo deve atender a vários critérios: o comprimento não tem mais de 15 segundos, o tamanho não é superior a 5 megabytes, o codec - H.264, dublagem - AAS.
Capa para o álbum: para versão completa-1200 x 800 pix., Para 200 unidades truncadas a 200.
Vídeo: O tamanho ideal é de 1280 x 720 pix.
Vicki-página: Imagens grandes quando a publicação será compactada com uma largura de 400 pixies, então clique nele com o mouse e defina 607 x 342 pixes. Com a preservação das proporções-isso terá toda a largura da página de Vicky.

Registro de um chapéu para Vkontakte público

Um chapéu é o lugar mais importante do seu grupo, porque é o primeiro a cair no campo de visão dos visitantes. As informações mais importantes são publicadas aqui: notícias relevantes, menu de navegação, anúncios e assim por diante.

Cobrir. Deve ser muito bonito e atrair atenção (1590 x 400 pixes.) - Facilmente carrega do menu de configurações da comunidade. Na capa, você pode cobrir completamente: publicar promoções e as propostas mais "quentes", surpreender visitantes com lema ou slogan, apresentar o nome do grupo. Você também pode, pelo contrário, não sobrecarregar as informações da capa, deixando apenas breves informações gerais sobre o público e um link para uma transição rápida para o site.

Considere como uma opção para usar cobertura dinâmica, no qual as alterações ou eventos mais valiosos para você ou seus assinantes podem ser exibidos.
HAGESTEGS - Às vezes, eles também são adicionados à descrição da comunidade na capa, a fim de aumentar a relevância do público e aumentá -la para as etapas de pesquisa mais altas.

Você também pode ficar aqui e consertar vicki-post Ou um artigo preparado no editor com uma imagem de rascunho sobre o anúncio - neles você pode fornecer informações detalhadas sobre o seu grupo.

Cardápio. Aqui você também pode escolher entre várias opções exatamente aquelas que ficarão impressionadas com você e seus assinantes:

A versão aberta é completamente visível no cabeçalho da página.
Displays fechados apenas a designação "menu" ou "navegação", e o acesso a ele pode ser obtido abrindo o Wiki Post;
Avatar atribuído e o anúncio do menu são combinados em uma única matriz;
Hidden - ele pode ser feito apenas para o público (as seções só podem ser lidas após a transição para o link).

Videoclipe na máquina. Você pode anexar um arquivo de vídeo ao chapéu do grupo, que na máquina soará silenciosamente na entrada da página. Uma manobra muito atraente para novos convidados.

Para aproveitar esta oportunidade, você precisa escolher um vídeo, despeje apenas através da vkontakte sem usar jogadores estrangeiros, anexá -lo a um mensageiro e anexá -lo a um chapéu.

Postagem mega-popular. A publicação mais popular pode tomar um lugar honroso no cabeçalho do grupo, porque um grande número de curtidas, visões e repostos é uma garantia de aumentar o número de assinantes.
Anúncios, apresentações, promoções, desenhos. É no chapéu que você pode agitar anúncios que anunciam vários eventos ou álbuns para seus assinantes - aqui eles verão o número máximo de usuários.
Revisões de assinantes, casos. Feedback, ainda mais eficaz - o que poderia ser melhor para confirmar a reputação e a promoção adicional do grupo? Tire esses momentos de chapéu, e a reação não demorará muito para chegar.
Publicidade de aplicativos. Se você já está tão promovido à comunidade que adquiriu um aplicativo móvel, esse é um bom motivo para informar seus assinantes e novos visitantes sobre ele.
Regras. É bom colocar informações sobre as regras da comunidade em seu chapéu - isso também aumentará sua classificação (afinal, a disciplina sempre esteve entre as características positivas) e simplificará o processo de sua busca por aqueles que querem se juntar ao grupo .
Links. No limite, você pode postar links para outras comunidades (por exemplo, seus parceiros) ou redes sociais - isso já está decidido.

Em que avatar você deve prestar atenção ao projetar um grupo Vkontakte?

Um avatar é uma ferramenta de marketing estilizada projetada para atrair a atenção do público -alvo e incentivar certas ações. Portanto, a criação de um logotipo competente que consiste em vários elementos precisará trabalhar duro.

Avatar em miniatura. A fonte de seu texto deve ser grande o suficiente para ler, mas não excede seus limites. A imagem no avatar deve ser compreensível e reconhecível, original e bastante brilhante e se destacando contra o fundo geral, e também - elegante e pensado em tudo.
No pequeno espaço de miniaturas, você pode colocar informações importantes, por exemplo: o anúncio de algo (serviços, eventos, bens), as vantagens do público, contatos para comunicação, momentos favoráveis \u200b\u200bde cooperação (os melhores preços, condições de entrega, Assistência especializada e assim por diante), todos os tipos de competições, todos os tipos de competições, todos os tipos de vagas de concursos. Em uma palavra, uma plataforma muito boa para a criatividade.
Quando a capa não é definida em público, os usuários verão versão completa do avatar. Se esse é o seu caso, o avatar deve ter alta qualidade.
Para fazer com que o chapéu da comunidade pareça elegante e atraente, você precisa criar um avatar em uma veia (esquema de cores, fonte, maneira de design) a partir do menu.

Atenção: o avatar e sua miniatura podem ser os mesmos ou podem diferir - você decide. O principal é não sobrecarregá -lo com informações excessivas, que seu espaço seja "arejado".

Informações sobre o avatar. Pode ser qualquer posição mais importante para você e seus visitantes: o domínio do site, contatos e modo de operação, pequena publicidade de bens, promoções e descontos, uma mensagem sobre a disponibilidade de um aplicativo móvel, links para outras redes sociais , listando seus prêmios e realizações, e assim por diante.
Awatar e menu Eles são criados usando qualquer editor gráfico dentro de seus recursos.

Se você não sabe como usar um Photoshop padrão, existem serviços especiais com opções prontas -por exemplo, Fotor.com, canva.com E similar. É absolutamente fácil lidar com eles.

Widgets: Registro de grupos de negócios Vkontakte

Ao se candidatar a um grupo de negócios, não se deve esquecer o uso de widgets, graças ao qual você pode realizar feedback: compartilhe as análises dos participantes, solicite aplicativos, assine o boletim, aceite presentes, participe de competições e desenhos, e assim por diante.

Criando modelos para postagens

Se você deseja que as postagens na página pareçam elegantes e reconhecíveis, você pode desenvolver (você ou com a ajuda de um designer) modelos especiais para os anúncios nos quais você só precisará alterar a cor da imagem e preencher o novo texto.

Para isso você pode:

brincar com o raio da imagem para facilitar a percepção do texto
crie uma área contrastante e escreva nela
destaque linhas de texto com cor
divida a imagem em duas metades; Faça uma imagem enlameada
inicialmente, escolha uma foto com um local para créditos
adicione efeitos especiais às fontes (sombras, traços, brilho e similares)

Às vezes, um logotipo é adicionado ao modelo - uma marca, se o seu grupo já o tiver.

Editor de artigos

Em Vkontakte, há um editor de texto para o layout - a entrada é marcada pela grande letra "T" no canto superior direito da tela. Até um usuário iniciante pode usar seus serviços.

Vicky-Dump

O amortecimento de Vicky é um condutor para o idioma HTML, é uma opção alternativa para o texto usual. É eficaz ao criar materiais grandes com várias secreções de texto, adicionando gráficos, áudio, efeitos de vídeo, um menu de navegação brilhante.

Para o trabalho, recomendo que você domine o serviço "Código da página inicial", o que possibilita a visualização do código da página do Wiki (insira o serviço, insira um link para o tipo desejado de grupo e visualize, encontre a página desejada no registro e clique na frase "Exibir código").

Editor e comunidade wiki

Vkontakte possui um editor para processar Vika-Page, além de grupos especiais "Vicky Vkontakte" e "Vicky Doc".

Para criar essa página, você precisa inserir o próximo conjunto de caracteres na linha de endereço: http://vk.com/pages?id\u003d-xxx&p\u003d somente do pornich, onde xxx - Este é o ID da sua página (você pode encontrar no serviço "Comunidade registra" - os números para "?" Ou usando o "ID do ID) e o" Índice " - este é o título de o material com menor ênfase nos locais dos espaços.

Você pode configurar a possibilidade de editar materiais (você encontrará as configurações para isso à esquerda na parte inferior do editor). É necessário permitir muito cuidadosamente a edição de seus materiais a forasteiros.
Para ir ao modo Código ao trabalhar com um editor visual e vice -versa, você só precisa clicar no ícone com dois suportes triangulares horizontais no canto superior direito do editor.
É fácil lidar com o editor - por analogia com o Word, é impossível jogar com o tamanho da fonte, mas para se envolver na marcha (H1, H2, H3), Itálico ou descarga de gordura. Para uma formatação mais séria do texto, você precisa fazer no modo código manualmente.
Para inserir links para o material no amortecimento do wiki, você precisa prescrever a fórmula: [Link para o material | Texto do link].
Recomenda -se descarregar imagens no modo codificado para evitar nivelamento e compactação automáticos. E antes de preencher o arquivo de vídeo, você deve primeiro salvá -lo em seus vídeos.

Para pendurar um link para a imagem, coloque no modo de codificação após o segundo ícone | Link para o arquivo desejado, alinhe e anote o tamanho.

Crie um menu de navegação

Se você não planeja criar um menu complexo, é suficiente simplesmente retratar todos os pontos de navegação no editor.

Será necessário trabalhar com algo como o Photoshop no qual você deve criar uma imagem, corte -a em pedaços, despeje peças em um post wiki com a adição de links.
Você pode corrigir o menu criado na página da página, criando -a em um idioma wiki.
O menu pode ser muito diversificado: simples (1, 2 ou várias colunas), no layout tabular (criando uma tabela sobre linguística wiki), adaptável.

Para que eles fiquem bem na tela de um computador pessoal e em um gadget móvel, aconselhamos usar um layout de tabela com uma largura clara das células e cortamos o menu nas mesmas formas geométricas (3 colunas - largura máxima - 190 pixs ., 4 colunas - 150, 5 - 110).

Verificando o resultado

Durante o layout no amortecimento do wiki, é aconselhável controlar o resultado visível pelos usuários de vários dispositivos. Existem aplicativos especiais que simplificam esta tarefa.

No navegador do Google Chrome, basta ir à página do Wiki e colocar "M". Para o endereço, clique no mouse direito e selecione "Veja o código" e, em seguida, no desenho estilizado de um gadget móvel. Você deve escolher o dispositivo em que está interessado e atualizar a página para que tudo seja exibido corretamente.

Você também pode instalar o plug -in de teste de resolução no Google Chrome, acessar a versão móvel do Vkontakte e escolher o tamanho do interesse.