Cómo diseñar un grupo en VKontakte. Cómo diseñar y crear un menú para un grupo VKontakte

El diseño exitoso de un grupo VKontakte no sólo debe ser hermoso, sino también funcional y conveniente. Haga que el diseño resuelva sus problemas de marketing para que el grupo atraiga a una audiencia que paga y compra a la marca y permanezca en ella para siempre.

5 pasos sobre cómo crear un grupo en VKontakte

Cubrir

La portada comunitaria hoy en día es una herramienta importante para diseñar un grupo de marcas en Contact y promocionarlo. Puedes descargarlo en la sección "Gestión de la comunidad" yendo a la pestaña "Configuración". Una imagen horizontal de alta calidad en el encabezado de la comunidad desempeña el papel de principal banner promocional de la empresa en la red social. Crea el ambiente, informa, mejora la imagen, exige acciones específicas y vende al mismo tiempo.

1. Utilice ilustraciones de alta calidad

La portada de la comunidad VKontakte debe tener un tamaño de 1590x400 píxeles, pero es mejor cargar una foto 2 o 3 veces más grande en formato .png. De esta manera puede evitar una visualización de mala calidad.

2. Adapta la imagen para diferentes dispositivos.

Tenga en cuenta que esta imagen puede verse diferente en diferentes dispositivos: los bordes se cortarán en el móvil, por lo que es mejor colocar toda la información más importante más cerca del centro.

3. Coloque un eslogan y una PVU

Deja que el cliente vea tu filosofía y beneficios desde la primera pantalla.

4. Mostrar el producto/servicio, proceso o resultado de su uso.

De esta forma, el cliente potencial sabrá inmediatamente en qué te especializas y se involucrará en el producto.

5. Ayude a los clientes a comunicarse con usted de inmediato

Escriba su número de teléfono, correo electrónico y otros contactos de la empresa en el banner. Si la ubicación geográfica es importante para tu negocio, por ejemplo, te dedicas al sector de la restauración o al sector horeca, la dirección también te será útil.

6. Anunciar eventos

¿Está promocionando conciertos, esperando una nueva colección o lanzamiento de producto, o celebrando un festival/conferencia/día del cliente? Cuéntale esto a todos los que vienen a la comunidad.

7. Presentar promociones y descuentos.

¿En qué otro lugar de la plataforma principal puede decirle a la audiencia que ahora mismo pueden hacerle un pedido 2 veces más barato? Lo más importante es que no olvide cambiar la ilustración una vez que expire la oferta.

8. Ofrezca tomar una acción específica

Al cargar la portada de la comunidad, se colocan dos botones horizontalmente en la esquina inferior derecha: Escribir un mensaje y Únase al grupo. Apunte una flecha hacia ellos para atraer aún más la atención de la audiencia. Por lo tanto, si un producto se muestra en un banner, puede ofrecer solicitarlo inmediatamente en los mensajes. Y si contiene un resumen de las últimas noticias, suscríbete para recibir siempre la información más reciente.

Sube un avatar y selecciona una miniatura.

Algunas marcas aún no adoptan la portada, prefiriendo el aspecto antiguo de la primera pantalla del grupo, utilizando una combinación de un avatar y una publicación fijada como el llamado “encabezado”. En este caso, una imagen es una continuación de la otra. Se ve más impresionante cuando la foto termina al mismo nivel que el avatar.

Cuando se utiliza el tamaño máximo de avatar de 200x500 píxeles, el tamaño de la imagen en la publicación fijada debe ser de 510x308 píxeles. Una excelente técnica atractiva es adjuntar un vídeo subido a través de un reproductor de red social, que continúe estilísticamente con el avatar.

Si utilizas una portada como encabezado, el avatar siempre se mostrará como una miniatura.

Reglas para diseñar una miniatura de avatar de la comunidad VK

Una miniatura es una pequeña imagen redonda que se recorta de un avatar grande y se muestra en la búsqueda de grupos, en la lista de comunidades de cada usuario y a la izquierda debajo de la portada, si la hay. A continuación se ofrecen algunos consejos de diseño.

1. La miniatura debe ser comprensible para la audiencia.

No deberías publicar una ilustración rara. Visualice algo que el público objetivo asociará posteriormente con la marca, por ejemplo, un logotipo, un ícono de producto/servicio o tal vez el personaje principal de marketing de la marca.

2. Utilice únicamente fotografías de alta calidad.

Es mejor cargar la fuente 2 o 3 veces más grande que el tamaño requerido, para que puedas olvidarte de los terribles "cuadrados" de píxeles que no te muestran de la mejor manera.

3. Diseña tus propias ilustraciones

Las imágenes de archivo estándar parecerán baratas y poco profesionales, y se convertirán en sinónimo de desconfianza de los usuarios hacia la marca. Realiza diseños únicos con el mismo concepto y colores que el resto del diseño.

4. Lo que necesitas son imágenes que contrasten con el fondo de la página.

Al diseñar miniaturas VK de manera tan llamativa, la "pieza redonda" se destacará en el feed entre otros grupos y no se fusionará con el fondo de la página.

5. Colocar contactos o PVU de la empresa.

Dependiendo del propósito establecido para la miniatura, coloque en ella un número de teléfono de contacto o la dirección del sitio web, información sobre envío gratuito, una indicación del precio más bajo del segmento o una promoción.

6.Haga que el texto sea grande y legible.

Es mejor no utilizar fuentes serif o cursiva: son demasiado ruidosas cuando se ven en pantallas de PC, dispositivos móviles y teléfonos inteligentes, y ensucian la vista. Asegúrese de que el texto no se extienda más allá de los bordes de la miniatura recortada. Esto le permitirá transmitir el mensaje al usuario de forma correcta y eficaz.

7. Utilice formas personalizadas

Por ejemplo, en la plantilla redonda deseada, ingrese un polígono u otra forma geométrica sobre un fondo blanco. Cree un efecto de notificación no leído o un icono gráfico "en línea".

Desarrollar un menú

El menú es un elemento importante del diseño de un grupo en Contacto, lo que facilita a los usuarios navegar por el grupo; será más conveniente para las personas encontrar la información que necesitan. Cada elemento y página se crea en un lenguaje de programación especial: el marcado Wiki. Al usarlo, puede hacer que se pueda hacer clic en las imágenes y crear páginas convenientes dentro de la red social como si fuera la página de un sitio web.

Puede utilizar menús abiertos y cerrados. En el primer caso, el usuario ve inmediatamente las secciones que contiene, en el segundo, van precedidas de una imagen de vista previa con la inscripción "Menú". El menú también puede convertirse visualmente en una continuación del avatar si utiliza la antigua opción de diseño comunitario.

Desarrollar una exhibición de productos.

Al colocar productos en el escaparate de tu comunidad, recuerda que los usuarios siempre ven los primeros 3 artículos. Coloca en ellos los más populares y más solicitados, subiendo una imagen de presentación con el mismo estilo. Publique aquí iconos uniformes o fotografías de los propios productos. Los servicios se pueden colocar en los productos. En el diseño mostrar el proceso de prestación del servicio o su resultado. El tamaño de dicha imagen será cuadrado: 400x400 píxeles.

Diseño de publicaciones

1. Aproveche al máximo los tamaños de imagen disponibles

El ancho máximo de una imagen en un feed es de 510 píxeles. Las imágenes cuadradas de 510x510 píxeles y las imágenes rectangulares de 510x300 píxeles se ven más impresionantes.

2. Desarrolla un estilo de publicación personalizado

Para que tus publicaciones parezcan individuales, crea un estilo, una fuente y una combinación de colores unificados.

3. Coloque un texto breve en la imagen.

Por ejemplo, puede dividir una imagen en 2 partes: texto y gráfico, o escribir texto mientras oscurece el fondo. Para que el texto sea visible sin un fondo oscuro, escríbalo sobre un fondo (un bloque gráfico contrastante de un color uniforme) o agregue una sombra a la inscripción. Las fotos con marco se ven bien.

4. Crea varias plantillas para diferentes propósitos.

Por ejemplo, para las cotizaciones utilice una plantilla para la presentación de información visual, para el anuncio de materiales del sitio, otra y para los concursos, una tercera.

Utilice estas técnicas absolutas y su empresa se presentará en VKontakte de la mejor manera posible y será conveniente para los clientes interactuar con ella. ¡Pero no olvides que todo necesita moderación! Vea ideas aún más novedosas para diseñar una comunidad VK en la página de servicios de la agencia Tesla Target.

¡Hola amigos!

Hoy en el artículo hablaremos sobre el diseño de grupos VKontakte. Esta es una parte muy importante que afecta significativamente las ventas y promoción de tus comunidades, por lo que recomiendo ampliamente leerla.

¿Qué se incluye en el diseño?

Vamos a empezar desde el principio. Mucha gente se pregunta qué se incluye en el diseño y cómo crear usted mismo un grupo VKontakte sin ayuda externa.

Qué se incluye: normalmente el diseño del grupo incluye un avatar, un menú (una imagen especial, al hacer clic en la cual una persona accede al llamado menú de navegación, que indica los elementos principales de la comunidad, los llamados enlaces rápidos y respuestas a preguntas). Además, opcionalmente, el diseño puede incluir un diseño especial (branding de publicaciones).

Avatar

Veamos cada elemento de diseño comunitario por separado. Empecemos por el avatar. Muchas veces este elemento es descuidado por muchos y esto afecta a otros elementos.

Un avatar es esencialmente lo primero que ve una persona en una búsqueda y cuando llega a su comunidad. En tu avatar definitivamente debes representar lo que haces (si vendes productos), si eres una marca, entonces serás reconocido de esa manera, pero en la mayoría de los casos necesitas representar tus servicios o productos.

A menudo noto que la gente simplemente hace algunas imágenes hermosas que no reflejan la esencia de la comunidad. Además, es recomendable indicar en el avatar de la comunidad datos de contacto y una llamada para unirse al grupo.

En cuanto al diseño. De hecho, puedes aprender esto fácilmente por tu cuenta, aunque para hacerlo necesitarás aprender Photoshop usando lecciones gratuitas y probarlo todo tú mismo.

Por eso, te sugiero que gastes dinero y te capacites con profesionales. En primer lugar, adquirirá habilidades prácticas (los estudiantes suelen realizar trabajos para los clientes) y, en segundo lugar, podrá crear comunidades no solo para usted, sino también para los clientes. En promedio, el precio del diseño de avatar y menú comienza en 1.500 rublos o más. En algunos casos, cobran entre 5 y 6 mil por el registro.

En promedio, puede llevar uno o dos días completar ambos elementos. Lo tomo con reservas. Puedes calcular cuánto puedes ganar con esto tú mismo. Así que volveré a aprender. Aquí está el curso real del que estamos hablando: http://www.1day1step.ru/design.php. Los precios allí son bastante razonables para la formación y puedes pagar después de 2 clientes.

Menú comunitario

Ahora hablemos del menú comunitario. El menú se basa en el diseño y en el llamado marcado wiki. Esto también se puede enseñar y aprender.

Los menús suelen elaborarse para comodidad de la comunidad de compras online (y no sólo en general). El menú contiene enlaces a reseñas de clientes, catálogo de productos y otros elementos. Básicamente, un menú es la navegación a través de una página pública con unos pocos clics del mouse.

El menú y el avatar son visibles inmediatamente para los usuarios y nuevos clientes. Y si está diseñado correctamente, anima a las personas a unirse al grupo y posteriormente realizar un pedido.

Publicaciones de marca

No todas las páginas públicas hacen este tipo de diseño, pero las que sí lo hacen se diferencian favorablemente de otras. En este caso, todas las publicaciones están diseñadas con el mismo estilo y se ven muy armoniosas cuando una persona se desplaza por el muro de la comunidad.

El costo de diseñar publicaciones de marca varía, por lo que debes consultar con los diseñadores, pero nuevamente, puedes hacer la marca tú mismo.

Por cierto, con la ayuda de publicaciones de marca, los clientes pueden recordarte muy bien en las noticias. Se destacará entre sus competidores y otros sitios públicos, lo que nuevamente significa interés adicional y una afluencia de clientes.

Aquí es donde terminaré el artículo. Espero que te haya sido útil. En caso afirmativo, comparta el enlace en las redes sociales y suscríbase a las actualizaciones del blog.

Hoy volvemos nuevamente al tema del diseño de grupos VKontakte. Ya hemos aprendido antes. Hoy aprenderemos a hacer gráficos. menú con banner superior fijo y un enlace a una página interna con elementos de menú ampliados. En general, cualquier información puede estar en la página interna. Es especialmente conveniente colocar allí, por ejemplo, catálogos con una gama de productos. Tanto los menús desplegables como los menús fijos tienen sus ventajas y desventajas. La principal desventaja de un menú desplegable es que está cerrado de forma predeterminada. Pero puedes colocar varios enlaces a la vez.

Menú fijado parece más impresionante debido a la impresión general, pero solo puede tener un enlace que conduzca a la página interna de VKontakte o a un sitio externo (y el enlace al sitio externo no vendrá de la imagen, sino del enlace de texto). debajo de la imagen). Además, una de las desventajas obvias es que en los dispositivos móviles el menú gráfico se presenta como una entrada normal en el feed, situada en la parte superior y no fijada al lado del avatar. En general, a la hora de elegir un diseño debes tener en cuenta estos matices. Entonces, veamos cómo crear un menú superior fijo con un enlace a una página interna.

Creo grupos en VKontakte
Diseño de alta calidad de grupos VK y páginas públicas, menú fijado, menú desplegable, menú gráfico interno, catálogos, navegación interna. precios Y portafolio.

Paso 1
Cree un nuevo documento en Photoshop de aproximadamente 900x700 píxeles de tamaño y rellénelo de blanco. Ahora necesitamos recortar dos ventanas en la capa, a través de las cuales será visible el diseño gráfico real. Primero, seleccione un rectángulo que mida 200x500 píxeles (avatar) y presione Supr. Luego seleccione un rectángulo que mida 510x352 (alinéelo con la línea inferior del avatar y haga que la distancia entre las formas sea de 50 píxeles) y también presione Supr.
Después de la siguiente actualización de diseño de VKontakte (31 de octubre de 2016), las dimensiones del banner pasaron a ser 510x307 (no 510x352).

Paso 2
Ahora, debajo de la capa blanca, colocamos una imagen única, que formará la base del diseño.

Paso 3
Después de eso, complementamos la imagen con varios elementos: un logotipo, inscripciones de texto y un botón que invita a hacer clic en el menú. Luego guardamos dos imágenes separadas en la computadora: una es un avatar (a la derecha), la segunda es un menú con un botón de clic (a la izquierda).

Etapa 4
También creamos un menú gráfico en Photoshop que consta de varios elementos. El ancho de este menú debe ser de 600 píxeles, el alto es opcional, dependiendo de la cantidad de elementos. Para ayudar, utilice la lección ““.

Paso 5
Cortamos nuestro menú en varias franjas horizontales de acuerdo con la cantidad de elementos del menú. Guardar como archivos separados.

Paso 6
Vamos a nuestro grupo VKontakte, hacemos clic en "Gestión comunitaria" (al hacer clic en los tres puntos debajo del autor se abre un menú desplegable) y comprobamos que la configuración sea correcta. El grupo debe ser abierto y los materiales también deben ser abiertos.

Paso 7
Ahora subimos un nuevo avatar. Mueva el mouse a la ubicación del avatar y seleccione "Actualizar foto" en el menú emergente. Cargue la foto correcta del Paso 3, estire el área de selección hacia arriba y hacia abajo hasta los bordes de la imagen, haga clic en "Guardar" y luego seleccione el área para la miniatura redonda.

Paso 8
Ahora necesitas crear una página interna. Cómo hacer esto se describe en detalle en la lección. Otra forma alternativa de crear una página interna se describe en la lección “” en los Pasos 5 y 6.

Paso 9
Una vez que hayamos creado la página interna, podremos acceder a ella. Para hacer esto, debe hacer clic en el menú desplegable del grupo (de manera predeterminada, este elemento se llama "Últimas noticias"; le cambié el nombre a "Menú") y allí hacer clic en el enlace "Menú". Luego de esto nos dirigiremos a la página en blanco recién creada.

Paso 10
Ahora necesitamos crear un menú gráfico de cinco elementos. Para hacer esto, subimos nuestras cinco imágenes del Paso 5 al álbum del grupo. Hacemos clic en el ícono de la cámara y subimos las imágenes cortadas desde la computadora. Las imágenes se almacenarán en algún lugar de los servidores de VKontakte y se vincularán al grupo, por lo que no es necesario crear un álbum separado para las imágenes recortadas. Debes cargar imágenes en modo de marcado Wiki.

Paso 11
Ahora en modo de marcado wiki crearemos un menú gráfico. Es muy importante crear en el modo de marcado wiki (el icono en la esquina superior derecha de dos corchetes triangulares), y no en el modo de edición visual. Se describe más información sobre la creación de código en el marcado wiki en los Pasos 4 y 5 de la lección ““. También hay una plantilla de código para insertar. Si todo se hace correctamente, debería obtener un menú gráfico listo para usar, como se muestra en la siguiente figura.

Paso 12
Ahora regresamos a la página principal del grupo, tomamos la URL de nuestra página interna (debería ser así https://vk.com/page-78320145_49821289) y la pegamos en la ventana donde se crean las noticias. Automáticamente se debería adjuntar una ventana con un enlace a esta página tan interna. Después de eso, movemos el cursor a la inscripción "Adjuntar" y adjuntamos una foto a la publicación, es decir, nuestra imagen a la izquierda del Paso 3. Después de eso, borramos la línea de la URL de la página interna, dejando un espacio vacío. ¡Importante! En este paso, debe marcar la casilla (si tiene dichos derechos, esto se aplica principalmente a grupos con un muro abierto) en la casilla de verificación "En nombre del grupo". Si no marca esta casilla, la entrada no será fijada. Finalmente, haga clic en "Enviar".

Paso 13
Mueva el cursor a los tres puntos al lado del título de la publicación y seleccione "Fijar" en la ventana desplegable. En consecuencia, también se adjunta la noticia, si es necesario.

Paso 14
Hay una advertencia. A veces, después de desanclar una noticia, ésta baja en el feed, según la fecha de creación, y puede ser bastante difícil encontrarla nuevamente. Por lo tanto, es mejor anotar inmediatamente en algún lugar la URL de las noticias fijadas. Para hacer esto, mueva el cursor a la hora en que se creó la noticia y haga clic en el enlace.

Paso 15
Ahora actualizamos la página principal del grupo. Nuestro menú gráfico estará ubicado en la parte superior junto al avatar. Y cuando hacemos clic en la imagen, accedemos a una página interna con un menú de cinco elementos.

Hola de nuevo. Nunca me cansaré de decir esto) En nuestro estudio nos encanta la comunicación libre con nuestros usuarios, bueno, eso es. cuando no estás desconcertado por el marco en el que te pusieron para escribir el artículo necesario. En este sitio nos comunicamos sólo sobre temas que nos interesan y le informamos sobre ellos. Y así, en el artículo anterior de la serie de materiales educativos sobre VKontakte, creamos un grupo VK y hablamos un poco sobre su promoción. Pero aún así, para ser honesto, eso no es todo: la funcionalidad de grupo social que nos proporcionó. La red permite diseñar un grupo o público de una forma muy interesante e incluso profesional. Por eso, en este artículo le diremos cómo diseñar bellamente un grupo VK y crear un hermoso menú para él.

Para diseñar grupos, se utiliza el marcado WIKI. En este artículo no profundizaremos demasiado en ello, porque… Si mezclamos todo en un artículo, los confundiremos por completo, amigos, pero nuestra tarea es diferente. Te contaremos más sobre el marcado wiki en el próximo artículo, ¿de acuerdo? Entonces continuemos.

En este artículo, tampoco podemos prescindir de Wiki, pero aquí lo usamos al mínimo, así que no profundices demasiado en él)). Primero, necesitamos crear un menú interactivo para su grupo; para ello necesitamos realizar pasos preparatorios. Primero, cambiemos algunas configuraciones en el grupo. Vamos a "Gestión de la comunidad", luego a "Discusiones", y aquí debemos conectar "Materiales" y abrir las discusiones, como se muestra en la imagen.

¡Listo! A continuación, comencemos a preparar las imágenes. En esta etapa, es recomendable poder trabajar con editores gráficos, de lo contrario tendrás que recurrir a autónomos, y esto es una pérdida de dinero. Es mejor, por supuesto, aprender esto; no es nada difícil y, más aún, lo necesitarás más de una vez. Te mostraremos cómo realizar este paso en Photoshop, aunque puedes hacer lo mismo en cualquier otro editor.

Hacemos una plantilla para el grupo VK como se muestra en la imagen de abajo.

El menú estará ubicado en la ventana A y sus dimensiones pueden diferir de las que se muestran en la imagen. Todo depende del tamaño de los botones de tu menú. En nuestra versión, sugerimos hacer un botón por línea. Si necesita crear 2 botones por línea, entonces el ancho de la ventana A debe reducirse a un máximo de 377 px. Normalmente, seleccionamos la altura empíricamente. En esta opción se elige una altura de 377px al colocar cada elemento en la página principal del grupo en una línea.

La etapa de marcado ha terminado, ahora hacemos una imagen adecuada, cortamos nuestro dibujo en zonas y anotamos las inscripciones que necesitamos, y no olvides que cada zona separada de la imagen, con la inscripción que escribas, será tu botón de menú. . No creo que valga la pena escribir cómo hacer todo esto, porque... Esto se convertirá en una lección separada sobre Photoshop, tal vez escribamos sobre esto, aunque no puedo prometerlo: el sitio tiene el perfil incorrecto. Pero si hay muchas solicitudes, creo que agregaremos un artículo))

Cuando guarda un proyecto en Photoshop, eliminando todos los elementos innecesarios (Photoshop corta y guarda todas las imágenes y los campos blancos junto con ellas), debe cambiar el nombre de las imágenes, preferiblemente, por conveniencia, numerarlas en orden, según cómo se colocarán en el menú.

Fuuuhhhh, también terminamos con esta etapa)) ¡No queda mucho! A continuación, pasamos al propio grupo. Después de cambiar algunas configuraciones (al comienzo de este artículo), veremos nuevas pestañas en el muro: "Discusiones" y "Últimas noticias". Haga clic en las palabras "Nuevo tema" en la pestaña de discusiones y cree una página de menú.

Debe tener el mismo nombre que en el menú gráfico y luego completar el campo de descripción. Cuando haya ingresado toda la información necesaria, haga clic con confianza en "Crear tema".

Verás el mensaje creado en el muro. Luego, de la misma manera, creas la cantidad de páginas que necesitas (dependiendo de cuántas secciones de menú tengas).

¿Está todo listo? En caso afirmativo, comenzamos a editar nuestro menú. Para ello utilizamos la pestaña “Últimas noticias”. Nuevamente, no dudes en hacer clic en "Editar".

Nuevamente vemos la ventana del editor, a la que ya no le tenemos miedo)), ya nos hemos encontrado con ella. Habiendo cambiado al modo de edición visual (para hacer esto, use el ícono de la cámara en el editor VK), cargamos todas nuestras imágenes (fragmentos de menú) en el orden en que se encontrarán en la imagen completa. Cambiamos el nombre por algo comprensible para los visitantes. Luego cambiamos al modo de marcado wiki y editamos el código (te contaremos en detalle sobre el marcado wiki en el próximo artículo, te contaré algo interesante).

Código de muestra para el menú propuesto:

Un punto es muy importante aquí: para los fragmentos que no sirven como botón, es necesario escribir la etiqueta "nolink" en lugar de un enlace a la página. De lo contrario, se podrá hacer clic en el fragmento y, cuando el usuario haga clic en él, el fragmento se abrirá como una imagen independiente, pero ¿es necesaria?

Si algo anda mal, lo más probable es que haya cometido un error en el código, verifique todo con atención y más de una vez. Y si hizo todo correctamente, luego de hacer clic en el nombre de la pestaña del menú principal del grupo, verá un menú gráfico listo para usar que parece un todo junto con el avatar del grupo VK.

Si su menú en el nivel inferior no coincide con el avatar del grupo VKontakte, alinee el código en el fragmento inferior cambiando la altura en px. Con grandes cambios, esto puede afectar la calidad de la imagen. En este caso, en la plantilla original del editor gráfico (en nuestro caso, Photoshop), realice cambios en el tamaño del fragmento deseado y, si es necesario, vuelva a dibujar todo el diseño. Eso es todo amigos, ¡el registro del grupo VK ha finalizado! Ahora eres propietario de un grupo diseñado profesionalmente.

En el siguiente artículo de la serie de formación sobre VKontakte, te contamos cómo crear un menú interactivo y diseñar un grupo VKontakte de forma profesional. En nuestro próximo artículo, analizaremos más de cerca el marcado wiki e intentaremos diseñar un grupo profundizando en este marcado.

Como siempre, estaremos muy contentos de recibir cualquier comentario que puedan tener, escriban más seguido amigos))

Buenas tardes. En esta publicación hablaremos sobre cómo crear usted mismo un grupo VKontakte. Más recientemente, analizamos en detalle y hablamos sobre el tamaño y la calidad que debe tener la imagen. Pero los diseñadores han ido más allá y ahora puedes encontrar muchas comunidades en las que el menú y el avatar representan un todo. Se ve increíble. Y hoy aprenderá a crear un hermoso diseño para un grupo o una página pública con sus propias manos, sin la ayuda de autónomos ni diseñadores web profesionales.

Para que puedas entender inmediatamente de qué estamos hablando, publico un ejemplo de un grupo diseñado:

En pocas palabras, en un editor gráfico (también Adobe Photoshop) las imágenes se crean en 2 imágenes. Uno de ellos se corta en varios fragmentos y se agregan enlaces utilizando el marcado wiki de VKontakte. Si no tienes miedo de estas terribles palabras, continuaré.

Paso 1. En un editor de gráficos (es mejor usar Adobe Photoshop), debe crear un documento de 630 por 725 píxeles. A continuación, en la primera capa recortamos 2 ventanas, que serán el menú y el avatar. En primer lugar, seleccione un rectángulo que mida 200 por 500 píxeles y presione la tecla SUPR.
__________________
Permítanme hacer una reserva de inmediato: en las lecciones de otros sitios puede encontrar consejos donde dicen que es necesario cortar un rectángulo de 200*710. NO ESTÁ BIEN. Ahora en la red social VKontakte hay un límite en la altura de la imagen y si usas una altura de 710 px, se recortará.

__________________

Ahora recorte el menú, otro rectángulo que mide 382 por 232 y también presione la tecla "dividir". Los rectángulos deben estar conectados en la parte inferior.

La pieza de trabajo está lista.

Paso 2. Ahora necesitamos cubrir nuestro espacio en blanco con un fondo. Escriba texto si es necesario y cree botones futuros debajo del menú. En el ejemplo hay 5, pero puedes hacer tantos como necesites, pero no debes hacerlos demasiado pequeños, reduciendo así la usabilidad al obligar al usuario a agrandar la página o entrecerrar los ojos para leer el texto.

Paso 3. Se puede guardar el rectángulo derecho. No te olvides del tamaño 200 por 500. Este es un avatar listo para usar para tu grupo. Puedes descargarlo inmediatamente en la esquina superior derecha del grupo/público.

En cuanto al rectángulo con los elementos del menú marcados, será necesario cortarlo en varias imágenes (en este caso, 5). El ancho es 382, ​​pero el alto se calcula individualmente, pero debe tener al menos 50 píxeles.

Etapa 4. Ahora debes subir las 5 fotos resultantes al álbum comunitario.

Una vez realizado el trabajo, debes comenzar a editar el bloque de noticias en el grupo. Vaya a “últimas noticias” y haga clic en el botón “editar”

Deberías tener álbumes de fotos y documentos abiertos en la configuración de tu grupo. Esto es importante, porque sin él no podrás subir fotos ni crear un menú.

Paso 5. En la pestaña “editar” pega el siguiente código:
[]
[]
[]
[]
[]

Empecemos a editarlo.
foto: presenta un enlace a una foto. Abra una de las 5 fotos que cargó desde el menú del grupo y verá algo como esto en la barra del navegador:
http://vk.com/photo72120765_272239411

72120765_272239411: este es el código de fotografía muy necesario. Simplemente puede usar el nombre del archivo.

Paso 6. Es necesario combinar las imágenes del menú avatar si están separadas. Para hacer esto necesitas hacer 3 cosas:
El nombre del grupo debe estar en una línea.
Descripción en 10 líneas (a veces se necesita algo de personalización aquí)
El sitio web también está en una línea.

Esto es aproximadamente lo que deberías obtener:

Como puede ver, hacer un diseño para un grupo VKontakte no es nada complicado. Si tienes dudas, hazlas en los comentarios, y si no quieres “sudar”, trabajar como autónomo es un camino directo para ti.

Crear el diseño descrito en este artículo le costará entre 15 y 25 USD.