Vorgefertigte Cover für die VKontakte-Gruppe 1590 400. So erstellen Sie ein Cover für die VKontakte-Gruppe. GIF und Avatar in einem Bild

Das Cover für die Vkontakte-Gruppe ist nach der Neugestaltung ein neues Element im Gruppendesign. Es scheint, dass es einfach sein sollte, ein Bild zu erstellen, aber gleichzeitig ist es ziemlich schwierig, das perfekte Bild zu finden.

Das Vkontakte-Cover ist eines der ersten Dinge, die die Leute sehen, wenn sie Ihre Gruppe besuchen. Deshalb ist es so wichtig, beim Besucher einen guten Eindruck zu hinterlassen, ein klares Verständnis der Themen und Interessen der Gruppe zu vermitteln.

Im April 2017 wurde es für Gemeinden verfügbar. Das ist absolut neue Funktion und eine großartige Gelegenheit, das Design Ihrer Gruppe (im wahrsten Sinne des Wortes) zu revitalisieren, um die Effizienz und den Return on Promotion zu erhöhen.

Sie erhalten drei Dinge aus diesem Artikel:

• Covergröße für die Vkontakte-Gruppe;
• Anweisungen zum Erstellen eines Vkontakte-Covers und zur Auswahl des perfekten Bildes;
• Beispiele für Gruppen mit Qualitätsabdeckungen.

Wie groß ist die Abdeckung für die Vkontakte-Gruppe?

Die optimale Bildgröße für ein Vkontakte-Cover kann variieren. Auf Computern wird das Cover 795 Pixel breit und 200 Pixel hoch gerendert. Auf Mobiltelefonen passt es sich proportional zur Breite des Bildschirms an. Vkontakte empfiehlt jedoch, ein Bild mit einer Größe von mindestens 1590 × 400 Pixeln hochzuladen.

Beratung: Wenn Sie ein Bild finden, das Ihnen sehr gut gefällt, dessen Proportionen jedoch nicht den empfohlenen Proportionen entsprechen, können Sie es trotzdem verwenden! Durch das Hochladen dieses Bildes können Sie den sichtbaren Bereich auswählen und alle unnötigen internen Vkontakte-Mittel abschneiden.

Denken Sie bei der Entwicklung eines Cover-Designs daran, dass mobile Geräte ah mit einer Bildschirmbreite von weniger als 400px wird an den Bildrändern auf 196px beschnitten, ebenfalls ca. 83px Systemsymbole Telefon. Bedenken Sie die Bequemlichkeit für mobile Benutzer. Vkontakte ist die Mehrheit.

Stellen Sie sicher, dass der Text auf dem Cover auf dem Bildschirm gut lesbar ist Handy wenn sich die Abdeckung an ihre Breite anpasst. Stellen Sie außerdem sicher, dass wichtige Elemente auf dem Cover nicht durch Menüsymbole und private Nachrichten verdeckt werden.

Unten sehen Sie ein visuelles Beispiel dafür, wie das Cover auf einem Computer aussieht, und die Abmessungen vom Rand bis zu den aktiven Elementen der Gruppe sind angegeben.

Vkontakte-Cover-Größen auf einem Computer

So erstellen Sie ein Cover für eine Vkontakte-Gruppe

Wenn Sie über Designkenntnisse verfügen, erstellen Sie Ihr eigenes Cover von Grund auf mit Software, wie zum Beispiel Adobe Photoshop... Wenn Sie sich für diesen Weg entscheiden, können Sie ein Design für Ihr Unternehmen so erstellen, wie Sie es sich vorstellen.

Wenn Sie keine Lust haben, Photoshop zu kaufen und zu lernen, dann verwenden Sie online Dienste... Hier . Im Moment ist dies der beliebteste Dienst.

Cover-Vorlagen für die Vkontakte-Gruppe

Um Ihnen bei der Designentwicklung zu helfen, haben wir eine Vorlage für das Cover der Gruppe in VK (1590x400px) erstellt.

Lassen Sie uns einige zusätzliche Details zur Arbeit mit unserer Vorlage bekannt geben:

• Wenn Sie die Vorlage öffnen, sehen Sie Aussehen dein Design. Sie müssen kein Cover in eine Gruppe hochladen, um zu sehen, wie es aussieht.
• Um mit der Erstellung Ihres eigenen Covers zu beginnen, doppelklicken Sie auf die Cover-Ebene. Dadurch gelangen Sie in das Smart-Objekt.
• Dann können Sie mit dem Erstellen beginnen, alle Größen sind im Inneren angegeben.

Diese und weitere Vorlagen können Sie im Artikel herunterladen:.

Deine Fotos

Wir verstehen, dass nicht jeder Designer sein kann. Dies bedeutet jedoch nicht, dass nicht jeder ein schönes Cover der VK-Community haben kann. Hier sind einige Orte, an denen Sie Ihren eigenen Hut kreieren können, sowie einige Tipps, die zeigen, wie dieser Ansatz für Sie und Ihr Unternehmen funktionieren könnte.

Wenn es in Ihrer Gruppe beispielsweise um Bücher geht, können Sie Fotos von Ihrem . machen Bücherregale und verwenden Sie dieses Foto als Cover. Dies gibt Ihnen einen Hinweis darauf, dass Sie sich für Bücher interessieren und erwarten können, dass andere Buchfans dieses Foto gut aufnehmen.

vk.com/best_psalterium

Stockfotos

Wenn Sie keine persönlichen Fotos haben, die Sie verwenden möchten, suchen Sie diese auf Foto-Stocks (Seiten mit kostenlosen Bildern), dort finden Sie das perfekte Bild für das Cover der VK-Community. Meine Lieblingsseiten, um schöne Fotos zu finden, sind Unsplash und Pixabay.

Ich möchte Sie ermutigen, alle ausgewählten Fotos zu ändern / zu verbessern, um sie persönlicher zu machen. Sie können das Online-Editor-Toolkit Fotor, Pablo oder Canva verwenden. Wenn Sie möchten, können Sie Ihr Foto mit diesen Werkzeugen sogar verbessern. Wählen Sie beispielsweise eines Ihrer Lieblingszitate aus und fügen Sie es über dem Foto hinzu.

So wählen Sie eine Abdeckung aus

Nachdem wir nun wissen, wie man ein Cover für eine Vkontakte-Gruppe erstellt, stellt sich die Frage, welchen Inhalt man dafür auswählen soll? Gibt es Fotos, die besser abschneiden als andere?

Betrachten wir einige wichtige Punkte:

• Beachten Sie die erforderlichen Cover-Abmessungen (1590 Pixel breit und 400 Pixel hoch);
• Wählen Sie qualitativ hochwertige Bilder;
• Überladen Sie das Bild nicht mit visuellen Elementen;
• Wählen Sie ein Bild für das Cover und konzentrieren Sie sich auf Allgemeines Design Vkontakte-Gruppen;
• Verwenden Sie Bilder, die originell und für Ihre Marke relevant sind.

Welche Art von Bildern zieht die Leute an?

Hier sind einige der Komponenten, die Bilder attraktiv machen:

• Emotionen: Gefühle bringen Menschen zum Handeln;
• Relevanz: einschließlich der Interessen Ihres Publikums;
• Farben: Die Wahl der richtigen Farben führt zu einer Steigerung der Conversions;
• Typografie: Die Wahl der richtigen Schriftart macht Ihre Botschaft klar;
• Hashtags und Text: Finden Sie die richtigen Worte, die Ihr Publikum zu einer gezielten Aktion anregen.

Diese Komponenten können beim Erstellen eines Covers für die Vkontakte-Community angewendet werden, um den Leuten ein bestimmtes Gefühl zu geben oder bestimmte Aktionen durchzuführen.

Coca-Cola verwendet beispielsweise das allgemein anerkannte rote Logo auf dem Cover mit der Überschrift „Taste… Feel“ und als Hintergrund ein glückliches Paar, das einen Drink in den Händen hält. Dies ist natürlich in der Hoffnung, die Leute dazu zu bringen, eine Verbindung zu dem Gedanken herzustellen, dass das Trinken von Cola Glück bedeutet. Und es ist effektiv!

vk.com/cocacola

Wo suchen die Leute?

Bei der Entwicklung des perfekten Covers kann es interessant sein, sich einige Recherchen anzuschauen. Zu diesem Thema habe ich etwas Interessantes gefunden. Es ist auf Englisch, aber ich werde das Wesentliche kurz vermitteln.

Es hat sich gezeigt, dass, wenn man auf ein bestimmtes Element in einem Bild aufmerksam machen möchte, nach dem Prinzip der visuellen Warteschlange der Blick der auf dem Foto abgebildeten Person, die das Element betrachtet, den Betrachter an diese Stelle lenkt. Dies kann eine interessante Möglichkeit sein, den Blick der Person im Cover für die Vkontakte-Gruppe zu verwenden.

Kissmetrics entdeckte auch, dass das Hinzufügen eines Elements, das im Cover auftaucht, effektiv sein kann. Wichtig ist, dass es ein solches Element gibt, das zum Handeln aufruft.

Im folgenden Beispiel weiß Electronic Arts dies und macht den Leuten klar, was sie kaufen können. neues Spiel FIFA17.

vk.com/easportsfifa

in andere Richtungen denken

Abdeckungen für den Vkontakte-Gruppenstahl auf großartige Weise drücken Sie sich aus, um sich abzuheben. Hier sind einige originelle Möglichkeiten.

Die Verwendung einer berühmten Person bei der Gestaltung einer populären Öffentlichkeit über Startups
Ändern des Covers für besondere Anlässe, bevorstehende Veranstaltungen, Werbeaktionen oder Feiertage
Verwenden von Titelbildern, um Personen auf Ihre Website zu leiten
Verwenden Sie das Cover, um Ihr Special zu zeigen
Besucher werden gebeten, sich der Gruppe anzuschließen oder eine Nachricht zu schreiben.

Beispiele für Gruppen mit Qualitätsdeckungen

Nachdem wir nun wissen, wie man ein gutes Cover für die Vkontakte-Gruppe erstellt, können wir uns einige Seiten ansehen, die hochwertige und einfache Bilder... Wir hoffen, Sie finden darin Inspiration.

vk.com/adsnews
vk.com/wbrussia
vk.com/sci_one
vk.com/businessgazeta
vk.com/cds

Da wir jetzt Maßarbeit machen, können wir Ihre Fragen zur Gestaltung von sozialen Netzwerken beantworten, falls Sie welche haben. Schickt sie gerne an unsere Mail oder schreibt sie gleich hier in die Kommentare. Gemeinsam können wir die perfekte Abdeckung für Ihre Vkontakte-Gruppe erstellen und die Rendite unserer Werbemaßnahmen erhöhen.

Evgeniya Kryukova

* Aktualisieren des Artikels.

Das schöne Design der VKontakte-Community ist keine Laune, sondern ein wichtiges Element, das das Vertrauen der Benutzer in Sie und Ihr Unternehmen schafft. Ob öffentliche Seite oder die Gruppe unprofessionell ist, können Ihre potenziellen Kunden logischerweise zu dem Schluss kommen, dass Sie bei Ihrer Arbeit genauso nachlässig sind. Um dies zu verhindern, stellen Sie sicher, dass Ihre VKontakte-Seite schön, ordentlich und einfach zu bedienen ist. Wie kann man das machen? Lesen Sie unten.

Tatsächliche Bildgrößen "VKontakte"

Vor einiger Zeit haben die Entwickler Soziales Netzwerk"VKontakte" gestartet neues Design... Dies führte dazu, dass sich Größe und Prinzipien der Bilddarstellung geändert haben. Das nachfolgende Memo entspricht allen Neuerungen und enthält die aktuell relevanten Dimensionen.

Schauen wir uns nun jeden Punkt genauer an.

Größe des VK-Avatars

Die minimale Avatargröße beträgt 200 x 200 Pixel. Wenn Sie versuchen, ein Bild mit einer Breite oder Länge von weniger als 200 Pixeln hochzuladen, wird eine Fehlermeldung wie diese angezeigt:

Die maximale Avatargröße beträgt 200 x 500 Pixel. Aber im Prinzip können Sie Bilder hochladen und größere Größe- bis zu 7000 Pixel auf jeder Seite. Die Hauptsache ist, dass das Verhältnis ihrer Seiten 2 zu 5 nicht überschreitet.

Lassen Sie mich es Ihnen an einem Beispiel zeigen.

Ich habe ein Bild. Seine Größe beträgt 200 x 800 Pixel (Verhältnis 2 zu 8). Beim Laden tritt kein Fehler auf. Ich kann dieses Bild jedoch immer noch nicht verwenden, da ich es unter "Kontakt" nicht vollständig auswählen kann.

Abdeckung

Die Größe des Covers für die Vollversion der Site beträgt 1590 x 400 Pixel.

Bitte beachten: In der mobilen Version und den Anwendungen wird nicht die Vollversion des Covers angezeigt, sondern nur ein Teil davon mit der Größe 1196 x 400 Pixel. Sehen Sie, wie es in der mobilen App zugeschnitten wird:

Um dies zu verhindern, platzieren Sie die Hauptelemente Ihres Covers innerhalb von 1196 x 400 Pixeln.

Angehängte Bilder

Im aktualisierten Design von "Kontakt" wurde die Breite des Newsfeeds festgelegt. Das bedeutet, dass an einen Beitrag angehängte Bilder nicht mehr gestreckt werden, sondern bleiben, wie sie sind. Wenn Sie möchten, dass Ihr Bild den zugewiesenen Platz im Newsfeed vollständig ausfüllt, muss seine Breite daher mindestens 510 Pixel betragen. Es ist am besten, wenn es sich um ein Quadrat oder Rechteck im Querformat handelt.

Es klingt ein wenig verwirrend :) Also zeige ich es Ihnen mit einem Beispiel.

Nehmen wir an, wir haben ein quadratisches Bild mit einer Seitenlänge von 510 Pixeln. Wenn wir es an unseren Beitrag anhängen, sieht es im Newsfeed auf allen Geräten sehr gut aus:

Und so sieht ein horizontales Bild im Querformat (Breite 510 Pixel) aus:

Wie Sie sehen, sieht es im Feed von Smartphones umso kleiner aus, je schmaler das Bild (in der Höhe) ist. Um dies zu überprüfen, sehen Sie sich das Bild unten an:

Es ist klar, dass der Unterschied hier nicht besonders kritisch ist, und Smartphone-Nutzer werden Ihr Image dennoch berücksichtigen, nur im zweiten Fall werden sie sich etwas wohler fühlen.

Bilder für Beiträge mit Link

Alle diese Daten stammen aus dem Open Graph-Markup-Code:

Wenn kein Open Graph angegeben ist, wird der Titel aus dem Title-Meta-Tag und das Bild aus dem Artikel entnommen. Gleichzeitig kann es einfach geändert werden – oder Sie wählen über spezielle Pfeile ein anderes Bild aus dem Artikel:

Oder laden Sie Ihre eigenen hoch:

Die minimale Bildgröße, die Sie als Vorschau für Ihren Artikel verwenden können, beträgt 537 x 240 Pixel. Sie können jedoch größere Bilder hochladen, solange das Seitenverhältnis stimmt.

Bild für einen im Editor erstellten Artikel

Die Größe des im Editor erstellten Bildes für das Titelblatt des Artikels beträgt 510 mal 286 Pixel. Es ist besser, wenn es dunkel und mehr oder weniger einfarbig ist, da der Titel des Artikels und die Community auf einem hellen Hintergrund verloren gehen.

Gutes Beispiel:

Kein gutes Beispiel:

Foto- und Videogröße für Geschichten

Die Größe für Fotos beträgt 1080 x 1920 Pixel. Die Größe des Videos beträgt 720 x 1280 Pixel.

Spezifikationen für Videoaufnahmen:

• bis zu 15 Sekunden;
• nicht mehr als 5 MB;
• h.264-Codec;
• AAC-Sound.

In Stories sollten Fotos und Videos im Hochformat verwendet werden.

Bitte beachten: Stories im Auftrag von Communities können derzeit nur von großen Communities hinzugefügt werden, für die die VKontakte-Entwickler diese Funktion geöffnet haben. Und das geschieht mit offizielle App... Dies ist nicht von einem Computer aus möglich.

Beispiele für dynamische Skins:

Cover + Community-Beschreibung + Website-Link

Einige Unternehmen fixieren keine Beiträge speziell im Header, damit Benutzer die grundlegenden Informationen über die Seite lesen und direkt zur Site gelangen können.

Beschreibung mit Hashtags

Einige Unternehmen fügen der Standardbeschreibung der Seite Hashtags hinzu, die sie charakterisieren. Dies geschieht, damit die Seite eine deutlichere Relevanz hat und dadurch bei der Suche nach relevanten Suchanfragen höher ist. Ehrlich gesagt weiß ich nicht, ob diese Methode funktioniert oder nicht. Ich habe noch keine Fälle zu diesem Thema kennengelernt, also wenn es jemand weiß, bin ich dankbar, wenn Sie einen Link teilen.

Angepinnter Beitrag, der sagt, worum es auf der Seite geht

Wenn Sie mehr über Ihre Seite erzählen möchten (mit Fotos, Links und einem schönen Layout), können Sie einen Wiki-Beitrag oder einen im Editor gesetzten Artikel mit einem hellen Bild auf der Ankündigung an die Kopfzeile anhängen, die ermutigt die Benutzer, darauf zu klicken. Ein Beispiel für einen solchen Beitrag:

Und das sieht der Benutzer, nachdem er auf den Link geklickt hat:

Neues Link-Menü

Vor nicht allzu langer Zeit erfreuten die VKontakte-Entwickler die Community-Besitzer endlich mit einem neuen Tool, mit dem man Menüs erstellen kann - schnell und ohne Qual mit Wiki-Seiten. Es sieht ein wenig primitiv aus, daher erzähle ich Ihnen auch, wie Sie ein schönes Menü erstellen.

Das Menü wird automatisch angezeigt, wenn Sie Community-Apps verwenden oder einen Store verbunden haben. Im vorherigen Bild sind beispielsweise alle drei Menüpunkte Links zu Anwendungen. Sie können Ihre hier hinzufügen - zu wichtigen Aufzeichnungen, Alben, Diskussionen usw., bis zu 7 Stück (ohne die Anwendung). Sie können jedoch nur auf Ressourcen innerhalb des sozialen Netzwerks verlinken, mit Ausnahme von Wiki-Seiten.

Um das Menü zu bearbeiten, klicken Sie oben rechts im Widget auf „Anpassen“:

Um ein Menüelement hinzuzufügen, klicken Sie auf Neuer Link.

Wählen Sie im sich öffnenden Fenster das Cover aus (Mindestgröße - 376x256 px), geben Sie den Namen des Menüpunkts ein (es ist wichtig, dass Sie 20 Zeichen mit Leerzeichen einhalten), fügen Sie einen Link hinzu und klicken Sie auf „Speichern“.

Wenn Sie eine Anwendung aus dem Menü ausblenden, ihren Titel oder ihr Cover ändern möchten, klicken Sie auf "Ändern" gegenüber dem entsprechenden Eintrag. Das gleiche kann mit den restlichen Links gemacht werden, die manuell hinzugefügt wurden und angepasst werden müssen.

Die Ausgabe sollte ungefähr so ​​aussehen:

Gruppenmenü geöffnet

Ein offenes Menü nenne ich ein solches Menü, das sofort anzeigt, aus welchen Elementen es besteht. Das heißt, das Vorschaubild des Wiki-Beitrags dupliziert seinen Inhalt vollständig. So sehen Nutzer sofort, was sie im Inneren erwartet. Lassen Sie es mich an einem Beispiel zeigen.

So sieht der angepinnte Beitrag im Flatro-Seitenheader aus:

Gruppenmenü geschlossen

Ein geschlossenes Menü ist der gleiche Wiki-Beitrag wie im vorherigen Absatz, nur die Ankündigung hat ein Bild, auf dem es keine Menüpunkte gibt. Normalerweise schreiben sie darauf: "Menü", "Navigationsmenü" oder "Navigation durch öffentliche Materialien".

Und das sehen wir, wenn wir darauf klicken:

Übrigens ist anzumerken, dass dies bei weitem nicht die einzigen Optionen sind. Grundsätzlich können Sie in dieses Bild schreiben, was Sie wollen. Die Hauptsache ist, dass der Benutzer darauf klicken möchte und er versteht, was ihn danach erwartet. Beispiel:

Fusionsmenü für die Gruppe

Ein zusammengeführtes Menü liegt vor, wenn das Bild in der Ankündigung Ihres Menüs ein Bild mit dem Avatar ist. Im Folgenden werde ich Ihnen im Detail erklären, wie Sie ein solches Menü erstellen, aber sehen Sie jetzt nur, wie schön es aussieht.

Möchten Sie Ihre VKontakte-Community schön gestalten, aber nein notwendigen Fähigkeiten? Auftragsregistrierung in unserem Unternehmen. Wir erstellen für Sie Avatar, Cover, Vorlagen für Überschriften, Menüs und Produktvorschauen.

GIF und Avatar in einem Bild

Aber diese Option für die Gestaltung der Mütze hat mich wirklich sehr beeindruckt. Das automatisch abgespielte GIF verschmilzt mit dem Avatar zu einer einzigen Komposition und zieht die Aufmerksamkeit der Nutzer auf sich, obwohl es überhaupt keine Informationen darüber gibt.

Dieses Beispiel habe ich übrigens in der Gruppe des SMM-Vermarkters Sergey Shmakov gesehen. Also für den Fund bedanke ich mich bei ihm :)

Verstecktes Menü

Das versteckte Menü ist nur für Gruppen verfügbar (Seiten haben diese Funktionalität nicht). Um es zu sehen, müssen Sie auf den entsprechenden Link klicken. Der Vorteil dieser Gestaltungsmethode besteht darin, dass Benutzer die grundlegenden Informationen der Community sehen können und wenn sie das Menü verwenden möchten, sie nur einen Klick machen müssen. Allerdings gibt es hier einen kleinen Nachteil - nicht alle Benutzer sind sich der Existenz dieser Funktion bewusst, sodass Ihr Menü möglicherweise weniger Aufmerksamkeit erhält, als wenn es oben auf der Seite angeheftet wäre.

Video automatisch abspielen

Ende November 2015 erschien im sozialen Netzwerk VKontakte eine interessante Neuerung: Sobald der Benutzer Ihre Seite besucht, wird das an die Kopfzeile angehängte Video automatisch abgespielt. Mit Hilfe dieser Technik können Sie noch mehr Aufmerksamkeit der Benutzer auf sich ziehen (insbesondere derer, die Ihre Seite zum ersten Mal besucht haben) und gleichzeitig diejenigen nicht ärgern, die es nicht mögen, wenn ihnen ihre Inhalte auferlegt werden, weil das Video wird ohne Ton gespielt und stört praktisch nicht...

Wie füge ich ein solches Video zum Header deiner Seite hinzu?

Dazu müssen drei Bedingungen erfüllt sein:

• Hängen Sie ein Video an einen Beitrag an und pinnen Sie diesen Beitrag oben in der Community an.
• Außer dem Video sollte der Aufnahme nichts mehr beigefügt werden. Nur Video und Text sind optional.
• Das Video muss von VKontakte hochgeladen werden - Player von Drittanbietern werden nicht unterstützt.

Ein Beitrag, der viele Shares bekommt

Eine andere Möglichkeit, den Platz in der Kopfzeile Ihrer Seite produktiv zu nutzen, besteht darin, einen Ihrer Favoriten anzuheften erfolgreiche Beiträge- derjenige, der bereits gewählt hat und weiterwählt continues große Menge mag und teilt. Warum das so ist, denke ich, versteht jeder - je mehr Reposts, desto mehr Reichweite, desto mehr Abonnements bekommt die Seite.

Ankündigungen neuer Clips, Alben, Events

Vorstellung neuer Produkte / Dienstleistungen

Rabatte und Aktionen

Fälle, Kundenrezensionen

App-Werbung

Streiche

Gemeinschaftsregeln

Links zu anderen sozialen Netzwerken

Ich habe bei weitem nicht alle Optionen für die Gestaltung des Headers aufgelistet. Grundsätzlich können Sie auf dem Cover und im angepinnten Beitrag beliebige Informationen posten: Jobs, Anzeigen, Links zu meistverkauften Produkten usw. Beschränken Sie sich also nicht auf die obigen Beispiele. Werden Sie kreativ und nutzen Sie das Design Ihrer Community, um Ihre Ziele zu erreichen.

Was sollte ein Avatar sein?

Ein Avatar ist nicht nur ein schönes Bild mit dem Logo Ihres Unternehmens, sondern ein Arbeitswerkzeug für einen Marketer, mit dessen Hilfe er seine Ziele erreicht. Schauen wir uns genauer an, was es sein sollte, um die Aufmerksamkeit der Benutzer zu erregen und sie zu einer gezielten Aktion zu bewegen. Beginnen wir mit einer Miniatur.

Avatar-Miniaturansicht

1. Der Text auf der Avatar-Miniaturansicht muss groß genug sein, um lesbar zu sein.







2. Der Text sollte nicht über das Thumbnail hinausgehen.







3. Benutzer sollten verstehen, was auf dem Avatar angezeigt wird.







4. Auf Stock-Bilder sollte nach Möglichkeit am besten verzichtet werden, da diese oft die Glaubwürdigkeit des Unternehmens schmälern.




5. Es ist unerwünscht, dass das Avatar-Thumbnail zu langweilig und langweilig ist, da es sonst vor dem Hintergrund der helleren Avatare der Konkurrenten verloren geht.



6. Wenn Sie möchten, dass Ihr Avatar modern aussieht, gestalten Sie ihn in einem minimalistischen Stil: weniger Text, Schatten, Verläufe und Elemente, die keine semantische Last tragen. Ihr Avatar sollte so einfach und übersichtlich wie möglich sein. Dieser Stil ist jetzt im Trend.







7. Wenn es Ihr Ziel ist, die Aufmerksamkeit der Benutzer zu erregen und sich vom Hintergrund anderer Avatare im Feed abzuheben, müssen Sie die Fantasie anregen. Überlegen Sie, worauf Sie selbst bei der Suche nach interessanten Communities achten? Hier wurde ich zum Beispiel immer wieder von Avataren mit brennendem Licht angezogen, was meist anzeigt, dass eine neue Botschaft eingetroffen ist. Dies ist eine sehr alte Technik, aber aus irgendeinem Grund beeinflusst sie mich immer noch - wenn ich so ein Licht sehe, werde ich es definitiv im Auge behalten.

Ich behaupte nicht, dass dieser Trick auch mit Ihrer Seite funktioniert. Der Punkt, den ich vermitteln möchte, ist, dass es sehr, sehr viele Möglichkeiten gibt, sich abzuheben. Sie müssen nur diese Frage stellen und ein wenig Kreativität zeigen. Hier zum Beispiel eine weitere interessante Idee, an die ich selbst kaum gedacht hätte:

Der Avatar ist ein schwarzer Kreis: groß und klein. Es scheint, warum tut man das überhaupt? Aber wenn man durch die Liste der Communities scrollt, fallen diese Avatare auf, da sie sich stark von allen anderen unterscheiden.

Welche Informationen können auf dem Avatar-Miniaturbild platziert werden?

Auch wenn das Avatar-Thumbnail sehr klein ist, kann (und sollte) es verwendet werden, um Follower für Ihre Community zu gewinnen. Wie kann man das machen? Schauen wir uns einige Optionen an:

Ankündigung eines neuen Produkts / einer neuen Dienstleistung / einer Veranstaltung

Unternehmen / Service / Seitenvorteile

Telefonnummer des Unternehmens

Günstige Preise

Versand kostenfrei

Übrigens wird dem Namen der Gruppe selbst sehr oft die Information hinzugefügt, dass das Unternehmen kostenlosen Versand anbietet, damit die Benutzer auf jeden Fall darauf achten werden.

Lager

Wettbewerbe

Stellenangebote

Was soll der Avatar selbst sein?

Ich habe mir überlegt, wie das Avatar-Thumbnail aussehen soll und welcher Text darauf platziert werden kann. Kommen wir nun zum Avatar selbst. Vollversion Der Avatar wird nur in der Community angezeigt, in der kein Cover installiert ist. Für solche Fälle habe ich diesen Abschnitt geschrieben. Was sollte also der Avatar Ihrer Community sein, damit die Benutzer sofort verstehen, dass Ihr Unternehmen bei der Erstellung der Seite verantwortungsbewusst und professionell vorgegangen ist.

1. Der Avatar muss von hoher Qualität sein. Wie man dies erreicht, habe ich etwas höher geschrieben. Für diejenigen, die diesen Teil verpasst haben, werde ich es kurz sagen - die Größe des Avatars sollte 2-3 mal größer sein als geplant.
2. Es ist wünschenswert, dass der Avatar mit dem Menü kombiniert wird: Er hat das gleiche Farbschema, die gleichen Schriftarten, Elemente usw. Dadurch sieht Ihr Seitenkopf ordentlicher und professioneller aus. Beispiel:




3. Der Avatar selbst und das Avatar-Miniaturbild können unterschiedlich sein. Sie können beispielsweise einen Kreis auf Ihrem Avatar zeichnen, ihn nach Belieben stylen, diesen Bereich als Miniaturansicht auswählen und den Rest des Avatars in einem anderen Stil gestalten.




Eine andere Möglichkeit besteht darin, den Avatar in zwei Teile aufzuteilen. Eine für das Thumbnail und eine für den Rest des Avatars.




4. Um Nutzer dazu zu bewegen, Ihre Seite zu abonnieren oder eine Nachricht an einen Unternehmensvertreter zu schreiben, können Sie ganz unten im Avatar einen entsprechenden Call-to-Action platzieren und diesen mit einem Pfeil begleiten, der auf die Schaltfläche zeigt.




5. Versuchen Sie, nicht zu viele Informationen auf Ihrem Avatar zu posten, da er sonst überfordert und unordentlich aussieht. Fügen Sie nur die wichtigsten Punkte hinzu und stellen Sie sicher, dass zwischen ihnen "Luft" ist.

Welche Informationen können auf dem Avatar platziert werden?

Grundsätzlich können Sie alles auf Ihrem Avatar platzieren. Im Gegensatz zu Miniaturen gibt es wirklich einen Ort, an dem man herumlaufen kann. Vor allem nicht überbeanspruchen :)

Site-Domain

Telefon / Adresse / Öffnungszeiten

Wettbewerbe / Werbeaktionen

Meist gekaufte Produkte / neue Artikel

Informationen zur Lieferung

Mobile App-Werbung

Die wichtigsten Vorteile des Unternehmens / der Seite / des Produkts usw.

Sortimentsaktualisierung / neue Kreativität usw.

Informationen, dass Ihre Community offiziell ist

Informationen zu bevorstehenden Veranstaltungen

Kontoadressen in anderen sozialen Netzwerken

Erweiterte Seitenbeschreibung

Prahlereien

Im Allgemeinen können absolut beliebige Informationen auf dem Avatar platziert werden. Ich habe nur ein paar Ideen bereitgestellt, damit Sie sehen können, was andere tun, und sich von ihren Beispielen inspirieren lassen. Beachten Sie die grundlegenden Empfehlungen: Der Avatar sollte von hoher Qualität sein, die Schrift sollte groß sein und es sollte mehr "Luft" zwischen den Elementen sein.

So erstellen Sie einen verschmolzenen Avatar und ein Menü

Um einen zusammengeführten Avatar und ein Menü zu erstellen, benötigen Sie Adobe Photoshop oder ein gleichwertiges Produkt. Den ganzen Vorgang erkläre ich am Beispiel von Photoshop. So lass uns gehen.

1. Laden Sie die Photoshop-Vorlage herunter, die ich speziell für diesen Artikel vorbereitet habe. Normale Größe (Menü - 510 Pixel breit, Avatar - 200) oder gezoomt (Menü - 1020 Pixel breit, Avatar - 400).
2. Öffnen Sie das Bild, auf dem Sie basieren möchten.
3. Kopieren Sie es, fügen Sie es in die Vorlage ein und positionieren Sie es so, wie Sie es ausschneiden möchten.

1. Fügen Sie Effekte, Text, Grafiken und mehr hinzu.

1. Wenn Sie nicht möchten, dass ein Teil des Bildes verloren geht (in diesem Bereich, der 50 Pixel beträgt), verschieben Sie ihn nach rechts, wie in der folgenden GIF-Datei gezeigt:

1. Wählen Sie das Werkzeug "Schneiden" und klicken Sie auf die Schaltfläche "Scheiben nach Hilfslinien".

1. Löschen Sie unnötige Fragmente (rechte Maustaste - "Fragment löschen") und bearbeiten Sie die vorhandenen (rechte Maustaste - klicken Sie in eine leere Stelle - nehmen Sie den erforderlichen Bereich und strecken Sie ihn auf die erforderliche Größe).

1. Gehen Sie zum Abschnitt "Datei" und wählen Sie den Befehl "Für Web speichern".

1. Navigieren Sie zu dem Ort, an dem Sie die Bilder gespeichert haben (Desktop oder ein bestimmtes Verzeichnis) und suchen Sie dort einen Ordner namens "Images". Hier werden Ihre Bilder angezeigt. Jetzt müssen Sie sie nur noch auf der Seite ausfüllen.

PS Die Höhe des Avatars kann nach Belieben geändert werden. Ich habe die maximale Größe genommen - 500 Pixel, aber Ihr Wert kann geringer sein. Zum Beispiel wie auf der Wiki-Markup-Seite:

So verwenden Sie Widgets

Widgets sind auch Teil des Designs der VK-Community. Mit ihrer Hilfe kann der Benutzer: eine Bestellung aufgeben, sich in Ihre Mailingliste eintragen, an einem Wettbewerb teilnehmen, Bewertungen lesen und abgeben, eine Suche in der Community starten, ein Geschenk, einen Rabattgutschein usw.

Hier sind einige Beispiele dafür, wie Widgets auf einer VKontakte-Seite aussehen:

class = "incut">

So gestalten Sie Bilder für Beiträge

Wenn Sie Webdesigner sind oder einen künstlerischen Geschmack und ein Sinn für Schönheit haben, dann sollte Ihnen die Suche nicht schwer fallen Formularstil für deine Bilder. Es scheint mir jedoch, dass solche Leute in diesem Artikel eine Minderheit sein werden (ich gehöre übrigens auch nicht zu ihnen). Schauen wir uns daher anhand von Beispielen erfolgreicher Unternehmen genauer an, wie dies geschieht.

Beachten Sie übrigens, dass fast alle bekannten VKontakte-Unternehmen ihre Bilder brandmarken, dh ein kleines Logo, ihre Seitenadresse oder ein Wasserzeichen hinzufügen. Das steigert die Markenbekanntheit und schützt Ihre Bilder vor Nachahmung. Ob es sich lohnt, entscheidet jeder für sich. Das einzige, was ich raten möchte: Wenn Sie sich dafür entscheiden, achten Sie darauf, dass Ihr Logo nicht zu hell ist und nicht zu viel Platz einnimmt, sonst wird die ganze Betonung darauf gelegt und das Bild wird seine Anziehungskraft verlieren.

Wo bekomme ich gute Bilder?

Wir haben einen guten Blogartikel zu diesem Thema - "". Sie sind alle kostenlos, einige erfordern jedoch eine Registrierung. Wenn Sie nichts Passendes für sich finden, suchen Sie nach dem Stichwort + Hintergrundbild (oder, wenn auf Englisch, Hintergrundbild). Normalerweise kommt eine solche Anfrage heraus hochwertige Bilder... Aber hier müssen Sie vorsichtig sein und die Art der Lizenz überprüfen, ansonsten, wenn Sie haben Ernste Angelegenheit, können Sie in Schwierigkeiten geraten.

Und was ist mit denen, die nicht wissen, wie man in Photoshop arbeitet?

Wenn Sie noch nie mit Photoshop (oder einem anderen Grafikeditor) gearbeitet haben und noch nicht bereit sind, sich die Zeit zu nehmen, es zu beherrschen, können Sie Dienste nutzen, die bereits vorgefertigte Bildvorlagen für verschiedene soziale Netzwerke haben:

1. Fotor.com

Wählen Sie danach auf der linken Seite des Bildschirms die Vorlage aus, die uns interessiert. Bitte beachten Sie, dass nur Vorlagen ohne Rautensymbol kostenlos zur Verfügung gestellt werden.

Fügen Sie es in die Vorlage ein, wählen Sie es mit der linken Maustaste aus, wählen Sie den Layer-Befehl (Sandwich-Symbol) und klicken Sie auf Nach unten verschieben. Somit wird unser Bild in den Hintergrund treten und alle Inschriften werden darüber gelegt.

Danach ändern wir Text, Schriftart, Schriftgröße, Position der Beschriftung usw.

Klicken Sie dann auf das Diskettensymbol, wählen Sie den Namen, das Bildformat und die Qualität aus und klicken Sie auf die Schaltfläche Zum Herunterladen anmelden.

Wie verwende ich Wiki-Markup?

Nun, hier kommen wir zum interessantesten und zugleich schwierigsten Abschnitt. Vielleicht gibt es unter den Lesern Leute, die nicht wissen, was Wiki-Markup ist, und diesen Begriff im Allgemeinen zum ersten Mal hören. Daher werde ich speziell für Sie eine Definition geben, die von "Kontakt" selbst gegeben wird.

Wiki-Markup ist eine Auszeichnungssprache, die zum Formatieren von Text auf Websites (normalerweise zur Klasse der Wiki-Projekte) verwendet wird und Ihnen den Zugriff auf die Fähigkeiten der HTML-Sprache vereinfacht. Auf unserer Seite sind Wiki-Seiten eine gute Alternative zu regulären Beiträgen und Textnavigation. Wenn Sie einen großen Artikel mit erstellen müssen andere Formatierung Text (fett, unterstrichen, Überschriften usw.) oder fügen Sie Grafiken hinzu oder erstellen Sie einfach ein buntes Navigationsmenü um Ihre Community herum - ein Wiki ist unersetzlich.

So wie Wordpress (oder jedes andere CMS) über einen HTML-Editor verfügt, mit dem Sie Artikel erstellen, verfügt Contact über einen eigenen Editor zum Erstellen und Bearbeiten von Wiki-Seiten. Es sieht aus wie das:

Mit Hilfe dieses Editors werden Navigationsmenüs erstellt, sowie Artikel mit Bildern, Videos und Audioaufnahmen. Im Folgenden werde ich detailliert analysieren, wie Sie in diesem Editor arbeiten, aber zuerst bitte ich Sie, zwei Links zu Ihren Lesezeichen hinzuzufügen. Sie werden Ihnen sehr beim Erlernen von Wiki-Markup helfen.

Bilder im SMM entscheiden. Wenn nicht alle, dann viele. Möchten Sie, dass Ihr Bandcover Aufmerksamkeit erregt und nicht handwerklich aussieht?

Registrierung im Dienst

Formatauswahl

Canva ist mit den richtigen Bildformaten für eine Vielzahl von Social-Media-Plattformen vorinstalliert, von Covern bis hin zu Posts. Sie können auch Ihre eigene Layoutgröße festlegen, aber die Größe eines bereits erstellten Layouts ändern in Freie Version es ist verboten.

Da Canva ein ausländischer Dienst ist, hat es sich noch nicht vollständig an das russische Publikum angepasst. Daher finden Sie ein vorgefertigtes Layout für ein VKontakte-Cover in einem speziellen Abschnitt und nicht unter "Design erstellen". Das von uns benötigte Layout ist 1590x400 Pixel - das Doppelte der tatsächlichen Größe des Covers, um es zu erreichen beste Qualität ein Bild anzeigen (VKontakte-Experten empfehlen selbst, die Proportionen zu verdoppeln).
Auf der linken Seite sehen Sie eine Reihe von vorgefertigten Layouts, die von professionellen Designern entwickelt wurden - sie können als Vorlagen verwendet werden, um nicht von Grund auf mit der Erstellung eines Designs zu beginnen. Jedes Element der Vorlage kann geändert werden, also verweilen Sie bei der Auswahl nicht bei der ursprünglichen Farbpalette und den ursprünglichen Schriftarten. Sie können Farbe, Text, Anzahl der Elemente und deren Position auf dem Bild selbst anpassen. Wählen Sie jedoch einen Stil, der die Idee Ihrer Gruppe am besten widerspiegelt: mit einem Foto im Hintergrund, mit einem einfarbigen Hintergrund, einer Fotocollage, einem strengen Muster usw. Für unser Beispiel wählen wir eine Vorlage ohne vorgefertigte Elemente, die ein "Raster" für die Collage ist.

Laden eigener Elemente

Bevor Sie mit der Bearbeitung beginnen, laden Sie Ihr eigenes Logo oder Fotos, die Sie verwenden möchten, in den Editor hoch. Gehen Sie zum Tab "Meine" und wählen Sie erforderliche Dateien vom Computer. Es wird empfohlen, das Logo von . herunterzuladen transparenter Hintergrund... Noch besser ist es, wenn Sie Optionen für einen dunklen und hellen Hintergrund (z. B. eine Schwarz-Weiß-Version des Logos) haben, damit er in jeder Illustration verwendet werden kann.
Um das hochgeladene Bild in ein neues Layout einzufügen, ziehen Sie es einfach mit der Maus nach rechts und platzieren Sie es an der gewünschten Stelle des Rasters. Hier kann das Foto "zugeschnitten" werden, also richtig und im richtigen Maßstab innerhalb des ausgewählten Fensters positioniert werden.

Füllen des Layouts mit Inhalten

Wenn Sie mit einem vorgefertigten Layout arbeiten, müssen Sie es bearbeiten, um das Cover einzigartig zu machen und Ihre Markenidentität widerzuspiegeln. Die Bearbeitung ist intuitiv - Sie müssen hervorheben Rechtsklick Maus über das gewünschte Element (zum Beispiel Hintergrund oder Textfeld) und in obere Platte Editor erscheint alle verfügbare Einstellungen - Farbpalette, Schriftmenü und so weiter. Was genau kann man an der Covergestaltung ändern?

• Hintergrundfarbe (sowohl einfarbige Füllung als auch verschiedene Texturen und Ornamente sind verfügbar);
• Text, Schriftart, Schriftgröße und -farbe;
• Anordnung der Elemente (verändert durch einfaches "Ziehen" der ausgewählten Elemente über die Leinwand);
• Die Anzahl der Elemente (zusätzliche Teile können entfernt werden, die erforderlichen hingegen können in beliebiger Anzahl in das Layout eingefügt werden).

In unserem Beispiel haben wir bis auf das mittlere vier Felder für Fotos mit Rahmen gefüllt und auf alle denselben Fotofilter angewendet, um die Fotos auf einen „gemeinsamen Nenner“ zu bringen, damit sie besser zusammen aussehen.

Für zusätzliche Details, zum Beispiel Bilder, Formen oder Symbole, sind einige davon im Menü "Elemente" auf der linken Seite verfügbar (in unserem Beispiel haben wir das mittlere Foto durch einen einfarbigen Hintergrund ersetzt, um den Ladennamen einzufügen). Ein Teil findet sich bei Schlüsselwörter im integrierten Katalog mit Cliparts und Archivfotos. Zum Beispiel vermissen Sie Ihre eigenen Bilder für eine Fotocollage zum Thema Reise. Geben Sie das Wort "Reisen" in das Suchfeld ein und erhalten Sie eine ganze Reihe von Dutzenden von Fotos oder Zeichnungen zum Thema Tourismus (einige davon sind kostenlos, andere sind für 1 US-Dollar erhältlich).

Mit Texten arbeiten

Über die Registerkarte "Text" können Sie dem Layout ein Textelement oder einen vorgefertigten Block mit einer Kombination mehrerer Schriftarten hinzufügen. Es ist zu beachten, dass der Schriftsatz für die russische Sprache deutlich kleiner ist als für das lateinische Alphabet, aber dennoch eine große Auswahl.
Hier im oberen Bereich können Sie Größe, Farbe, Zentrierung, Transparenz des Textes, Zeilen- und Buchstabenabstand ändern.

Download des fertigen Covers für die Gruppe

Wenn das Design fertig ist, klicken Sie auf "Download", es befindet sich in der oberen rechten Ecke und wählen Sie das gewünschte Format aus. PNG oder JPG eignen sich zum Hochladen in die VKontakte-Gruppe. In anderen Fällen, zum Beispiel beim Erstellen einer Postkarte, Broschüre oder eines Flyers, die Sie in einer Druckerei drucken möchten, müssen Sie "PDF zum Drucken" auswählen.

Hochladen des Covers in die Gruppe

Das Design der VKontakte-Gruppe ist nicht so intuitiv, wie wir es gerne hätten. Um Ihr Cover herunterzuladen, müssen Sie zum Menü "Community Management" gehen - der Download-Link befindet sich im Bereich "Basisinformationen".
Sie können das Cover über den Abschnitt "Community-Management" in die VKontakte-Gruppe hochladen

Ergebnis

Die meisten Layouts von Canva sind aus gutem Grund mehr oder weniger minimalistisch.

Erstens sind dies die Trends des modernen Webdesigns - Schnittstellen von Websites, Anwendungen und Branding-Kanälen werden in der Regel mit einer begrenzten Farbpalette ausgeführt, um das Wichtigste zu betonen.

Zweitens sind einfache Bilder leichter wahrnehmbar auf kleine Bildschirme mobile Endgeräte, die einen zunehmenden Anteil am Traffic der meisten Unternehmen und Webprojekte ausmachen.

Wenn Sie ein Cover für eine Seite in einem sozialen Netzwerk oder einem YouTube-Kanal erstellen, sollten Sie es daher nicht mit zusätzlichen Details überladen. Nehmen Sie ein Designmuster als Grundlage und machen Sie es zu Ihrem, während Sie die einfache Wahrnehmung beibehalten. Und die positive Resonanz der Abonnenten auf hochwertige Grafiken, die die notwendigen Informationen klar vermitteln, wird Sie nicht warten lassen.

Hier sind ein paar weitere VK-Cover, die wir mit Canva-Layouts erstellt haben:

Auf die gleiche Weise können Sie ein Cover für Seiten in anderen sozialen Netzwerken oder Bilder für deren Inhalt erstellen. Und Sie brauchen keinen Designer.

Der regionale Servicemanager Oleg Burkov erzählte und zeigte, wie man in Canva arbeitet.

Auf dem Callibri-Blog finden Sie hilfreiche Inhalte für Unternehmer und Vermarkter. Profis und enge Spezialisten in verschiedenen Bereichen des Internet-Marketings teilen ihre Gedanken, Ansichten, praktischen Erfahrungen und sagen Ihnen, wie Sie Ihr Geschäft erfolgreicher machen können.

Sie haben ein interessantes Thema und möchten unser Autor werden? Schreiben Sie uns!

Viele Community-Besitzer möchten ein Cover für eine Gruppe in VK online erstellen. In unserem Artikel werden wir versuchen, alle Nuancen des Verfahrens zu verstehen und Tipps für Benutzer zu geben.

VK ist eine Website, die ständig aktualisiert und verbessert wird. Gruppenadministratoren haben jetzt eine Vielzahl von Tools, um ihre Community anzupassen. Eine davon ist die Erstellung eines Covers für die VK-Gruppe online.

Aber was ist es? Dies ist ein spezielles Bild in der Kopfzeile der Gruppe. Warum brauchen Sie eine Abdeckung?

1. Es ermöglicht Ihnen, das Design zu verbessern.
2. Schafft es, der Seite einen besonderen Stil zu verleihen.
3. Sie werden das neue Design lieben.
4. Das Cover kann über das Thema der Community erzählen.
5. Gruppen mit einem schönen Design sind für die Benutzer von größtem Interesse.
6. Die Leute werden eher bereit sein, die Community zu abonnieren.
7. Es ist möglich, das Bild vollständig anzupassen und mobile Version Seite? ˅.
8. Es ist recht einfach, ein Cover zu erstellen, dieses Verfahren sollte keine Probleme verursachen.

Wie erstelle ich ein schönes Cover für eine Gruppe in VK?

Die Arbeitskosten für die Erstellung richten sich nach Ihren Wünschen. Im Allgemeinen haben Gruppenadministratoren zwei Möglichkeiten:

• Nehmen Sie das fertige Bild und legen Sie es auf.
• Erstellen Sie selbst ein einzigartiges Bild.

Natürlich ist die zweite Methode viel komplizierter. Um ein einzigartiges Cover zu erstellen, müssen Sie einen Fotoeditor verwenden. Sie benötigen mindestens minimale Kenntnisse im Umgang mit Programmen wie Photoshop, um das gewünschte Ergebnis zu erzielen.

Abdeckung für VK-Gruppe: Größe

Abmessungen können abweichen. Auf einem PC wird das Cover beispielsweise mit 795 × 200 Pixeln angezeigt. Auf Smartphones passt es sich dem Bildschirm des Geräts an.

Aber schließlich ist es nicht immer möglich, ein Bild mit einer solchen Auflösung zu finden! Keine Sorge, wenn Sie das Bild laden, werden Sie vom System aufgefordert, es zuzuschneiden. Wählen Sie das gewünschte Teil aus, die Kanten werden automatisch entfernt.

Es ist wichtig zu bedenken, dass sich die Darstellung des Covers auf mobilen Geräten von der auf dem PC unterscheidet. Es ist 83px von oben beschnitten, dieser Platz wird von den Systemsymbolen eingenommen. Auch bei Smartphones mit einer Displaybreite von bis zu 400px werden die Ränder um 196px beschnitten.

Dadurch ist ein kleiner Bereich für mobile Benutzer unsichtbar. Es ist besser, es leer zu lassen, damit sich nur der Hintergrund des Bildes an den Rändern befindet, dann werden die Elemente nicht beschnitten.

Das Programm zum Erstellen eines Covers für eine Gruppe in VK

Verfügbare Möglichkeiten zum Erstellen einer Gruppenüberschrift:

1. Laden Sie das fertige Bild für das Cover herunter.
2. Machen Sie es über einen Online-Dienst.
3. Bestellung beim Spezialisten.
4. Verwenden Sie Bildbearbeitungsprogramme und erstellen Sie sich selbst.

Das Internet ist voll von kostenlose Bilder und Vorlagen im PSD-Format. Sie können an Ihre Gruppe angepasst und im Community-Header platziert werden. Dies ist die einfachste Option für heute.

Sie können verwenden spezielle Programme- Adobe Photoshop, Pixelmator usw. Sie müssen jedoch in der Lage sein, mit diesen Anwendungen zu arbeiten, es wird einige Zeit dauern, sie zu beherrschen.

So erstellen Sie ein Cover für eine Gruppe in VK in Photoshop

Adobe Photoshop ist die beliebteste Bildbearbeitungssoftware. Darin können Sie mit bestimmten Fähigkeiten schnell ein Cover erstellen. Hauptvorteil diese Methode- wir schaffen es, ein einzigartiges Design zu entwickeln.

Wichtig! Wählen Sie als Grundlage immer Bilder, die größer als die empfohlenen Größen sind. Sie müssen das Bild auf die gewünschte Auflösung skalieren. Beim Dehnen verschlechtert sich jedoch die Qualität des Bildes erheblich, was nicht akzeptabel ist.

Öffnen Sie Photoshop. Wählen Sie im Menü das Element aus, um eine neue Datei zu erstellen. Um es zu speichern, müssen Sie die folgenden Parameter einstellen:

• Geben Sie sofort den Namen der Datei ein.
• Größe - 1590x
• Der Hintergrund ist transparent.
• Der Farbmodus ist RGB 8-Bit-Farben.
• Die Auflösung beträgt 72 Pixel pro Zoll.

Suchen Sie nun das Bild im Internet, kopieren Sie es und fügen Sie es in das Programm ein. Um die Größe anzupassen, benötigen Sie:

1. Gehen Sie zum Punkt "Bearbeiten".
2. Dann zu "Transformation".
3. Wählen Sie nun den Abschnitt "Skalierung".
4. Halte die Shift-Taste.
5. Greifen Sie mit der linken Maustaste eine Ecke des Bildes.
6. Passen Sie das Bild an die Ränder an.
7. Drücken Sie die Eingabetaste, um die Aktion zu bestätigen.

Sie müssen den Namen der Gemeinschaft schreiben. Dafür braucht man:

• Wählen Sie das Element aus, um eine neue Ebene zu erstellen.
• Klicken Sie auf die Schaltfläche, um Text hinzuzufügen.
• Wählen Sie einen Bereich aus, um ihn zu platzieren.
• Wählen Sie Größe, Farbe, Schriftart.
• Geben Sie den Namen der Gemeinschaft ein.
• Öffnen Sie das Stilfenster.
• Wählen Sie die richtige aus, damit der Text schön aussieht.

Du hast ein ziemlich einfaches Cover. Fast jeder Benutzer kann es gemäß den Anweisungen machen. Natürlich dauert es viel länger, einen Header mit vielen Elementen zu erstellen.

1. Öffnen Sie im Menü "Datei".
2. Wählen Sie "Für Web speichern".
3. Geben Sie den PNG-24-Satz an.
4. Speichern Sie das Bild.

Wie lade ich ein fertiges Bild hoch?

Um ein Bild in eine Gruppe hochzuladen, benötigen Sie:

• Geh in die Gemeinde.
• Wählen Sie das zu steuernde Element im Menü aus.
• Finden Sie eine Community-Abdeckungsoption.
• Wählen Sie ein Element zum Herunterladen aus.
• Ein Formular zum Hinzufügen wird geöffnet.
• Sie können ein Bild im Explorer auswählen oder in das Fenster ziehen.
• Laden Sie es auf die Website hoch.
• Bestätigen Sie das Speichern.

Gehen Sie auf die Hauptseite der Community und bewerten Sie das Ergebnis. Wenn Sie die Größenempfehlungen befolgt haben, passt das Bild vollständig.

Sie haben gelernt, wie Sie in VK ein Cover für eine Gruppe erstellen. Der Prozess ist nicht so kompliziert, es reicht aus, alle bereitgestellten Tipps zu berücksichtigen.

Dynamische Abdeckung für VK-Gruppe

Jetzt ist es möglich, ein dynamisches Cover zu erstellen. Der Prozess der Vorbereitung ist viel komplizierter, Sie müssen viel mehr Zeit aufwenden.

Was ist der Unterschied zwischen einem dynamischen Hut und einem normalen Hut? Darin können Bilder aktualisiert werden. Die Häufigkeit der Änderung wird beim Anlegen separat konfiguriert.

Aber warum brauchen wir einen dynamischen Header? Es gibt viele Möglichkeiten, es zu verwenden:

1. Sie können Ihr CRM-System anzeigen.
2. Schafft es, einen Timer zu erstellen.
3. Anzeige von Wochentag, Datum, Uhrzeit.
4. Zeigt die Namen der neuesten Mitglieder an.
5. Geben Sie zusätzliche Informationen an.
6. Solche Abdeckungen sind für Unternehmensgruppen geeignet.

Der Hut schafft es zu setzen verschiedene Informationen, die von VK oder von jeder anderen Website bezogen werden kann. Die Optionen für die Verwendung hängen nur von Ihren Bedürfnissen ab.

Wie es funktioniert?

Das Prinzip ist ziemlich einfach:

• Eine Standardvorlage wird vorbereitet.
• Zonen für aktualisierte Daten werden an den richtigen Stellen zugewiesen.
• Für eine vollwertige Arbeit ist ein spezielles Skript erforderlich.

Warum brauchen Sie ein Skript?

Das Skript wird verwendet, um Daten zu empfangen und in dafür vorgesehenen Bereichen anzuzeigen. Das heißt, es entlädt Informationen von der Quelle und überträgt sie auf das Cover, es ist ein verbindendes Element.

Die Aktualisierungsrate ist nach Ihren Wünschen anpassbar. Sie können den optimalen Wert für die Anzeige auswählen aktuelle Informationen im Hut.

Es ist schwieriger, ein dynamisches Cover mit einem Skript zu erstellen als mit einem normalen. Es werden viel mehr Wissen und spezialisierte Software benötigt. Daher ist es besser, dieses Verfahren Fachleuten anzuvertrauen. Dann können Sie sich einer einwandfreien Funktion sicher sein.

Wie verbinde ich ein Skript?

Nach Abschluss des Projekts bieten Ihnen Spezialisten:

1. Gestaltungs Entwurf.
2. Quellen im PSD-Format.
3. Skript.
4. Lizenzschlüssel zum Binden.

Die Community-Design-Profis übernehmen die Kernaufgaben. Aus diesem Grund ist es möglich, Zeit zu sparen und nicht in alle Nuancen der Erstellung solcher Cover einzutauchen.

Damit das Skript funktioniert, müssen Sie es irgendwo installieren. Es gibt mehrere Möglichkeiten:

• An Ihren Heimcomputer.
• Auf den Server der Entwicklungsfirma.
• An einen Remote-Server.

Sie können das Skript auf Ihrem PC speichern. Aber der Computer muss rund um die Uhr funktionieren. Wenn das Gerät getrennt wird, werden die Informationen in der Kopfzeile nicht mehr aktualisiert. Daher verwenden nur wenige Community-Besitzer diese Methode.

Sie können für das Hosting bezahlen und das Skript installieren auf Remote-Server... Die Servicekosten beginnen bei 80 Rubel pro Monat. Sie müssen jedoch zuverlässige Hosting-Dienste wählen, die einen unterbrechungsfreien Betrieb gewährleisten.

Viele Community-Design-Firmen bieten an, das Skript auf ihrem Server zu installieren. Die Servicekosten sind gering, Abonnementgebühr in der Regel nicht mehr als 100 Rubel pro Monat. Außerdem werden die Mitarbeiter des Unternehmens das Funktionieren des Skripts unterstützen.

Grafische Elemente im Design der Vkontakte-Community ziehen die Aufmerksamkeit des Besuchers auf sich, halten ihn fest und erhöhen auch die Wiedererkennung der Gruppe oder des Publikums unter Tausenden ähnlicher Communities. Darüber hinaus erleichtert das grafische Menü die Navigation durch die Bereiche der Gruppe und hilft Mitgliedern und anderen Nutzern des sozialen Netzwerks, sich in der Struktur einer großen Community zurechtzufinden.

Eine Suche in VK oder das Betrachten eines Portfolios von Designern zeigt viele erfolgreiche Beispiele für das Design von Vkontakte-Gruppen, auf die Sie bei der Auswahl eines Cover-Menüs für Ihre Community aufbauen können.

Die folgenden Größen werden für das Design der Vkontakte-Gruppe verwendet:

• Das Deckblatt der Seite wird oben angezeigt, für die gesamte Breite des Publikums, Größe 1590 x 400 Pixel;
• Großer Avatar - vertikales Banner 200x500 px (Seitenverhältnis 2:5), oben rechts angezeigt;
• In jeder Nachricht der Gruppe wird ein kleiner Avatar, ein rundes Bild, angezeigt, Größe 200x200 Pixel.
• Bild des Menüs für die Vkontakte-Gruppe, Breite 510 Pixel, Höhe - 307 (damit der untere Rand des Menüs gut zum unteren Rand des großen Avatars rechts passt).

Wird in den Community-Einstellungen ein Titelbild geladen, dann wird der große Avatar rechts nicht angezeigt.

Wie man selbst einen Hut für eine Vkontakte-Gruppe macht

Damit der Community-Header schön aussieht, sollten alle grafischen Komponenten im gleichen Stil gestaltet sein (ein Satz von Farben, Logos, Schriftarten) oder Teil eines Bildes sein. Wenn Sie selbst eine Vkontakte-Gruppe entwerfen, besteht der erste Schritt darin, ein Hintergrundbild vorzubereiten. Es kann ein thematisches Bild aus kostenlosen Fotobanken sein (z. B. pixabay.com).

Öffnen Sie das Bild in einem Grafikeditor. Zuschneiden oder auf Größe skalieren: 1590 Pixel Länge, 400 Pixel Höhe.

Als nächstes können Sie die erforderlichen Inschriften (Gruppenname, Slogan, Aufruf zum Beitritt zur Community) anbringen. Nun müssen Sie das Cover in die Community hochladen, dazu gehen Sie zum Menüpunkt "Community Management":

Klicken Sie im Feld "Community Cover" auf die Überschrift "Download".

Wählen Sie im nächsten Fenster die zuvor auf Ihrem Computer erstellte Cover-Datei aus und klicken Sie auf "Speichern und fortfahren".

Jetzt hat Ihre Gruppe ein neues Cover. Beachten Sie, dass in diesem Fall das vertikale Bild des großen Avatars rechts nicht mehr angezeigt wird.

• Das Bild oder Foto sollte für das Community-Thema relevant sein.
• Verwenden Sie qualitativ hochwertige Bilder.
• Verletzen Sie nicht die Urheberrechte anderer Personen an Bildern (derzeit bieten kostenlose Bestände eine große Anzahl von Fotos und Illustrationen an).
• Überladen Sie das Cover nicht mit Details.
• Wenn Sie ein Foto einer Person in die Kopfzeile einfügen, ist es besser, dass er nicht den Besucher ansieht, sondern das wichtigste Element auf der Seite (Menü, Site-Adresse, Nachricht zur Aktion, Anruf).
• Verwenden Sie hochwertige Schriftarten und stellen Sie sicher, dass die Beschriftung in jedem Maßstab lesbar ist.

Die Größe der Kappe in der Vkontakte-Öffentlichkeit im neuen Design

Nach der Neugestaltung dieses sozialen Netzwerks erschien ein neues Gestaltungselement - ein Cover. Dies ist ein großes Querformat von 1590 x 400 Pixeln. Der Header für die Vkontakte-Gruppe ist ein statisches Bild. Groß genug, um darauf ein helles, einprägsames Foto oder Bild und den Namen der Öffentlichkeit, den Slogan des Unternehmens, den Namen des Standorts, den Arbeitsplan und andere Inschriften zu platzieren.

So erstellen Sie ein Menü für eine VK-Gruppe in einem neuen Design

Der Designprozess für das Vkontakte-Gruppenmenü besteht aus den folgenden Phasen:

• Bereiten Sie eine Liste mit Menülinks vor (dies können Seiten, Community-Bereiche oder externe Sites sein).
• Vorbereiten des Hintergrundbildes.
• Zeichnen auf das Hintergrundbild von Inschriften und "Schaltflächen" des Menüs.
• Schneiden Sie das Bild in Teile.
• Inklusive einer Wiki-Seite.
• Ein grafisches Menü laden und mit Wiki-Markup formatieren.

Das Hintergrundbild sollte 510 Pixel breit sein und die Höhe hängt von der Anzahl und Platzierung der Menüpunkte ab. Um mit Bildern zu arbeiten, benötigen Sie einen Rastergrafik-Editor, unten werden Beispiele mit dem kostenlosen und leichtgewichtigen Paint.Net gezeigt.

Sie sollten die Platzierung von Menüpunkten sofort so planen, dass das Bild in gleich große Fragmente geschnitten werden kann. Dies ist wichtig, damit das Menü auf dem Bildschirm von Smartphones oder Tablets richtig skaliert.

Vertikales Menü der VK-Community mit Elementen in einer Spalte

Öffnen Sie das Bild im Editor. Verwenden Sie das "Text"-Tool des Editors, um die Menüpunkte über den Hintergrund zu schreiben. Um die Menübeschriftungen sichtbar zu machen, können sie auf verschiedene Weise hervorgehoben werden:

• Umriss mit einem Rahmen;
• Ändern Sie die Hintergrundfarbe unter den Buchstaben;
• Fügen Sie den Buchstaben Schatten hinzu.

Unten im Screenshot wird jedes Element auf eine der Arten hervorgehoben.

Der nächste Schritt besteht darin, das Bild in Stücke zu schneiden:

Der Prozess des Ausschneidens eines Bildes kann auch mit einem bequemen Online-Tool durchgeführt werden www.imgonline.com.ua/cut-photo-into-pieces.php.

Als nächstes gehen Sie im Menü "Community Management" zum Punkt "Abschnitte" und wählen im Punkt "Materialien" "Eingeschränkt" (dh nur der Gruppenadministrator kann Seiten erstellen und bearbeiten).

Klicken Sie auf Speichern und gehen Sie zur Hauptgruppe. Neben dem Abschnitt mit Informationen über die Gruppe ist der Punkt "Neuigkeiten" erschienen.

Gehen Sie zu diesem Abschnitt und klicken Sie auf Bearbeiten. Ändern Sie den Titel in "Menü" und klicken Sie dann auf das Kamerasymbol, um ein Bild hinzuzufügen.

Klicken Sie auf das hinzugefügte Bild und geben Sie im Eigenschaftenfenster den Link zum gewünschten Abschnitt an.

Vkontakte reduziert Bilder automatisch auf 400 Pixel und fügt unnötige Tags ein. Um dies zu beheben, müssen Sie in den Markup-Bearbeitungsmodus wechseln.

Jedes Image-Tag beginnt mit "[[" und endet mit "]] und besteht aus drei Teilen, die durch " | " getrennt sind: Bild-ID, Eigenschaften und Link. Es ist notwendig, die Größe der Bilder zu korrigieren und den Tag "nopadding" in ihre Eigenschaften einzufügen. Die Eigenschaften von Bildern werden mit ";" aufgelistet.

Nach dem Speichern der Änderungen ist die Erstellung des Menüs abgeschlossen.

Menü mit horizontalen oder mehrzeiligen Elementen

In diesem Fall erfolgt die Vorbereitung der Bilder auf die gleiche Weise, jedoch mit Schneiden der Quelle und vertikal. Die geschnittenen Fragmente werden über die Seitenbearbeitungsoberfläche geladen. Die relative Position von rechteckigen Fragmenten wird mithilfe des Wiki-Tabellen-Markups in VK festgelegt. Jedes im vorherigen Abschnitt beschriebene verknüpfte Image-Tag wird in einer Tabellenzelle platziert.

Regeln für die Tabellengestaltung:

• Der Anfang wird durch das Symbol "(|), das Ende der Tabelle - "|)" angezeigt.
• Zusätzliche Eigenschaften werden nach "| ~" angegeben.
• Die neue Zeile beginnt mit "| -".
• Jede Zelle wird durch "|" getrennt.

Um zusätzliche Leerzeichen auszuschließen, müssen Sie die Tabellenparameter "fixed nopadding noborder" angeben. Das Markup für ein grafisches Menü mit 2 Spalten und 2 Zeilen sieht wie folgt aus:

Und das Menü selbst in der Gruppe:

Die Größe des Avatars der Gruppe im neuen Design für das Design der VK-Öffentlichkeit

In Vkontakte-Communitys werden zwei Optionen für einen Avatar verwendet:

• Großes rechteckiges Banner 200 x 500 Punkte, oben rechts abgebildet, wenn das Cover nicht geladen ist.
• Miniaturansicht 200x200 Pixel, in Beiträgen und Diskussionen als Kreis dargestellt.