Diseñamos el menú para el grupo Vkontakte: seleccionamos imágenes para avatares y sombreros, creamos fotos de alta calidad en el grupo, diseñamos widgets para el grupo empresarial Vkontakte

En este material, le diremos cómo diseñar bellamente el grupo Vkontakte.

La percepción visual es uno de los factores más importantes en la formación de la opinión principal de una persona sobre algo. ¿Recuerdas: "Te encuentras con tu ropa..."? Es muy importante recordar este principio cuando comience a diseñar su página comercial en la red social VKontakte.

Al mirar la página de su comunidad por primera vez, los usuarios evaluarán la belleza y la comodidad, así como la funcionalidad y la profesionalidad del diseño. Por lo tanto, no debe ahorrar en los servicios de especialistas, si, por supuesto, no es un gurú del diseño web.

Hemos preparado para usted algunos consejos que ayudarán a que su grupo VKontakte sea atractivo para los miembros y clientes potenciales.

La imagen es una herramienta de visualización importante para el diseño de grupos de Vkontakte

"Es mejor ver una vez que escuchar cien veces" es otra decir que no ha perdido su relevancia en el mundo moderno. Las imágenes, que son una de las principales herramientas de visualización, ocupan el lugar que les corresponde en el perfil de los usuarios de Internet, por lo que es necesario saber manejarlas correctamente, extrayéndoles el máximo beneficio.

La calidad de las fotos también juega un papel importante, y VKontakte tiene la costumbre de comprimirlas cuando se cargan. Resulta que puedes luchar con esto y con un resultado bastante decente. Para esta imagen, es necesario hacer el doble, y el fondo para el sustrato del texto debe ser lo más claro posible (idealmente, blanco) con letras oscuras.

¿Dónde conseguir un buen fin de semana de calidad? La salida más fácil es buscar en Internet, puede encontrarlos gratuitos, puede comprarlos por dinero) o crearlos usted mismo, entonces se garantiza que tienen derechos de autor y son originales.

Los desarrolladores de VKontakte han establecido límites de tamaño óptimos para las imágenes que se pueden cargar en páginas en grupos. Tras el cambio en el diseño general de la red social, aparecieron nuevos requisitos para las imágenes, de los que te hablaremos en detalle.

<> Avatar : mínimo – 200 x 200 píxeles, de lo contrario el sistema emitirá un error. El máximo declarado es de 200 x 500 píxeles. (aunque si el tamaño es mayor, lo principal es que la proporción se mantenga en 2 a 5).
• Portada : es diferente para las versiones completa y móvil, por lo que debe tener en cuenta este punto al elegir y verificar cómo se verá cuando se vea en un teléfono. Entonces, 1590 x 400 píxeles o una versión truncada: 1196 x 400 píxeles.
• Imágenes para archivo adjunto : ahora el suministro de noticias de VKontakte tiene un ancho fijo, por lo que ahora su las imágenes no se deformarán debido al archivo adjunto. Intenta que la imagen sea cuadrada (muy buena para la versión móvil) o rectangular horizontalmente y de al menos 510 px de ancho.
​​​​
• Ilustraciones a la página con enlaces : se adjuntan a las inscripciones cuando se agrega un enlace a la misma. El mínimo para ello es de 537 x 240 píxeles. (pero se permiten más si se respetan las proporciones). Estas fotos se toman por defecto Open Graph o desde la metaetiqueta Título, pero el usuario tiene la oportunidad de cambiarlas a su gusto (elegir otra foto de la publicación para el anuncio o colocar la suya).
• Ilustraciones al texto : 510 x 286 píxeles. Consejo gratuito: haga que las imágenes en el editor sean más oscuras y no coloridas para que no se pierdan en el fondo de las letras.
• Visualización de la historia : le recordamos que la publicación de historias en su propio nombre (utilizando el servicio oficial) solo puede ser promovida por grupos que reciben especial permiso de los desarrolladores de redes sociales. Están ilustrados con fotos (x 1080 x 1920 píxeles) y videos (720 x 1280 píxeles) - en formato vertical. Además, el video debe cumplir una serie de criterios: duración: no más de 15 segundos, tamaño: no más de 5 megabytes, códec: h.264, voz en off: AAS.
• Portada del álbum : para la versión completa - 1200 x 800 píxeles, para la versión truncada - 200 unidades menos.
• Vídeo : el tamaño óptimo es 1280 x 720 píxeles.
• Página Wiki : Las imágenes grandes se comprimirán a 400 px de ancho cuando se publiquen, así que haga clic en ellas con el mouse y configúrelas en 607x342 px. conservando las proporciones, ocupará todo el ancho de la página wiki.

Diseñando una gorra para el público de Vkontakte

La gorra es el lugar más importante en tu grupo, porque es el primero en ser visto por los visitantes. Aquí se publica la información más importante: noticias de actualidad, menú de navegación, anuncios, etc.

• Tapa. Debe ser muy hermoso y llamativo (1590 x 400 píxeles), se puede descargar fácilmente desde el menú de configuración de la comunidad. Puedes ser completamente creativo en la portada: publicar promociones y las ofertas más “calientes”, sorprender a los visitantes con un lema o eslogan, introducir el nombre del grupo. También es posible, por el contrario, no sobrecargar la portada con información, dejando solo una breve información general sobre el público y un enlace para una transición rápida al sitio.

• Considere usar cobertura dinámica, que puede mostrar los cambios o eventos más valiosos para usted o sus suscriptores.
• Hashtags: a veces también se agregan a la descripción de la comunidad en la portada para aumentar la relevancia de la audiencia y elevarla a rangos de búsqueda más altos.

• Aquí puedes colgar y pinear wiki - un post o un artículo preparado en el editor, con la imagen de los conscriptos en el anuncio - en ellos puedes dar información detallada sobre tu grupo.

Menú. Aquí también puede elegir entre varias opciones la que le impresionará a usted ya sus suscriptores:

• Opción abierta: completamente visible en el encabezado de la página.
• Cerrado: muestra el menú o el valor de navegación y se puede acceder abriendo la posición wiki;
• Combinado: el avatar y el anuncio del menú se combinan en una sola matriz;
• Oculto: solo se puede emitir para el público (los capítulos solo se pueden leer después de ir al enlace).

• Videoclip activado la máquina. Puede adjuntar un archivo de video al encabezado del grupo, que se reproducirá automáticamente en silencio cuando ingrese a la página. Una maniobra muy atractiva para los nuevos huéspedes.

Para aprovechar esta oportunidad, debe seleccionar un videoclip, cargarlo solo a través de VKontakte sin usar reproductores extranjeros, adjuntarlo al mensaje y adjuntarlo a la tapa.

• Publicación megapopular. La publicación más popular puede ocupar legítimamente un lugar de honor en el sombrero del grupo, porque una gran cantidad de me gusta, vistas y reenvíos es garantía de aumentar el número de sus suscriptores.
• Anuncios, presentaciones, promociones, sorteos. Es en el sombrero que puede mezclar anuncios, anunciar varios eventos o álbumes para sus suscriptores; aquí serán vistos por la mayor cantidad de usuarios.
• Reseñas de suscriptores, casos. La retroalimentación es aún más efectiva: ¿qué podría ser mejor para confirmar la reputación y una mayor promoción del grupo? Traiga estos momentos al sombrero, y la reacción no se hará esperar.
• Anuncio de programa. Si ya eres una comunidad tan popular que tienes una aplicación móvil, entonces esta es una buena razón para informar a tus suscriptores y nuevos visitantes al respecto.
• Reglas. No está mal publicar información sobre las reglas de la comunidad en su sombrero; esto también aumentará su calificación (porque la disciplina siempre ha estado entre los rasgos positivos) y simplificará el proceso de encontrarlas para aquellos que quieran unirse al grupo.
• Referencia. En la tapa, puede colocar enlaces a otras comunidades (por ejemplo, sus socios) o redes sociales; depende de usted.

¿A qué avatar prestar atención al diseñar un grupo Vkontakte?

• Miniatura de avatar. La fuente del texto debe ser lo suficientemente grande para leer, pero no exceder sus límites. La imagen en el avatar debe ser clara y reconocible, original y lo suficientemente brillante como para destacar sobre el fondo general, y también elegante y pensada en cada detalle.
• En un pequeño espacio de la miniatura, puede colocar información importante, por ejemplo: un anuncio de algo (servicios, eventos, bienes), preferencias del público, contactos para la comunicación, momentos provechosos de cooperación (mejores precios, condiciones de entrega, ayuda experta, etc.), todo tipo de concursos, vacantes. En una palabra, una muy buena plataforma para la creatividad.
• Cuando la portada no se muestra en público, los usuarios verán la versión completa del avatar. Si este es tu caso, entonces el avatar debe ser de alta calidad.
• Para que la gorra de la comunidad se vea elegante y atractiva, debe crear un avatar en la misma clave (combinación de colores, fuente, estilo de diseño) desde el menú.

Atención: el avatar y su miniatura pueden ser iguales, o y diferir depende de usted. Lo principal es no sobrecargarla con información innecesaria, dejar que su espacio sea "aireado".

• Información del avatar. Estos pueden ser los puestos que sean más importantes para usted y sus visitantes: dominio del sitio, contactos y horario de trabajo, pequeños anuncios de productos, promociones y descuentos, notificaciones sobre la disponibilidad de una aplicación móvil, enlaces a otras redes sociales, una lista de sus premios y logros, y así sucesivamente.
• El avatar y el menú combinados se crean usando cualquier editor gráfico dentro de sus capacidades.

Si no sabe cómo usar Photoshop estándar, existen servicios especiales con opciones listas, por ejemplo, Fotor.com, Canva.com y similares. Son absolutamente fáciles de tratar.

Widgets: diseño de un grupo empresarial Vkontakte

Al diseñar un grupo empresarial, no olvide usar widgets, gracias a los cuales puede proporcionar comunicación de retroalimentación: compartir reseñas de participantes, realizar solicitudes, suscribirse al boletín, aceptar regalos, participar en concursos y rifas, etc.

Creación de plantillas para publicaciones

Si desea que las publicaciones en la página se vean elegantes y reconocibles, entonces puede desarrollarlas (usted mismo o con la ayuda de un diseñador) plantillas especiales para anuncios, en las que solo necesitará cambiar el color de la imagen y completar el texto nuevo.

Para ello puedes:

• jugar con la iluminación de la imagen para facilitar la percepción del texto
• cree un área de contraste y escriba en él
• resalte las líneas de texto por color
• divida la imagen en dos mitades; hacer que la imagen se nuble
• primero seleccione una foto con un lugar para los créditos
• agregue fuentes de efectos especiales (sombras, trazos, brillo, etc.)

A veces se agrega un logotipo a la plantilla: una marca, si su grupo ya tiene una.

Editor de artículos

En VKontakte hay un editor de texto para el diseño: la entrada está marcada con una letra mayúscula "T" en la esquina superior derecha de la pantalla. Incluso un usuario novato puede utilizar sus servicios.

Wiki markup

Wiki markup es una guía para el lenguaje html, es una alternativa al texto sin formato. Es efectivo cuando se crean materiales grandes con diferentes selecciones de texto, se agregan gráficos, efectos de audio y video y un menú de navegación brillante.

Para el trabajo, recomiendo dominar el servicio "Código fuente de la página", que le permite ver el código de páginas wiki (ingrese al servicio, inserte un enlace al tipo de grupo deseado y vea, busque la página deseada en el registro y haga clic en la frase "Ver código").

Editor y comunidades wiki

VKontakte tiene un editor para procesar páginas wiki, así como grupos especiales "VKontakte Wiki Markup" y "Wiki Doc".

Para crear una página de este tipo, debe insertar el siguiente conjunto de caracteres en la barra de direcciones: http://vk.com/pages?oid=-XXX&p=Оглавление_странички, donde XXX ​​​​: este es el ID de su página (puede encontrarlo en los "Registros de la comunidad" - los números antes de "?" o usando el servicio "Buscar ID"), y "Encabezado_de_página" es el título del material con guiones bajos en lugares de espacios.

• Puede configurar la capacidad de editar materiales usted mismo (puede encontrar la configuración para esto en la parte inferior izquierda del editor). Debe tener mucho cuidado al permitir que terceros editen su contenido.
• Para cambiar al modo de código cuando trabaja con el editor visual y viceversa, solo necesita hacer clic en el icono con dos corchetes triangulares horizontales en la esquina superior derecha del editor.
• El editor en sí es fácil de usar: por analogía con Word, solo que no puede jugar con el tamaño de fuente en él, pero puede etiquetar (H1, H2, H3), selección en cursiva o negrita. Para un formato de texto más serio, debe hacerlo manualmente en modo código.
• Para insertar un enlace al material en el marcado wiki, debe escribir la fórmula: [enlace al material|texto del enlace].
• Se recomienda cargar imágenes en modo codificado para evitar la alineación y compresión automáticas. Y antes de cargar un archivo de video, primero debe guardarlo en sus grabaciones de video.

Para colgar un enlace a la imagen, en modo codificación, poner después del segundo icono | enlace al archivo deseado, alinear y escribir el tamaño.

Creamos un menú para la navegación

Si no planea crear un menú complejo, basta con mostrar todos los elementos de navegación en el editor

• Será necesario trabajar con algo como Photoshop, en el que debe crear una imagen, abrirla en partes, verter las piezas en una publicación wiki con la adición de Enlaces.
• Puede anclar el menú creado al encabezado de la página creándolo en el idioma wiki.
• Los menús pueden ser muy diversos: simples (1, 2 o varias columnas), en formato tabular (creando una tabla en el lenguaje wiki), adaptativos.

Para que se vean bien en la pantalla de una computadora personal y en un dispositivo móvil, le recomendamos que use un diseño tabular con un ancho de celda claro y corte el menú en las mismas formas geométricas (3 columnas - ancho máximo - 190 píxeles, 4 columnas - 150, 5 - 110).

Comprobación del resultado

Al redactar en marcado wiki, es deseable controlar el resultado visible para los usuarios desde diferentes dispositivos. Hay programas especiales que simplifican esta tarea.

En el navegador Google Chrome, basta con ir a la página wiki y poner "m". a la dirección, luego haga clic derecho y seleccione "Ver código", y luego - en el dibujo estilizado de un dispositivo móvil. Debe seleccionar el dispositivo deseado y actualizar la página para que todo se muestre correctamente.

También puede instalar el complemento de prueba de resolución en Google Chrome, vaya a la versión móvil de VKontakte y seleccione el tamaño deseado.

Video: Realización de un diseño elegante del grupo Vkontakte