Ava estándar en contacto. Tamaño de avatar para el grupo VKontakte

Estamos acostumbrados a que un avatar sea la personificación de un usuario en una red social, su “imagen”, a la que recurrimos si queremos escribirle algo a alguien. Por tanto, es fácil adivinar la importancia que juega la imagen que se instala en la pantalla de perfil.

Es cierto que no todas las personas prestan tanta atención a la imagen de su página. Digamos que todos los usuarios (si hablamos específicamente de este tema) se pueden dividir en dos grupos: los que ponen su foto en su avatar y los que no les importa su imagen de perfil. O dejan la imagen estándar o utilizan alguna imagen de terceros.

Si hablamos de grupos, la situación aquí es diferente. Si su grupo no tiene una foto atractiva e informativa, lo más probable es que nadie se una. Por lo tanto, los administradores de la comunidad a menudo hacen la pregunta: ¿cómo crear un avatar para un grupo VKontakte? En este artículo veremos varias opciones para crearlo y también veremos las características de las fotografías en grupos.

¿Cuál debería ser el avatar del grupo?

Entonces, comencemos con una teoría general de cómo debería verse la foto de tu banda. Con base en esta información, comprenderá cómo crear un avatar para el grupo VKontakte para que a los usuarios les guste y atraiga nuevos miembros.

Evidentemente, la foto del grupo debe ser coherente con el contenido publicado en la comunidad. Este es un requisito básico para una imagen: su contenido debe estar relacionado con lo que estás escribiendo. El segundo requisito es el atractivo de la imagen. Dado que todo lo que un visitante ve sobre su grupo es el nombre y la imagen, esta última debe ser lo más atractiva posible para que el usuario quiera hacer clic e ir a la página de la comunidad. Cuando quieras crear un avatar para el grupo VKontakte, ten esto en cuenta. El último requisito para una foto de grupo debe ser el contenido informativo. En términos generales: sería aconsejable representar en el avatar algo que indique al usuario lo que está haciendo el grupo. Esto se puede hacer, por ejemplo, mediante inscripciones.

Buscando una imagen terminada

En la lista de formas de crear una foto grupal, buscar una imagen ya preparada es la más popular y la más sencilla al mismo tiempo. Todo lo que tienes que hacer es ir al sitio de imágenes y buscar una categoría de imágenes relacionadas con el tema de tu grupo. La foto más exitosa se puede guardar y editar (o incluso simplemente publicar en la página de la comunidad sin cambios).

Hacer un avatar usando editores en línea

La segunda opción es editar imágenes ya preparadas (o crear otras nuevas) utilizando editores en línea. Afortunadamente, ahora existen muchos servicios que te permiten desarrollar tu avatar tanto "desde cero" como utilizando una de las plantillas ya preparadas. Solo necesita decidir qué le gustaría ver en la imagen de ava, y luego ni siquiera tendrá que preocuparse por cómo crear un avatar para un grupo de VKontakte sin Photoshop: el recurso hará todo automáticamente. Actualmente existen en Internet bastantes soluciones de este tipo ya preparadas. Son gratuitos y tienen muchas funciones. El único inconveniente de trabajar con estos sitios es la dirección del recurso que le convirtió en su avatar, ubicada en algún lugar de la esquina inferior.

Hacer un avatar en Photoshop

Si no sabe cómo crear un avatar para un grupo de VKontakte sin un enlace al sitio de otra persona, tendrá que utilizar el más popular: Photoshop. Trabajar con él es bastante sencillo, lo principal es comprender los conceptos básicos, comprender los conceptos elementales y las categorías con las que funciona el programa. Si ya tienes al menos una experiencia mínima interactuando con él, crear un avatar para ti no será difícil. Si no sabes cómo crear un avatar para un grupo de VKontakte en Photoshop, te quedarán dos opciones. El primero es buscar ayuda de una persona que sepa cómo trabajar en el programa, el segundo es estudiar las características del editor por su cuenta: encuentre lecciones, ejemplos de trabajo, practique usted mismo.

crear un avatar

Finalmente, después de responder a la pregunta "¿Cómo crear un avatar para un grupo de VKontakte?", es hora de pensar en lo que se mostrará en la foto del grupo. Como ya se ha señalado, debe ser algo temático, atractivo e informativo. Te invitamos a tomar una hoja de papel y un bolígrafo y dibujar un logo para tu comunidad. Después de esto puedes comenzar a crear la imagen.

Esto se puede hacer utilizando uno de los métodos indicados anteriormente. Si no sabes qué avatar es mejor, puedes recurrir a un método sencillo pero eficaz para determinarlo: votar en el propio grupo. Deja que la gente decida qué foto es mejor.

VKontakte Secrets es una nueva serie de publicaciones de blog en las que revelaré las complejidades de crear comunidades y grupos en la red social VKontakte. Te mostraré aspectos tanto técnicos como organizativos. Juntos aprenderemos cómo crear comunidades hermosas y populares en la red social más grande de RuNet. Por cierto, si aún no tienes una comunidad VKontakte, mira este vídeo.

Hoy te mostraré cómo crear un hermoso bloque único "Avatar + Menú". Probablemente hayas visto grupos tan bellamente diseñados, donde el menú y el avatar son una sola imagen.

Se ve bastante hermoso, ¿no? A pesar de la aparente dificultad, cualquiera puede realizar ese bloqueo en su grupo. Al mismo tiempo tu no es necesario conocer los secretos de Photoshop. Te mostraré cómo hacer esto en un editor de gráficos normal. Pintar, que está en cada computadora.

Entonces, necesitaremos:

• una imagen a partir de la cual haremos un avatar y un menú grupal;
• editor gráfico Pintura;
• Programa Rect para medir el ancho y alto del menú.

Abra el editor Paint y nuestra imagen preparada. La imagen no debe tener más de 799 px de alto y no menos de 600 px de ancho. Con la flecha No. 1 en la captura de pantalla indiqué el lugar donde se pueden ver las dimensiones actuales de la imagen. Y la flecha número 2 es una herramienta que se puede utilizar para cambiar estas dimensiones.

Habiendo recibido el tamaño de imagen que más nos conviene, recortamos un avatar de ella. Para hacer esto, use la herramienta "Seleccionar" (flecha No. 3). Seleccione un área de 200 px de ancho (la flecha No. 4 muestra dónde puede monitorear el ancho del área seleccionada). Recorta esta parte de la imagen (flecha No. 5).

Sin cerrar el Paint actual, inicia otro. Insertamos nuestra parte recortada de la imagen en él. Este será el avatar de nuestro grupo VKontakte. Le hacemos inscripciones atractivas y lo guardamos como una imagen en formato PNG.

Después de esto, el avatar ya se puede cargar en nuestro grupo VKontakte.

Ahora necesitamos averiguar el tamaño exacto del bloque de menú. Para ello utilizaremos un programa útil y sencillo para webmasters Rect. El programa no requiere instalación y no crea ni modifica ningún archivo. >>>Descargar software Rect<<<

Vamos a la página de nuestro grupo y medimos la distancia en píxeles desde el borde del campo con el título “Discusiones” o “Encuestas” (dependiendo de lo que venga primero después del enlace al menú del grupo) hasta el borde inferior del avatar. El programa Rect nos mostrará el ancho y alto en el medio de la ventana. Por cierto, el ancho del bloque de menú debe ser exclusivamente de 388 píxeles.

Entonces, la altura necesaria en este caso es 295 píxeles. Por cierto, te aconsejo que prepares una descripción de tu grupo con antelación, porque la altura del bloque del menú dependerá de su volumen.

Volvemos a Paint con la imagen restante y recortamos un bloque de menú de 388*295 píxeles desde la esquina inferior derecha.

Pegamos la imagen recortada en un Paint nuevo previamente abierto e ingresamos en él el texto de los enlaces del menú. Vea usted mismo cómo formatear el texto. El editor le permite insertar varias formas y marcadores. Soy de la opinión de que el secreto del buen diseño es el minimalismo, ya sea VKontakte o un sitio web normal. Por este motivo utilizo texto subrayado normal. Así es exactamente como estamos acostumbrados a ver enlaces.

Ahora, usando las herramientas “Seleccionar” y “Cortar” con las que ya estamos familiarizados, seleccionamos y recortamos cada elemento del menú. Pegamos una imagen de cada elemento en un nuevo Paint y la guardamos como imagen en formato PNG.

En total, deberíamos tener 5 imágenes que formen un todo. ¿Por qué cinco si hay 4 enlaces? Recorté la parte inferior como una imagen separada sin enlace. Subimos estas imágenes a un álbum separado de nuestro grupo VKontakte. Los necesitaremos muy pronto.

Vaya a la página principal del grupo y haga clic en el enlace "Editar" en la barra de menú. Debería aparecer allí cuando pasas el mouse sobre él.

En el editor de menú, habilite el modo de marcado wiki. E ingrese las siguientes líneas allí.

UPD: ¡Atención! Ahora, para que todo se muestre correctamente, debes cambiar la etiqueta. sin relleno y tamaños de imagen. Coloque un punto y coma después del tamaño de la imagen en consecuencia.

Cada línea corresponde a una de las imágenes componentes del bloque de menú.

En el código resalté:

• rosa – identificación con foto. ¿Dónde puedo conseguirlo? En la barra de direcciones de su navegador al ver una imagen.
• verde: dimensiones de la imagen y el comando "nopadding", que muestra la imagen sin relleno.
• amarillo: enlace a la página del grupo deseado.

La presencia de un menú de este tipo, por supuesto, no es la razón de la popularidad de la comunidad. Pero, en mi opinión, hacen que la página del grupo sea mucho más agradable para los participantes e invitados. Por cierto, si recién está comenzando su andadura como administrador de VKontakte, la publicación Administrador de redes sociales le resultará útil.

Esta guía no es relevante para las páginas públicas de VKontakte. Recomiendo usar este manual para públicos.

El hermoso diseño de la comunidad VKontakte no es un capricho, sino un elemento importante que genera confianza en usted y su empresa. Si una página o grupo público está diseñado de manera poco profesional, sus clientes potenciales pueden concluir lógicamente que usted es igualmente negligente en su trabajo. Para evitar que esto suceda, asegúrese de que su página de VKontakte sea hermosa, ordenada y fácil de usar. ¿Cómo hacer esto? Lea a continuación.

Tamaños actuales de las imágenes de VKontakte

Hace algún tiempo, los desarrolladores de la red social VKontakte lanzaron un nuevo diseño. Esto llevó a cambios en el tamaño y los principios de visualización de imágenes. La nota, que se detallará a continuación, corresponde a todas las innovaciones y contiene los tamaños relevantes en este momento.

Ahora entremos más en detalle en cada punto.

Tamaño del avatar VK

El tamaño mínimo del avatar es de 200 por 200 píxeles. Si intenta cargar una imagen que tiene menos de 200 píxeles de ancho o largo, verá un error como este:

El tamaño máximo del avatar es de 200 por 500 píxeles. Pero, en principio, puede cargar imágenes de mayor tamaño: hasta 7000 píxeles en cada lado. Lo principal es que la relación de aspecto no supere los 2 a 5.

Te lo mostraré con un ejemplo.

Tengo una imagen. Su tamaño: 200 por 800 píxeles (relación de 2 a 8). No hay errores al cargar. Sin embargo, todavía no puedo usar esta imagen porque “Contacto” no me permite seleccionarla por completo.

Cubrir

El tamaño de la portada de la versión completa del sitio es de 1590 por 400 píxeles.

Tenga en cuenta: en la versión móvil y en las aplicaciones, no se muestra la versión completa de la portada, sino solo una parte de ella que mide 1196 por 400 píxeles. Vea cómo se recorta en la aplicación móvil:

Para evitar que esto suceda, coloque los elementos principales de su portada dentro de 1196 por 400 píxeles.

Imágenes adjuntas

En el diseño actualizado de Contact, el ancho de la fuente de noticias se ha fijado. Esto significa que las imágenes adjuntas a la publicación ya no están estiradas, sino que permanecen como están. Por lo tanto, si desea que su imagen ocupe todo su espacio en las noticias, su ancho debe ser de al menos 510 píxeles. Lo mejor es que sea un cuadrado o un rectángulo con orientación horizontal.

Suena un poco confuso :) Así que te lo mostraré con un ejemplo.

Digamos que tenemos una imagen de forma cuadrada con lados de 510 píxeles. Si lo adjuntamos a nuestra publicación, quedará muy bien en las noticias de todos los dispositivos:

Y así es como se ve una imagen horizontal en orientación horizontal (ancho 510 píxeles):

Como puede ver, cuanto más estrecha es la imagen (en altura), más pequeña se ve en la transmisión del teléfono inteligente. Para ver esto, mira la imagen a continuación:

Está claro que la diferencia aquí no es particularmente crítica, y los usuarios de teléfonos inteligentes seguirán mirando su imagen, solo que en el segundo caso se sentirán un poco más cómodos.

Imágenes para publicaciones con enlaces.

Todos estos datos provienen del código de marcado Open Graph:

Si no se especifica Open Graph, el título se toma de la metaetiqueta Título y la imagen del artículo. Al mismo tiempo, puede cambiarla fácilmente o seleccionar otra imagen del artículo usando flechas especiales:

O sube el tuyo:

El tamaño mínimo de una imagen que puedes utilizar como anuncio para tu artículo es de 537 por 240 píxeles. Sin embargo, puedes subir imágenes más grandes siempre que se mantengan las proporciones.

Imagen de un artículo creado en el editor.

El tamaño de la imagen de portada de un artículo creado en el editor es de 510 por 286 píxeles. Es mejor que sea de color oscuro y más o menos monocromático, ya que el nombre del artículo y de la comunidad se pierde sobre un fondo claro.

Buen ejemplo:

No es un muy buen ejemplo:

Tamaño de foto y video para historias.

El tamaño de las fotografías es de 1080 por 1920 píxeles. El tamaño del vídeo es de 720 por 1280 píxeles.

Especificaciones técnicas para grabaciones de vídeo:

• hasta 15 segundos;
• no más de 5 MB;
• códec h.264;
• Sonido CAA.

Las historias deben utilizar fotografías y vídeos en formato vertical.

Tenga en cuenta: actualmente, solo las comunidades grandes para las cuales los desarrolladores de VKontakte han abierto esta función pueden agregar historias en nombre de las comunidades. Y esto se hace mediante la aplicación oficial. Esto no se puede hacer desde una computadora.

Tamaño de la portada del álbum de fotos

Tamaño de imagen de vídeo

1280 por 720 píxeles.

página wiki

El ancho del área de contenido de una página wiki es de 607 píxeles. Si carga una imagen más grande, se cargará automáticamente con 400 píxeles de ancho. Ejemplo: tengo una imagen que mide 1366 por 768. Si la agrego a la página wiki, se verá así:

Para cambiar el tamaño de una imagen, debe hacer clic en ella y establecer los valores deseados:

Hablaré en detalle sobre cómo trabajar con páginas wiki a continuación. Por tanto, no nos detendremos aquí en este punto.

¿Cómo asegurarse de que las imágenes de VKontakte no se reduzcan? La influencia del fondo y el tamaño en la calidad de la imagen.

Si alguna vez ha intentado cargar imágenes en VKontakte (no importa si era una imagen de avatar o simplemente una foto de su viaje), probablemente ya sepa que tienden a reducirse. Esto se nota especialmente en un fondo oscuro (y especialmente rojo) y cuando la imagen no es demasiado grande. Ejemplo:

¿Cómo asegurarse de que la calidad de las imágenes no se deteriore?

Para evitar que la imagen se encoja (o mejor dicho, se encoja, pero en mucha menor medida), es necesario hacerla 2-3 veces más grande que el tamaño deseado. Por ejemplo, si necesitamos hacer un avatar de 200 por 500 píxeles, tomamos una fotografía de 400 por 1000 píxeles. Si necesita crear un menú con un tamaño de 510 por 400 píxeles, elija 1020 por 800.

La imagen sobre un fondo azul oscuro, que mostré justo arriba, tiene un tamaño de 510 por 350. La hice el doble de grande (1020 por 700) y la guardé. Esto es lo que salió de esto:

¿Cómo solucionar esto? La respuesta es muy simple: debes elegir un fondo diferente. El hecho es que los píxeles se ven mejor sobre un fondo oscuro que sobre uno claro. Por lo tanto, si desea lograr una calidad perfecta (aunque la imagen de arriba ya parece bastante normal), debe cambiar ligeramente la combinación de colores. Por ejemplo, haga que el fondo sea blanco y el texto azul:

Cómo diseñar un encabezado de página

El encabezado de su página o grupo público es lo primero que ven los usuarios cuando vienen a visitarlo. En la mayoría de los casos, este lugar contiene un menú de navegación para materiales públicos, algunas publicaciones interesantes o anuncios importantes. Veamos ejemplos de cómo diferentes empresas utilizan este espacio.

Cubrir

No hace mucho, VKontakte introdujo una actualización: ahora puede cargar portadas grandes y hermosas (1590 por 400 píxeles) en las páginas. Para hacer esto, vaya a configuración y haga clic en el botón "Descargar".

En la portada podrás colocar lo que quieras: desde el nombre y lema de tu empresa, hasta todo tipo de promociones, ofertas e incluso concursos.

Recomiendo prestar especial atención a las posibilidades de una cobertura dinámica. Lee nuestro artículo sobre cómo funciona, para qué se puede utilizar y con qué servicios se puede instalar.

Ejemplos de portadas dinámicas:

Portada + descripción de la comunidad + enlace al sitio web

Algunas empresas específicamente no fijan ninguna publicación en el encabezado para que los usuarios tengan la oportunidad de leer información básica sobre la página e ir inmediatamente al sitio.

Descripción con hashtags

Algunas empresas añaden hashtags a la descripción de página estándar que la caracterizan. Esto se hace para que la página tenga una relevancia más clara y, por lo tanto, ocupe un lugar más alto en la búsqueda de consultas relevantes. Sinceramente no sé si este método funciona o no. No he visto ningún caso sobre este tema, así que si alguien lo sabe le agradecería que compartiera el enlace.

Publicación fijada que explica de qué se trata la página.

Si desea contar su página con más detalle (con fotos, enlaces y un hermoso diseño), puede adjuntar al encabezado una publicación wiki o un artículo elaborado en el editor, con una imagen brillante en el anuncio que animará a los usuarios. para hacer clic en él. Un ejemplo de una publicación de este tipo:

Y esto es lo que ve el usuario después de hacer clic en el enlace:

El menú de grupo está abierto.

Llamo menú abierto a un menú que muestra inmediatamente en qué elementos se compone. Es decir, la imagen del anuncio de la publicación wiki duplica completamente su contenido. Así, los usuarios ven inmediatamente lo que les espera en el interior. Te lo mostraré con un ejemplo.

Así es como se ve una publicación fijada en el encabezado de la página Flatro:

El menú de grupo está cerrado.

Un menú cerrado es la misma publicación wiki que en el párrafo anterior, solo que el anuncio contiene una imagen sin elementos de menú. Suelen escribir en él: “Menú”, “Menú de navegación” o “Navegación por materiales públicos”.

Y esto es lo que vemos al hacer clic en él:

Por cierto, vale la pena señalar que estas no son las únicas opciones. Básicamente, puedes escribir lo que quieras en esta imagen. Lo principal es que el usuario quiere hacer clic en él y comprende lo que le espera después. Ejemplo:

Menú combinado para un grupo

Un menú fusionado es cuando la imagen en el anuncio de su menú forma una imagen con el avatar. A continuación te contaré en detalle cómo hacer un menú de este tipo, pero por ahora solo mira lo hermoso que se ve.

GIF y avatar en una sola imagen

Pero esta opción de diseño para el sombrero realmente me encantó. El GIF que se reproduce automáticamente se fusiona con el avatar en una sola composición y atrae la atención de los usuarios, incluso a pesar de que no hay ninguna información al respecto.

Por cierto, vi este ejemplo en el grupo del especialista en marketing de SMM Sergei Shmakov. Entonces, le expreso mi agradecimiento por el hallazgo :)

Menú oculto

El menú oculto sólo está disponible para grupos (las páginas no tienen esta funcionalidad). Para verlo, debe hacer clic en el enlace correspondiente. La ventaja de este método de diseño es que los usuarios pueden ver la información principal de la comunidad, y si quieren utilizar el menú, solo necesitan hacer un clic. Sin embargo, aquí hay una pequeña desventaja: no todos los usuarios conocen la existencia de esta función, por lo que su menú puede recibir menos atención que si estuviera fijado en la parte superior de la página.

Vídeo de reproducción automática

A finales de noviembre de 2015, apareció una innovación interesante en la red social VKontakte: tan pronto como un usuario visita su página, el vídeo adjunto al encabezado comienza a reproducirse automáticamente. Con esta técnica, puedes atraer aún más la atención de los usuarios (especialmente aquellos que visitaron tu página por primera vez) y, al mismo tiempo, no irritar a aquellos a quienes no les gusta que les impongan su contenido, porque el video se reproduce. Sin sonido y prácticamente no interfiere.

¿Cómo agregar un video de este tipo al encabezado de su página?

Para ello se deben cumplir tres condiciones:

• Adjunte el vídeo a la publicación y fije esta publicación en la parte superior de la comunidad.
• Aparte del vídeo, no se debe adjuntar nada más a la grabación. Sólo vídeo y texto opcionales.
• El video debe cargarse en VKontakte; no se admiten reproductores de terceros.

Una publicación que se comparte mucho.

Otra forma de utilizar productivamente el espacio en el encabezado de su página es fijar en él una de sus publicaciones más exitosas, una que ya haya recibido y continúe recibiendo una gran cantidad de "me gusta" y acciones compartidas. Creo que todos entienden por qué hacer esto: cuanto más se vuelven a publicar, mayor es el alcance y más suscripciones recibe la página.

Anuncios de nuevos videos, álbumes, eventos.

Presentación de nuevos productos/servicios.

Descuentos y promociones

Casos, opiniones de clientes.

Publicidad de aplicaciones

Sorteos

Reglas de la comunidad

Enlaces a otras redes sociales

No he enumerado todas las opciones de diseño del encabezado. Básicamente, puedes poner cualquier tipo de información en tu portada y publicación fijada: ofertas de trabajo, anuncios, enlaces a los productos más vendidos, etc. Así que no te limites a los ejemplos anteriores. Usa tu imaginación y utiliza el diseño de tu comunidad para lograr tus objetivos.

¿Cómo debería ser un avatar?

Un avatar no es sólo una bella imagen con el logo de su empresa, sino una herramienta de trabajo del especialista en marketing con la que logra sus objetivos. Veamos en detalle cómo debería ser para atraer la atención de los usuarios y animarlos a realizar la acción objetivo. Empecemos por la miniatura.

Miniatura de avatar

1. El texto de la miniatura de tu avatar debe ser lo suficientemente grande como para poder leerlo.







2. El texto no debe extenderse más allá de la miniatura.







3. Los usuarios deben comprender lo que se muestra en el avatar.







4. Si es posible, es mejor no utilizar imágenes de archivo, ya que a menudo reducen la credibilidad de la empresa.




5. No es deseable que la miniatura del avatar esté demasiado descolorida y aburrida, de lo contrario se perderá en el contexto de los avatares más brillantes de los competidores.



6. Si quieres que tu avatar luzca moderno, hazlo con un estilo minimalista: menos texto, sombras, degradados y elementos que no tengan ningún significado semántico. Tu avatar debe ser lo más simple y ordenado posible. Este estilo es tendencia actualmente.







7. Si tu objetivo es llamar la atención de los usuarios y destacar entre otros avatares en el feed, tendrás que usar tu imaginación. Piense en lo que usted mismo presta atención cuando busca comunidades interesantes. Por ejemplo, más de una vez me han atraído avatares con una luz encendida, que suele indicar que ha llegado un nuevo mensaje. Esta es una técnica muy antigua, pero por alguna razón todavía me afecta: cuando vea una luz así, definitivamente mantendré mi mirada en ella.

No estoy diciendo que esta técnica funcionará en tu página. El punto que quiero transmitir es que hay muchas, muchas maneras de destacar, sólo tienes que preguntarte a ti mismo y ser un poco creativo. He aquí, por ejemplo, otra idea interesante que difícilmente se me habría ocurrido por mi cuenta:

El avatar es un círculo negro: grande y pequeño. Al parecer, ¿por qué hacer esto? Pero cuando te desplazas por la lista de comunidades, estos avatares llaman la atención porque son muy diferentes de todos los demás.

¿Qué información se puede colocar en la miniatura de un avatar?

Aunque la miniatura del avatar es muy pequeña, puede (y debe) usarse para atraer seguidores a su comunidad. ¿Cómo hacer esto? Veamos algunas opciones:

Anuncio de un nuevo producto/servicio/evento

Ventajas de la empresa/servicio/página

Número de teléfono de la empresa

Precios favorables

Envío gratis

Por cierto, muy a menudo la información que la empresa ofrece entrega gratuita se agrega al nombre del grupo para que los usuarios definitivamente le presten atención.

Existencias

Competiciones

Vacantes

¿Cómo debería ser el avatar en sí?

Miré cuál debería ser la miniatura del avatar y qué texto se podría colocar en ella. Ahora pasemos al avatar en sí. La versión completa del avatar sólo se mostrará en la comunidad donde no esté instalada la portada. Es por estos casos que escribí esta sección. Entonces, ¿cómo debería ser el avatar de su comunidad para que los usuarios comprendan inmediatamente que su empresa abordó la creación de la página de manera responsable y profesional?

1. El avatar debe ser de alta calidad. Escribí sobre cómo lograr esto un poco más arriba. Para aquellos que se perdieron esta parte, les contaré brevemente: el tamaño del avatar debe ser 2 o 3 veces mayor de lo que planearon.
2. Es recomendable que el avatar se combine con el menú: sea del mismo esquema de color, tenga las mismas fuentes, elementos, etc. Gracias a esto, el encabezado de tu página lucirá más limpio y profesional. Ejemplo:
3. El avatar en sí y la miniatura del avatar pueden ser diferentes. Por ejemplo, puedes dibujar un círculo en tu avatar, diseñarlo como quieras, seleccionar esa área como miniatura y diseñar el resto del avatar con un estilo diferente.




Otra opción es dividir el avatar en dos partes. Uno es para la miniatura y el segundo es para el resto del avatar.




4. Para animar a los usuarios a suscribirse a su página o escribir un mensaje a un representante de la empresa, puede colocar la llamada a la acción correspondiente en la parte inferior del avatar y acompañarla con una flecha que apunte al botón.




5. Intenta no poner demasiada información en tu avatar, de lo contrario se verá sobrecargado y desordenado. Agregue solo los puntos más importantes y asegúrese de que haya "aire" entre ellos.

¿Qué información se puede colocar en un avatar?

Básicamente, puedes poner lo que quieras en tu avatar. A diferencia de la miniatura, aquí realmente hay espacio para deambular. Lo principal es no abusar de ello :)

Dominio del sitio

Teléfono/dirección/horario de apertura

Concursos/promociones

Productos/artículos nuevos más comprados

Información de entrega

Publicidad en aplicaciones móviles

Las principales ventajas de la empresa/página/producto, etc.

Actualización de surtido/nueva creatividad, etc.

Información de que tu comunidad es oficial.

Información sobre próximos eventos

Direcciones de cuentas en otras redes sociales

Descripción de página ampliada

Se jacta

En general, puedes colocar absolutamente cualquier información en tu avatar. Acabo de incluir algunas ideas para que puedas ver lo que otros están haciendo e inspirarte. Pues ten en cuenta las recomendaciones básicas: el avatar debe ser de alta calidad, la fuente debe ser grande y debe haber más “aire” entre los elementos.

Cómo crear un avatar y un menú perfectos

Para crear un avatar y un menú combinados, necesitará Adobe Photoshop o su equivalente. Explicaré todo el proceso usando Photoshop como ejemplo. Entonces, vámonos.

1. Descarga la plantilla de Photoshop que preparé especialmente para este artículo. En tamaño normal (menú – 510 píxeles de ancho, avatar – 200) o ampliado (menú – 1020 píxeles de ancho, avatar – 400).
2. Abre la imagen que quieras usar como base.
3. Cópialo, pégalo en la plantilla y colócalo como quieras cortarlo.

1. Añade efectos, texto, gráficos, etc.

1. Si no quieres perder parte de la imagen (en ese espacio de 50px), muévela hacia la derecha como se muestra en el siguiente GIF:

1. Seleccione la herramienta "Cortar" y haga clic en el botón "Fragmentos a lo largo de guías".

1. Elimine los fragmentos innecesarios (haga clic con el botón derecho del mouse - "Eliminar fragmento") y edite los existentes (haga clic con el botón derecho del mouse - haga clic en un espacio vacío - tome el área deseada y estírela al tamaño deseado).

1. Vaya a la sección "Archivo" y seleccione el comando "Guardar para Web".

1. Vaya a la ubicación donde guardó las imágenes (escritorio o algún directorio específico) y busque una carpeta llamada "Imágenes". Aquí es donde irán tus imágenes. Ahora sólo queda rellenarlos en la página.

PD La altura del avatar se puede cambiar a tu discreción. Tomé el tamaño máximo: 500 píxeles, pero su valor puede ser menor. Por ejemplo, como en la página "Marcado Wiki":

Cómo utilizar widgets

Los widgets también forman parte del diseño de la comunidad VK. Utilizándolos, el usuario puede: realizar un pedido, suscribirse a su newsletter, participar en un concurso, leer y dejar reseñas, abrir una búsqueda en la comunidad, recibir un regalo, un cupón de descuento, etc.

A continuación se muestran algunos ejemplos de cómo se ven los widgets en la página de VKontakte:

Cómo diseñar imágenes para publicaciones.

Si eres diseñador web o tienes gusto artístico y sentido de la belleza, no te resultará difícil encontrar un estilo corporativo para tus imágenes. Sin embargo, me parece que esas personas serán minoría en este artículo (yo, por cierto, tampoco soy uno de ellos). Por lo tanto, echemos un vistazo más de cerca a cómo se hace esto, basándonos en ejemplos de empresas exitosas.

Por cierto, tenga en cuenta que casi todas las empresas conocidas de VKontakte marcan sus imágenes, es decir, añaden un pequeño logotipo, la dirección de su página o una marca de agua. Esto aumenta el conocimiento de la marca y protege sus imágenes para que no sean copiadas. Si vale la pena hacer esto, cada uno debe decidir por sí mismo. Lo único que me gustaría aconsejarle: si decide hacer esto, trate de asegurarse de que su logotipo no sea demasiado brillante y no ocupe demasiado espacio; de lo contrario, todo el énfasis se destinará a él y la imagen perder su atractivo.

¿Dónde puedo conseguir buenas imágenes?

Tenemos un buen artículo sobre este tema en nuestro blog: "". Todos son gratuitos, pero algunos requieren registro. Si no encuentra nada adecuado para usted, intente buscar por palabra clave + fondo de pantalla (o, si está en inglés, fondo de pantalla). Normalmente, este tipo de solicitud genera imágenes de alta calidad. Pero aquí hay que tener cuidado y comprobar el tipo de licencia, de lo contrario, si tienes un negocio serio, puedes tener problemas.

¿Qué deben hacer aquellos que no saben trabajar en Photoshop?

Si nunca ha trabajado en Photoshop (o cualquier otro editor gráfico) y aún no está preparado para dedicar tiempo a dominarlo, puede utilizar servicios que ya cuentan con plantillas de imágenes listas para usar para diferentes redes sociales:

1. Fotor.com

Posteriormente, en la parte izquierda de la pantalla seleccionamos la plantilla que nos interese. Tenga en cuenta que sólo se proporcionan de forma gratuita aquellas plantillas que no tienen un icono de diamante.

Lo insertamos en la plantilla, lo seleccionamos con el botón izquierdo del mouse, seleccionamos el comando Capa (icono de sándwich) y hacemos clic en Mover al fondo. De esta forma nuestra imagen quedará en segundo plano y todas las inscripciones se superpondrán encima.

Posteriormente cambiamos el texto, fuente, tamaño de fuente, posición de la inscripción, etc.

Luego haga clic en el icono del disquete, seleccione el nombre, el formato de la imagen, la calidad y haga clic en el botón Iniciar sesión para descargar.

2. Canva.com

Otro servicio que te ayudará a diseñar bellamente tu imagen. Funciona según el mismo principio que el anterior. Regístrate en el servicio (puedes utilizar tu cuenta de Google+ o tu correo electrónico).

Elija su campo de actividad. Nos saltamos el paso en el que se le pide que invite a amigos. Llegamos al menú principal, donde seleccionamos una publicación de Facebook si necesitamos una foto rectangular, o una publicación de Instagram si es cuadrada.

Seleccione una plantilla (si la plantilla está marcada como "GRATIS", significa que es gratuita), cambie el texto.

Si es necesario, sube tu imagen, ajusta las dimensiones, cambia el texto, la fuente y la posición de la inscripción. Después de eso, haga clic en el botón "Descargar", seleccione el formato de imagen y guárdelo en su computadora o cualquier otro dispositivo.

Cómo formatear artículos en el editor

Recientemente, VKontakte hizo posible escribir artículos en un editor especial. Para crear un artículo, debe hacer clic en la letra "T":

Cómo utilizar el marcado wiki

Bueno, aquí llegamos al apartado más interesante y a la vez difícil. Quizás haya personas entre los lectores que no sepan qué es el marcado wiki y estén escuchando este término por primera vez. Por eso, especialmente para ti, te daré la definición que da el propio “Contacto”.

El marcado wiki es un lenguaje de marcado que se utiliza para formatear texto en sitios web (generalmente clasificados como proyectos wiki) y permite un acceso más fácil a las capacidades del lenguaje HTML. En nuestro sitio, las páginas wiki son una buena alternativa a las publicaciones habituales y la navegación de texto. Si necesita crear un artículo grande con diferentes formatos de texto (negrita, subrayado, encabezados, etc.) o agregarle gráficos, o simplemente crear un menú de navegación colorido para su comunidad, una wiki es indispensable.

Al igual que Wordpress (o cualquier otro CMS) tiene un editor HTML con el que crear artículos, Contact tiene su propio editor para crear y editar páginas wiki. Se parece a esto:

Con este editor se crean menús de navegación, así como artículos con imágenes, vídeos y grabaciones de audio. A continuación, analizaré en detalle cómo trabajar en este editor, pero primero le pido que marque dos enlaces como favoritos. Te ayudarán mucho a aprender el marcado wiki.

Instrucciones

Abra Adobe Photoshop y cree un nuevo documento. Establezca inmediatamente el ancho deseado en 200 px y el alto en 500 px. Establezca una resolución más alta, pero la profundidad de bits del modo de color no es tan importante, puede dejarla en los 8 bits predeterminados.

Comience con el fondo. Simplemente puedes rellenarlo con color usando la herramienta Relleno en el panel izquierdo o aplicando un Degradado. En este caso, se utilizó una imagen como fondo principal. Para evitar que se distorsione al ajustar, mantenga presionada la tecla Ctrl y arrastre una esquina, ampliando o reduciendo la imagen al tamaño deseado.

Inserta una foto que refleje mejor tu esencia o quién quieres que aparezca ante los visitantes de tu página. Aún así, es por tu avatar que la gente te juzgará primero. Si no quieres poner una foto, puedes escribir tu apodo de fondo. En este caso, vale la pena jugar con el texto: use fuentes adicionales, cambie la transparencia y el nivel de relleno, así como las propiedades de la capa misma. En este caso, se utilizaron efectos de sombra y brillo interior, y se seleccionó el oscurecimiento en la superposición de capas.

Añade efectos artísticos con pinceles. Puede utilizar los estándar o buscar conjuntos en sitios especializados. Antes de usar el pincel, cree una nueva capa presionando Shift+Ctrl+N.

Crea otra capa para agregar un marco. Luego seleccione la herramienta "Selección rectangular" y úsela para seleccionar no toda la imagen, sino alejándose de los bordes un par de milímetros. Presione Shift+Ctrl+I, la selección se invierte. Rellénalo de blanco y configura el Modo de fusión en Luz suave.

Si desea obtener una imagen de alta calidad, trabaje en un editor de gráficos profesional. Si no sabe cómo usarlo, abra una foto o imagen en Paint y recórtela aproximadamente para que la imagen encaje en los marcos requeridos. El inconveniente del editor integrado es que no podrá establecer con precisión las dimensiones requeridas.

Alargar una fotografía es un procedimiento sencillo, pero aún requiere cierta habilidad. En particular, al hacer esto en Adobe Photoshop, vale la pena conocer la existencia del comando "Transformación libre".

necesitarás

• - Versión rusificada de Adobe Photoshop CS5

Instrucciones

Inicie el editor Adobe Photoshop CS5 y agregue lo necesario fotografía: Haga clic en el elemento del menú "Archivo" > "Abrir" (o haga clic en las teclas de acceso rápido Ctrl+O), seleccione el archivo deseado y haga clic en "Abrir". Designemos verbalmente este documento como D1.

Haga clic en el elemento de menú Imagen > Tamaño de imagen. En la ventana que se abre habrá campos "Ancho" y "Alto", recuerde estos valores: estas son las dimensiones de la imagen que agregó a Photoshop.

Para abrir la ventana para crear un nuevo documento, haga clic en el elemento del menú "Archivo" > "Nuevo" (o use las teclas de acceso rápido Ctrl+N). Deje la misma altura que en la foto, cuyas dimensiones determinó en el segundo paso de esta instrucción, y haga que el ancho sea aproximadamente una vez y media mayor. Haga clic en Aceptar. Designemos verbalmente este documento como D2.

Seleccione la herramienta Mover (tecla de acceso rápido V), arrastre la imagen de D1 a D2 y alinéela a la izquierda.

Llame al comando de transformación gratuita. Hay dos formas de hacer esto. La primera es hacer clic en el elemento de menú Editar > Transformación libre. Segundo: haga clic en las teclas de acceso rápido Ctrl+T. Aparecerán marcadores cuadrados transparentes en los lados y esquinas de la capa. Pase el cursor sobre el marcador que está en el lado derecho de la imagen. El cursor se convertirá en una doble flecha. Mantenga presionado el botón izquierdo y arrastre el mouse hacia la derecha hasta el borde, estirando así la imagen. Presione Enter para guardar el resultado.

Para guardar el resultado, haga clic en el elemento del menú “Archivo” > “Guardar como” (o use las teclas de acceso rápido Ctrl+Shift+S), seleccione la ruta para el archivo futuro, ingrese su nombre, especifique Jpeg en el “Tipo de archivo” campo y haga clic en "Guardar".

Para deshacer la acción anterior, use las teclas de acceso rápido Ctrl+Z. Para deshacer más de una acción, utilice la ventana Historial (elemento de menú Ventana > Historial).

Vídeo sobre el tema.

Hoy en día es difícil encontrar un estudiante que no esté registrado en la red social más grande de Rusia, VKontakte. Sin mencionar el componente entretenido de este recurso, muchas veces resulta útil para conectarse con amigos y conocidos en la universidad, comunicarse con ellos y resolver problemas conjuntos. A continuación, analizaremos cómo indicar en VKontakte en qué institución de educación superior está estudiando.

necesitarás

• acceso a Internet

Instrucciones

Inicie sesión en su cuenta VKontakte. Para hacer esto, ingrese vkontakte.ru en la barra de direcciones de su navegador, ingrese su correo electrónico (o inicio de sesión) y contraseña en la página que se abre y haga clic en "Iniciar sesión".

Para ir a la página para editar su educación superior, haga clic en la inscripción "Editar" ubicada frente al encabezado "Educación" en el lado derecho de la página, o haga clic en el botón "Editar" ubicado al lado de la inscripción "Mi página" en la esquina superior izquierda y seleccione la sección “Educación”. Luego haga clic en la pestaña “Educación superior”, ubicada a la derecha de la pestaña activa “Educación secundaria”.

Ahora puedes proceder directamente a elegir tu universidad. Para ello, selecciona uno por uno: el país en el que estás estudiando, la ciudad en la que se encuentra tu universidad, la institución de educación superior en sí, la forma de estudio, tu estatus y la fecha de graduación. Después de eso, haga clic en "Guardar"

Si es necesario, puede incluir más de una institución de educación superior en su página. Para ello, luego de guardar la primera universidad, haga clic en la inscripción “Agregar educación” y nuevamente realice todos los pasos descritos en el párrafo anterior.

Una vez que hayas completado de seleccionar las universidades donde estudiaste o estás estudiando, regresa a tu página y asegúrate de que la información que agregaste aparezca bajo el encabezado “Educación”.

tenga en cuenta

Para agregar una institución de educación superior a VKontakte, necesita conocer su abreviatura.

Consejos útiles

Recuerde los datos de inicio de sesión de su página VKontakte.

Puedes atraer muchos visitantes a tu página de red social o darte a conocer en el foro con la ayuda de un avatar impresionante o ruidoso. Mella. Seleccionados hábilmente, estos atributos podrán expresar su actitud hacia el mundo que lo rodea, sin su participación le contarán una entrevista virtual. Mella Se trata de quién eres como persona. Utilizando programas para generar apodos, es posible hacer que un nuevo apodo sea memorable y original.

Cada décimo usuario de la red social VKontakte tiene su propia comunidad. Hoy te mostraré la forma más fácil" Cómo hacer un avatar para un grupo VKontakte" en Adobe Photoshop. Las instrucciones paso a paso le ayudarán a minimizar el tiempo necesario para crear un avatar.

Introducción

Antes de comenzar a crear un hermoso avatar para tu grupo, te aconsejo que visites la categoría con avatares únicos. Hay muchos avatares PSD sobre temas completamente diferentes.

No hablaré de cómo llamar la atención, cómo motivar las suscripciones y temas similares.

Paso 1: crea un diseño de avatar

Archivo → Nuevo (Ctrl + N)

¡Prestar atención! Utilizo dimensiones para mis avatares de 350 por 700 píxeles.

¡El diseño para el futuro avatar se ha creado con éxito! sigamos.

Si desea un avatar con esquinas redondeadas, utilice la herramienta Rectángulo redondeado (U), especifique un radio en el panel superior de Photoshop, mantenga presionado el botón izquierdo del mouse y estire la forma por toda el área de diseño. Así es como se ve la redondez en un radio determinado:

Ahora está claro que cuanto mayor es el radio, más pronunciada es la redondez.

Paso 2: dibuja un avatar

En esta etapa, tu imaginación, creatividad y similares juegan un papel importante. Es difícil dar consejos específicos aquí, porque cada avatar se crea para un tema específico y usted mismo decide el orden de colocación de los logotipos, imágenes prediseñadas y botones, como mejor le parezca. Como ejemplo, mostraré brevemente cómo hice este avatar:

1. Utilicé el dibujo del autor de un automóvil Chevrolet.

2. Herramienta de texto horizontal

3. Herramienta Rectángulo redondeado

4. Herramienta de forma libre

5. Trabajando en "Estilos de capa"

6. Pequeños ajustes (filtros de nitidez, luces, etc.)

Parece que enumeró todo lo que usó al crearlo.

En conclusión..

Gracias a quienes leyeron este interesante artículo hasta el final. Resulta que lo hicimos en dos pasos y espero haber podido dar una respuesta digna a la pregunta planteada al principio.

Si tienes alguna pregunta, ¿por qué uso tamaños muchas veces más grandes para mi avatar que los estándar? Entonces debes saber que al hacer clic en un avatar de la comunidad, el 80% del usuario espera ver un tamaño mayor para poder ver los detalles que le interesan. Y en el 20% restante, poner las lois.

Para cualquier duda que tengas, escribe comentarios.