Arten des vkontakte-Gruppendesigns. So erstellen Sie schnell eine schöne Vkontakte-Gruppe - Schritt-für-Schritt-Empfehlungen. Erstellen Sie mehrere Vorlagen für verschiedene Zwecke

In diesem Artikel sehen wir uns Schritt für Schritt an, wie Sie eine VKontakte-Community richtig erstellen, konfigurieren und gestalten

Gemeinschaftshaus

Sie können eine VKontakte-Community erstellen, indem Sie auf die Registerkarte "Gruppen", "Verwaltung", "Community erstellen" gehen.

Community-Typ und -Thema

Zunächst müssen Sie sich je nach Ihren Zielen für die Art der Community entscheiden und das Thema der Community auswählen.

Gruppendekoration

Nachdem Sie die Art der Community ausgewählt haben, können Sie mit dem wichtigsten fortfahren, nämlich dem Design. Das Design deiner Community ist eine Art Visitenkarte des Unternehmens, je nachdem wie hochwertig das Design ist, ziehen deine potentiellen Abonnenten Rückschlüsse auf deine Arbeit.
Sie können das Cover herunterladen, indem Sie auf "Einstellungen" gehen und dann auf "Herunterladen" klicken.

Sie können auf dem Cover platzieren:

• Titel
• das Logo
• Motto
• Kontaktinformationen
• Werbeaktionen oder Aufruf zum Handeln
  Ein wichtiger Punkt: Das Cover ist das Erste, was ein Kunde sieht, wenn er zu Ihrer Gruppe geht. Daher sollte das Cover hell sein und Aufmerksamkeit erregen.

Cover in der MTS-Community

Deckung in der Tinkoff Bank Community

Cover in der "HeadShot"-Community
Bildgrößen für die Gestaltung der VKontakte-Community.
Covergröße für VKontakte-Gruppe 1590x400px
Größe der Avatar-Miniaturansicht - 200px-Kreis

Auch VKontakte erschien vor nicht allzu langer Zeit dynamische Cover für Communities.
Dynamische Cover haben eine sehr umfangreiche Funktionalität, mit der Sie den letzten Abonnenten, den besten Kommentator auf dem Cover anzeigen, den Hintergrundwechsel nach Ihren Wünschen anpassen, ein Wetter-, Zeit-Widget hinzufügen und vieles mehr.

Community-Beschreibung

In der Beschreibung geht es vor allem darum, die wesentlichen Vorteile des Unternehmens so kurz wie möglich zu beschreiben.
Ein wichtiger Punkt: Sie müssen nicht alles beschreiben, was Ihr Unternehmen getan hat, tut oder tun wird. Niemand wird die lange Beschreibung lesen. Sie haben ein paar Sekunden Zeit, um Aufmerksamkeit zu erregen, bevor der Kunde sich die Beiträge auf der Community-Wall ansieht. Daher sollte die Beschreibung nur Kernpunkte enthalten, die das Wesen der Gemeinschaft/des Unternehmens widerspiegeln.

Life-Hack: Um die Beschreibung der Community genauer zu machen (mit Fotos, Links und einem schönen Layout), müssen Sie einen Wiki-Beitrag in den festen Eintrag einfügen, in dem es ein helles Bild und einen Aufruf zum Handeln geben wird.

Beispiele für Wiki-Beiträge:

Gruppenavatar

Der Community-Avatar ist ein wichtiges Detail in allgemeine Struktur hochwertiges Design, in diesem Artikel haben wir einige sehr wichtige Punkte hervorgehoben, die beim Erstellen eines Community-Avatars zu berücksichtigen sind.
Unter Berücksichtigung der Tatsache, dass mittlerweile überwiegend Community-Cover verwendet werden, wird der Avatar selbst in der Gruppe als Miniatur dargestellt. Daher werden wir hier darüber sprechen, wie wichtig es ist, eine Miniatur eines Avatars zu entwerfen. Wie oben erwähnt, ist die Größe der Avatar-Thumbnails ein Kreis mit einem Durchmesser von 200px.

1. 1. Text
      Wenn Sie Text auf einem Avatar-Miniaturbild platzieren, ist es wichtig, dass es groß ist und nicht über den Avatar hinausragt.
   2. Verstehen
      Es ist notwendig, ein Bild auf dem Avatar zu platzieren, auf dem klar ist, was gezeigt wird.
   3. Minimalismus
      Damit Ihr Avatar relevant aussieht, können Sie ihn in einem minimalistischen Stil gestalten: weniger Worte und unnötige Elemente, die fast keine semantische Last tragen. Das Avatar-Thumbnail sollte so einfach und lesbar wie möglich sein.
   4. Aufmerksamkeit erregen
      Damit das Thumbnail des Avatars auffällt. Es ist notwendig, es so anzuordnen, dass es nicht zu weiß und langweilig ist, da es sonst vor dem Hintergrund der farbenfroheren Avatare der Konkurrenten verloren geht.

Was soll auf dem Avatar-Thumbnail platziert werden?

Betrachten Sie die Optionen für die Verwendung eines Avatar-Thumbnails, um Follower für die Community zu gewinnen.

Community-Einstellungen

Auf der Registerkarte "Community-Verwaltung" können Sie eine kurze URL für die Seite erstellen und zusätzliche Informationen angeben.

Geben Sie außerdem auf der Registerkarte "Links" Links zu Ihrer Seite in anderen sozialen Netzwerken und einen Link zu Ihrer Website an.

Aktivieren Sie im Register "Abschnitte" die erforderlichen. Bequemer ist es, eine begrenzte Community-Wall einzurichten, um sie in Zukunft nicht aus den Veröffentlichungen von Spambots herauszukratzen.

Fügen Sie Produkte hinzu, wenn Ihre Community Produkte oder Dienstleistungen verkaufen soll.

Sie können der Community auch Anwendungen hinzufügen und sie für Ihre eigenen Zwecke anpassen. Die Anwendung Anwendungen ist beispielsweise am bequemsten für die Arbeit mit Leads. Dies ist ein Online-Termin und eine Auftragsannahme. Oder zum Beispiel die Anwendung „Maps“ mit den Adressen Ihrer Geschäfte, Büros, Veranstaltungen. Mit der Anwendung Ticket kaufen können Sie Tickets für Veranstaltungen direkt auf der Community-Seite verkaufen, d.h. Abonnenten / Kunden können ein Ticket kaufen, ohne auf Ihre Website zu gehen.

Wiki-Menü - schön und informativ

Dies ist eine weitere Möglichkeit, die Einzigartigkeit Ihrer Community zu zeigen, die Aufmerksamkeit der Kunden zu erregen und auch Dienstleistungen, Produkte und alle Informationen rund um die Seite zu strukturieren. Außerdem können Sie über das Wiki-Menü direkte Links einrichten, um direkt auf die Website des Unternehmens zu gelangen.

Beispiele für Wiki-Menüs:

Eine detaillierte Anleitung zum Erstellen eines Wiki-Menüs finden Sie hier -

Die gleiche Frage stellt sich vor Arbeitsbeginn: Wie richtet man eine VKontakte-Gruppe richtig für den Verkauf ein und wie ordnet man sie richtig an? Auf diese Frage gibt es keine eindeutige Antwort. Es gibt viele Faktoren, die den Erfolg eines Social-Media-Deals zwischen Ihnen und einem Kunden beeinflussen. Lassen Sie uns die VK-Gruppeneinstellung der Reihe nach analysieren.

Wie registriere ich eine Gruppe in VK? Darauf sollten Sie als Erstes achten! Stellen Sie sich vor, Sie sind eine Person, die ein Produkt kaufen oder eine Dienstleistung bestellen möchte. Hier sehen Sie einen Werbebeitrag, gehen in die Community, um mehr über den vorgeschlagenen Vorschlag zu erfahren und ... Sie befinden sich an einem seltsamen Ort.

Die Beschreibung ist unverständlich, Kontakte zur Kommunikation fehlen, Alben mit Fotos sind chaotisch mit abgedroschenen Fotos aus dem Internet gefüllt. Die Kauflust verschwindet sofort.

Dies kann vermieden werden. Wenn Sie einfache Regeln befolgen.

• Gruppendeckung VC stellt Sie den Kunden vor und sollte nur das Minimum beinhalten, nützliche Informationen! Dies ist eine Kontakttelefonnummer, ein Site-Name, ein Markenname. Covergröße 1590 x 400 für Desktop und 200 Pixel kleiner für mobile Version.
• Gruppenavatar... Es ist rein visuell und sollte von Abonnenten in Erinnerung bleiben. Es ist nicht erforderlich, dort Textberge zu schreiben, minderwertige Bilder einzufügen, die nicht zu sehen sind. Eine ausgezeichnete Variante des Avatars der Gruppe wäre ein Markenlogo, ein Symbol, das die Art der Aktivität charakterisiert. Die Größe des Avatars der Gruppe beträgt 500 x 500.
• Album-Cover... Für die Abdeckung sind die Größen 1000x700 geeignet. Platzieren Sie ein helles, einprägsames Bild und vor allem einen lesbaren Text, der den Inhalt des Albums widerspiegelt. Die Hauptsache beim Erstellen eines Covers ist, nicht über den Stil der Band hinauszugehen. Wenn die Gruppe in dunklen Farben gehalten ist, erstellen Sie kein Cover in hellen Farben.
• Waren... Führen Sie den Warenblock im gleichen Stil durch und bereiten Sie eine hochwertige Beschreibung und Fotos der angebotenen Ware vor.

Wie benenne ich eine Gruppe in VK? Der Name der Community spiegelt die Bedeutung des Projekts wider. In Projekten verwende ich folgende Formel: Marke + Service, Produkt. Fragen Sie, warum das gemacht wird? Die Antwort ist einfach. Anziehen freier Verkehr zur Gruppe.

Mehr als 97 Millionen Menschen nutzen jeden Monat VKontakte. Einige dieser Personen verwenden eine Suchmaschine, um eine Dienstleistung oder ein Produkt zu finden.

Ivan verkauft zum Beispiel Wohnungen in St. Petersburg. Nach der Analyse der Statistik der Abfragen in wordstat.yandex.ru stellte Ivan fest, dass die häufigste Anfrage der Kauf einer Wohnung in St. Petersburg ist. (172.688 Impressionen pro Monat).

Darauf aufbauend erstellt Ivan eine Gruppe: Firmenname | Kaufen Sie eine Wohnung in St. Petersburg. Wenn eine Person also auf die Suche zum Kauf einer Wohnung in St. Petersburg trifft, wird die Gruppe in den Ergebnissen angezeigt.

Status... Hier müssen Sie kurz auf eine wichtige, aktuelle Information... Das könnte eine Zahl für sein Rückmeldung, Werbeaktionen, Website, Sonderangebot.

Beschreibung der Gruppe. Beschreiben Sie hier die Vorteile gegenüber Mitbewerbern, erzählen Sie uns über das Unternehmen, die Art der Tätigkeit, die Kontakte, Informationen zur Lieferung. Zeigen Sie, wie das Unternehmen das Problem eines Kunden löst.

Inhalt... So viel Sie schreiben möchten, ohne es nirgendwo. Teilen Sie nützliche Materialien mit Abonnenten, veranstalten Sie Wettbewerbe, gratulieren Sie zu den Feiertagen, schreiben Sie sorgfältig darüber, wer Sie liest.

Der Fehler der meisten Communities besteht darin, frontal zu verkaufen. Es ist unwahrscheinlich, dass Sie daran interessiert sind, eine Community zu sehen, die überall sagt: "Kaufen Sie bei uns, gut kaufen!".

Die beste Weise verkaufen ohne zu verkaufen - dem Kunden sein eigenes Problem aufzuzeigen, seine Bedeutung zu steigern und eine Lösung anzubieten. Erzählen Sie eine Geschichte, teilen Sie Ihr Problem mit Ihren Lesern und machen Sie deutlich, wie das Produkt zur Lösung des Problems beitragen wird.

Diskussionen... Senden Sie Bewertungen, Frage-Antwort-Überschriften für Feedback vom Publikum. Bewertungen sind das Gesicht des Unternehmens, sie stärken das Vertrauen und ermutigen die Menschen, zu kaufen und sich für einen Service anzumelden.

Vkontakte-Bots und -Anwendungen... Assistenten für die Bearbeitung von Anfragen und unterstützendes Feedback aus dem Publikum. Verbringen Sie viel Zeit damit, Anwendungen einzurichten und Newsletter zu versenden. Installieren Sie das Widget in einer Gruppe, begrüßen Sie den Kunden und ermutigen Sie zu einem Call-to-Action.

Ergebnis: Die Gruppe ist ein aus kleinen Teilen zusammengesetztes Bild, das zusammengesetzt werden muss. Wenn Sie diese Tipps beachten, können Sie eine VK-Gruppe richtig gestalten, eine Community einrichten und Dienstleistungen und Waren für den Erhalt von Bestellungen über Vkontakte anbieten.

Hergestellt von

1 Stimme

Guten Tag, liebe Leser meines Blogs. Im vorherigen Artikel haben wir gelernt, wie man charmante Dinge herstellt. Kommen wir nun zum zweiten Teil. Lassen Sie uns ein schönes Einzelbild für den Avatar erstellen und über einen spektakulären Übergang nachdenken.

Wenn Sie meinen Blog zum ersten Mal besuchen, müssen Sie nicht mit der ersten Lektion beginnen. Sie können diesen Beitrag zuerst lesen und ab diesem Schritt mit dem Entwerfen beginnen. Jetzt werde ich Ihnen sagen, wie Sie eine schöne Vkontakte-Gruppe erstellen und ob Sie sie verwenden Zusatzfunktionen, können Sie später entscheiden.

Am Ende dieses Artikels haben Sie ein spektakuläres und einheitliches Bild.

Methode für die Faulen

Um nicht von wichtigen Dingen abzulenken, die bereits alles wissen, es eilig haben oder einfach nicht stören wollen, kann ich ein Video-Tutorial anbieten. Er wird Ihnen sagen, wie Sie alles tun können, was ich Ihnen gleich erzähle, nur ohne Photoshop über den Dienst www.vkprofi.ru .

Ich habe es nicht benutzt und kann nicht sagen, ob es bezahlt ist oder nicht. Ich wäre denen dankbar, die diese Informationen überprüfen und einen Kommentar zu diesem Artikel mit einer Antwort auf diese brennende Frage hinterlassen.

Für alle die es lernen wollen

Wenn Sie sich entscheiden zu bleiben und den langen Weg zu gehen, haben Sie einen spannenden Job. Es wird sehr nützlich sein, wenn Sie gerade erst mit dem Internet-Geschäft beginnen.

Du lernst viele Tricks, die ich im Umgang mit Werbung nützlich berate, sowie nützliche Fähigkeiten und Erfahrungen.

Du wirst brauchen…

1. Photoshop.
2. Grundbild.

Das Foto muss groß und von hoher Qualität sein, wenn Sie suchen Suchmaschinen, dann achten Sie auf das Desktop-Hintergrundbild. Wenn Sie für eine coole Community arbeiten, insbesondere für geschäftliche, empfehle ich die Nutzung des Dienstes https://ru.depositphotos.com ... Dort finden Sie Werbebilder.

Es ist nicht so einfach, ein Bild auszuwählen, das für ein Produkt werben soll. Wird es für die Wirtschaft eingesetzt, muss es viele Anforderungen erfüllen. Das versteht nicht jeder. Wenn Sie für ein Hotel, ein Hotel, eine Bar oder einen Club werben, ist es nicht empfehlenswert, leere Räumlichkeiten zu fotografieren.

Zuallererst dürfen wir keinen Ort verkaufen, an dem eine Person anschwellen kann, sondern die Emotionen zeigen, die sie durch den Besuch einer Institution erhalten. Heutzutage wird niemand von der Schönheit der Innenräume überrascht sein. Es ist notwendig, eine einzigartige Atmosphäre zu schaffen, in die der Käufer eintauchen möchte.

Niemand mag schäbige Fotos. Wenn sie ständig genutzt werden, sinkt die Chance, Kunden zu gewinnen. Über Qualität, kompetent belichtetes Licht etc. Ich werde nicht einmal sprechen. Ich hoffe du verstehst das trotzdem. Optionen wie auf dem Foto unten sind seit 5 Jahren nicht mehr verfügbar.

Von persönliche Erfahrung... bei einem der Projekte habe ich mit einem sehr coolen Werbemanager zusammengearbeitet. Wir haben jedes Bild Stück für Stück auseinander genommen. Das Objekt sollte sich in einem bestimmten Abstand vom Zentrum befinden, in einem bestimmten Winkel, vorzugsweise im richtigen optimistischen Bereich.

Wir mussten die Farbe des Rahmens ändern, in dem das Gemälde in der hintersten Ecke hing! Zuerst hielt ich das alles für unnötige Mühen, und dann zeigten sie mir zum Vergleich die Umstellung nach der Arbeit mit solchen Kleinigkeiten.

Eine Vorlage für eine zukünftige schöne Gruppe erstellen

Wenn also alles fertig ist, müssen Sie sich für die Größe entscheiden und eine Vorlage für das zukünftige Bild vorbereiten. Übrigens, wenn Sie lernen, wie das geht, können Sie diese Technik für viele andere Aufgaben verwenden und unglaubliche Bilder auf Vkontakte erstellen. Sie werden bald verstehen, was ich meine.

Also öffnen wir einen Kontakt. Wenn du schaust Standardgrößen Beiträge auf Vkontakte sehen Sie 200x500 und 700x500. Wenn Sie jedoch das Lineal verwenden, können Sie sicher sein, dass die Miniaturen nicht diesen Indikatoren entsprechen. Der Dienst komprimiert sie beim Laden.

Mit dem Bild auf der ava ist alles so, es sind wirklich 200x500.

Fasten ist anders.

So oder so, du brauchst oder Laden Sie die von mir vorbereitete Vorlage herunter, oder machen Sie Ihren Screenshot. Ich rate Ihnen, die zweite Option zu wählen. Wieso den? Auf diese Weise können Sie Vorlagen erstellen für verschiedene Aufgaben... Zum Beispiel, wenn Ihre Hauptseite eine Warengalerie oder "Neueste Nachrichten" anzeigt.

Meine Version ist nur für gepinnte Beiträge geeignet. Die einfachste und beliebteste Designmethode.

Öffnen Sie Ihre eigene oder eine beliebige andere Gruppe, in der ein Beitrag mit einem Foto oben angepinnt ist. Wie auf meinem Bild. Sie können auch dieses Foto aufnehmen, indem Sie es mit der rechten Maustaste anklicken und "Speichern unter ...". Es stimmt, ich bin mir nicht sicher, ob dadurch für Sie alles gut wird. Haben Sie Zeit zum Experimentieren? Teile deine Ergebnisse in den Kommentaren.

Für andere Schritt-für-Schritt-Anleitung wird anders sein. Vergrößern Sie zunächst das Bild im Browser auf 100% (Strg-Taste drücken und Mausrad bewegen). Ehrlich gesagt verstehe ich nicht wirklich, warum das gemacht wurde, aber bei meinem ersten Versuch, nur wegen der Größe, wurde nichts daraus.

Drücken Sie nun die PrtSc-Taste. Es befindet sich in der obersten Reihe auf Ihrer Tastatur, nach den unzähligen Fs. Nachdem Sie darauf geklickt haben, passiert nichts. Alles ist in Ordnung, Sie müssen nicht 100 Mal klicken, öffnen Sie Photoshop.

Drücken Sie Strg + V, damit fügen Sie Ihren Bildschirm in das Arbeitsfeld des Programms ein. Nehmen Sie nun das Rechteckige Auswahlwerkzeug und arbeiten Sie mit dem linken Feld.

Fahren Sie geradeaus am Bildrand entlang. Im Bild unten sollte Ihnen das nicht gelingen. Das ist nicht richtig.

Bewegen Sie sich streng am Rand entlang.

Ziehen Sie den Cursor in die linke obere Ecke des Rechtecks ​​und ziehen Sie ihn nach rechts unten. Um sich nicht mit einer Lupe den Kopf zu täuschen, verwenden Sie die Vergrößerung mit der Alt-Taste und dem Mausrad.

Drücken Sie nun Strg + J. Damit übertragen Sie die Auswahl an Neue Schicht, wird es über dem Hintergrund angezeigt.

Machen Sie dasselbe mit dem Avatar. Auswählen und auf eine neue Ebene übertragen (Strg + J)

Wenn Sie auf eine neue Ebene übertragen, sollte der Hintergrund aktiv sein, nicht der gerade erstellte. Stellen Sie sicher, dass es markiert ist.

Dann können Sie den Hintergrund loswerden. Klicken Sie auf das Schloss neben dieser Ebene, damit Sie sie bearbeiten können.

Ziehen Sie die Ebene wie eine normale Datei vom Desktop in den Papierkorb.

Damit sind wir fertig. Die Vorlage wurde erstellt.

Einzigartiges Bild für die Gruppe

Ich habe vor kurzem einen Artikel darüber geschrieben. Ein falsches Öffnen und weiteres Arbeiten mit der Größe kann die Qualität des coolsten Bildes deutlich verschlechtern, bei Interesse kannst du dazu einen Artikel auf meinem Blog lesen.

Ziehen Sie das Foto, das wir als Hauptfoto verwenden werden.

Es wird nicht richtig reflektiert.

Wenn Sie den gleichen Unsinn haben, machen Sie ihn einfach zum obersten. Klicken Sie dann bei gedrückter Alt-Taste auf Layer 1 und Layer 2. Damit beide markiert sind.

Sie müssen mit der rechten Maustaste und der entsprechenden Option kombiniert werden. In diesem Fall ist es für uns bequemer, weiterzuarbeiten. Sie müssen nicht erst für einen Avatar und dann auch für einen Beitrag ein Foto überlagern und ausschneiden.

Wenn Sie auf Strg drücken und dann auf das Miniaturbild der neu erstellten Ebene. An den Kanten der Objekte aus der neuen Ebene laufen Ameisen entlang, die Ihnen sagen, wie Sie das untere Bild freilegen. Sie können sie entfernen, indem Sie Strg + D drücken. Was sich jetzt im Innenteil befindet, wird anschließend in die VC eingefügt.

Wenn du anfängst, das Foto zu bewegen, "gehen" auch die laufenden Ameisen mit. Ich kann Ihnen raten, die Führer einzurichten. Sie wissen nicht, wie Sie mit ihnen arbeiten sollen? Schau dieses Video an.

Nachdem Sie alles eingerichtet haben, können Sie mit dem nächsten Schritt fortfahren. Ich zeige Ihnen zwei Möglichkeiten, um den gleichen Effekt zu erzielen. Das erste ist einfach. Klicken Sie auf der obersten Ebene auf rechter Knopf Maus und wählen Sie "Schnittmaske erstellen".

Aber ich liebe den zweiten. Er ist schneller. Drücken Sie Alt und bewegen Sie den Cursor zwischen den beiden Ebenen, er ändert sich visuell. Klicken Sie dann mit der linken Maustaste.

Das Ergebnis ist ein Foto wie dieses.

Jedes Teil kann mit dem Rahmenwerkzeug ausgeschnitten und dann als JPEG gespeichert werden. Fügen Sie das richtige Foto als Avatar hinzu. Den linken kannst du einfach als normalen Beitrag hinzufügen und dann anheften.

Es ist nicht schwer, aber wenn Sie Probleme haben, kann ich Ihnen empfehlen, die dritte Veröffentlichung dieser Reihe zu lesen, in der ich Ihnen ausführlich erzähle, wie Sie den Leser durch Klicken auf Ihr Foto auf die Site bringen.

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. Wenn eine öffentliche Seite oder Gruppe nicht professionell gestaltet ist, können Ihre potenziellen Kunden logischerweise zu dem Schluss kommen, dass Sie Ihre Arbeit genauso fahrlässig behandeln. 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 des sozialen Netzwerks "VKontakte" gestartet neues Design... Dies führte dazu, dass sich die Dimensionen 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 gedehnt 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 Ihr Image noch berücksichtigen werden, 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.

Größe des Fotoalbum-Covers

Bildgröße für Video

1280 mal 720 Pixel.

Wiki-Seite

Der Inhaltsbereich der Wiki-Seite ist 607 Pixel breit. Wenn Sie ein größeres Bild hochladen, wird es automatisch 400 Pixel breit hochgeladen. Beispiel: Ich habe ein Bild von 1366 x 768. Wenn ich es zu einer Wiki-Seite hinzufüge, sieht es so aus:

Um die Größe des Bildes zu ändern, müssen Sie darauf klicken und die gewünschten Werte einstellen:

Im Folgenden werde ich ausführlich beschreiben, wie man mit Wiki-Seiten arbeitet. Daher werden wir hier nicht auf diesen Punkt eingehen.

Wie kann man sicherstellen, dass VKontakte-Bilder nicht verkleinert werden? Einfluss von Hintergrund und Größe auf die Bildqualität.

Wenn Sie jemals versucht haben, VKontakte-Bilder hochzuladen (egal ob es ein Avatar-Bild oder nur ein Foto von Ihrer Reise war), wissen Sie wahrscheinlich bereits, dass sie dazu neigen, zu verkleinern. Dies macht sich besonders auf dunklem (und vor allem auf rotem) Hintergrund bemerkbar und wenn das Bild nicht zu groß ist. Beispiel:

Wie kann man sicherstellen, dass sich die Qualität der Bilder nicht verschlechtert?

Um zu verhindern, dass das Bild verkleinert wird (genauer gesagt verkleinert, aber in viel geringerem Maße), ist es erforderlich, es 2-3 Mal größer als die erforderliche Größe zu machen. Wenn wir beispielsweise einen Avatar mit einer Größe von 200 x 500 Pixel erstellen müssen, nehmen wir ein Bild von 400 x 1000 Pixel auf. Wenn Sie ein Menü mit einer Größe von 510 x 400 Pixel erstellen müssen, nehmen Sie - 1020 x 800.

Das Bild auf dunkelblauem Hintergrund, das ich etwas weiter oben gebracht habe, hat eine Größe von 510 x 350. Ich habe es doppelt so groß gemacht (1020 x 700) und gespeichert. Das ist dabei herausgekommen:

Wie man es repariert? Die Antwort ist ganz einfach - Sie müssen einen anderen Hintergrund wählen. Tatsache ist, dass Pixel auf einem dunklen Hintergrund besser sichtbar sind als auf einem hellen. Wenn Sie also eine perfekte Qualität erzielen möchten (obwohl das Bild oben bereits ganz normal aussieht), müssen Sie das Farbschema leicht ändern. Machen Sie beispielsweise den Hintergrund weiß und den Text blau:

So gestalten Sie den Seitenkopf

Dein Hut öffentliche Seite oder Gruppen - dies ist das Erste, was Benutzer, die Sie besuchen, sehen. In den meisten Fällen wird dieser Ort verwendet, um ein Navigationsmenü basierend auf öffentlichen Materialien zu platzieren, einige interessante Beiträge oder wichtige Ankündigungen. Schauen wir uns Beispiele an, wie verschiedene Unternehmen diesen Raum nutzen.

Abdeckung

Vor nicht allzu langer Zeit hat VKontakte ein Update eingeführt - jetzt können Sie große und schöne Cover auf den Seiten hochladen (1590 x 400 Pixel). Gehen Sie dazu zu Einstellungen und klicken Sie auf die Schaltfläche Download.

Auf dem Cover können Sie alles platzieren, was Sie wollen: vom Namen und Motto Ihres Unternehmens bis hin zu allen Arten von Aktionen, Angeboten und sogar Gewinnspielen.

Ich empfehle, den Möglichkeiten einer dynamischen Abdeckung besondere Aufmerksamkeit zu schenken. Wie es funktioniert, für welche Zwecke es verwendet werden kann und mit welchen Diensten es installiert wird, lesen Sie unseren Artikel.

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:

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 mich es Ihnen 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 vorerst nur, wie schön es aussieht.

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 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, Ihren Kopfzeilenraum produktiv zu nutzen, besteht darin, einen Ihrer wichtigsten zu pinnen erfolgreiche Beiträge- derjenige, der bereits gewählt hat und weiterwählt große Menge mag und teilt. Warum das so ist, denke ich, ist jedem klar – 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

Bewerbungswerbung

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 den meistverkauften Produkten usw. Beschränken Sie sich also nicht auf die obigen Beispiele. Werden Sie kreativ und nutzen Sie Ihr Community-Design, 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, wonach Sie selbst suchen, wenn Sie nach interessanten Communities suchen? 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?

Obwohl 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 sehr oft die Information, dass das Unternehmen kostenlosen Versand anbietet, dem Namen der Gruppe selbst hinzugefügt, damit die Benutzer auf jeden Fall darauf achten werden.

Aktie

Wettbewerbe

Stellenangebote

Was soll der Avatar selbst sein?

Ich habe mir überlegt, wie das Thumbnail eines Avatars 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 die Erstellung der Seite verantwortungsbewusst und professionell angegangen 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 animieren, 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 auf den Button zeigenden Pfeil begleiten.




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 kann man hier wirklich herumlaufen. 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.

Sortimentserneuerung / neue Kreativität etc.

Informationen, dass Ihre Community offiziell ist

Informationen zu bevorstehenden Veranstaltungen

Kontoadressen in anderen sozialen Netzwerken

Erweiterte Seitenbeschreibung

Prahlereien

Generell 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 zwischen den Elementen sollte mehr "Luft" sein.

So erstellen Sie einen verschmolzenen Avatar und ein Menü

Um einen zusammengeführten Avatar und ein Menü zu erstellen, benötigen Sie ein Programm Adobe Photoshop oder sein Äquivalent. 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 (Rechtsklick - "Fragment löschen") und bearbeiten Sie die vorhandenen (Rechtsklick - 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 Gewinnspiel 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:

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 die Vorgehensweise anhand von Beispielen erfolgreicher Unternehmen genauer an.

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 Attraktivität 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, versuchen Sie es mit der Suche nach Stichwort+ Tapete (oder, wenn auf Englisch, Tapete). 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 in Photoshop arbeiten können?

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 die Dienste nutzen, die bereits vorgefertigte Bildvorlagen für verschiedene soziale Netzwerke haben:

1. Fotor.com

Wählen Sie anschließend 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.

2. Canva.com

Ein weiterer Service, der Ihnen hilft, Ihr Bild schön zu dekorieren. Es funktioniert nach dem gleichen Prinzip wie das vorherige. Wir registrieren uns im Service (Sie können Ihre Google Benutzerkonto+ oder E-Mail).

Auswahl unseres Tätigkeitsbereiches. Wir überspringen den Schritt, in dem Sie aufgefordert werden, Freunde einzuladen. Wir gelangen zum Hauptmenü, wo wir einen Facebook-Beitrag auswählen, wenn wir ein rechteckiges Foto benötigen, oder einen Instagram-Beitrag, wenn wir ein quadratisches Foto benötigen.

Wählen Sie eine Vorlage aus (wenn die Vorlage mit "FREE" gekennzeichnet ist, ist sie kostenlos), ändern Sie den Text.

Laden Sie bei Bedarf Ihr Bild hoch, passen Sie die Abmessungen an, ändern Sie Text, Schriftart und Position der Beschriftung. Drücken Sie danach die Schaltfläche "Herunterladen", wählen Sie das Bildformat aus und speichern Sie es auf Ihrem Computer oder einem anderen Gerät.

So formatieren Sie Artikel im Editor

Vor kurzem konnte VKontakte Artikel in einem speziellen Editor setzen. Um einen Artikel zu erstellen, müssen Sie auf den Buchstaben "T" klicken:

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 verwendet wird (normalerweise zur Klasse der Wiki-Projekte) und den Zugriff auf die Fähigkeiten der HTML-Sprache erleichtert. 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 verschiedene Formatierungen 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.

Dieser Artikel wird ausführliche Anleitung und ich werde Ihnen sagen, wie Sie ein Menü für eine VKontakte-Gruppe erstellen. Die schön gestaltete Speisekarte der VK-Gruppe trägt zu einer echten Besuchersteigerung und einer Umsatzsteigerung auf der Website bei.

Hallo meine lieben Leser. Lass es mich dir heute sagen wie man ein schönes Menü für eine VKontakte-Gruppe erstellt und völlig kostenlos. Übrigens, nachdem Sie gelernt haben, solche Themen zu erstellen, können Sie damit ein wenig Geld verdienen -))). Schon jetzt funktioniert keine kommerzielle Seite, ohne eine eigene Community in zu schaffen soziale Netzwerke insbesondere VK, das Ihnen garantiert hilft, neue Kunden zu gewinnen und Ihr Geschäft zu fördern.

Aber wenn Ihre Gemeinde nicht attraktiv ist und wie alle anderen auch, wer will dort bleiben? Ich glaube niemand!!! Also lasst uns unsere Gruppen mit hochwertigen Designs dekorieren und lernen, wie es sehr schnell geht. Bevor Sie mit dem Erstellen von Grafiken und unserem zukünftigen Menü beginnen, müssen Sie das Photoshop-Programm auf Ihrem Computer installieren, um weitere Bilder zu schneiden. Viele werden sich fragen, warum Sie überhaupt Bilder schneiden müssen. Der Punkt ist, dass wir für jeden Menülink einen separaten Streifen aus dem allgemeinen Banner erstellen müssen.

Heute gibt es verschiedene Arten des erstellten Menüs:

• Öffnen Sie mit aktiven Punkten;
• Als angehefteter Datensatz geschlossen;
• Mit separaten Bildern oder einem gemeinsamen Nebenbild des Banners und der Speisekarte.

Die Essenz der Erstellung beider Optionen ist gleich. Der Hauptunterschied besteht nur in zusätzlichen Elementen und Beitragstypen, die in diesem Artikel genauer beschrieben werden.

Die Arbeit mit dem Menü wird uns helfen Wiki-Markup, die heute in den VKontakte-Texteditor integriert ist. Es unterscheidet sich vom üblichen dadurch, dass Standardbefehle verwendet werden, um ein bestimmtes Bild anzuzeigen und Links zu den erforderlichen Elementen einzufügen. Das Wiki-Markup selbst ermöglicht es Ihnen, Code einzufügen, um Bilder, Videos und andere Elemente anzuzeigen.

Geschlossene Speisekarte der VK-Gruppe

V in diesem Fall Wir werden links vom Hauptgruppen-Avatar einen Hyperlink in Form der Aufschrift "Gruppenmenü" sehen, wenn wir darauf klicken, um unser Menü mit aktiven Elementen und Bildern zu öffnen.

Das Menü wird wie folgt aussehen:

Gruppenmenü öffnen (gepinntes Material)

Die Quintessenz besteht darin, bereits geöffnete Menüpunkte zu erstellen, die in der Beschreibung der Gruppe selbst angezeigt werden, wo sie normalerweise für alle Bedingungen angezeigt wird. Unser Bild wird der Beschreibung beigefügt, die wir im Voraus vorbereiten und mit der Seite verlinken, auf der wir aktive Artikel haben werden. Dieses Menü wurde sehr beliebt in In letzter Zeit und ist bei den Kunden gefragt. Sie sehen so aus:

So erstellen Sie ein schönes Menü für eine VKontakte-Gruppe: Schritt-für-Schritt-Anleitung

Zuerst müssen wir also den Hauptavatar der Gruppe erstellen, den wir rechts und einen Stummel unseres Menüs in Form eines Banners platzieren.

• Für den Avatar 200x332 Pixel;
• Für das Hauptbanner ist das Menü 395 x 282 Pixel groß.

Wie Sie sehen, ist die Höhe der Bilder unterschiedlich, und dies geschieht, damit sich die Bilder nicht in der Höhe bewegen und auf dem gleichen Niveau sind, da die Höhe des Community-Namens und -Status etwa 50 px beträgt und wir benötigen um diesen Wert aus der Höhe des Menüs zu entfernen.

Um deutlich zu machen, ob die Höhe des Hauptavatars der Gruppe 332 beträgt, ziehen wir 50 davon ab und erhalten die Höhe des Hauptmenüs gleich 282. Wenn die Abmessungen keine Rolle spielen, kann die Höhe beliebig eingestellt werden.

Der nächste Schritt nach dem Erstellen einer Community wird das Einrichten von Materialien sein. Hier müssen wir den Mitgliedern verbieten, zusätzliche Seiten und Blöcke zu erstellen, sondern nur an die Wand schreiben. Um dies zu tun, müssen Sie zu dem Abschnitt unter dem Avatar der Gruppe namens "Community-Management" gehen, in dem wir unsere Materialien wie unten gezeigt "begrenzt" machen müssen.

Kommen wir nun zum Erstellen einer allgemeinen Komposition. Du kannst natürlich auch einfach ein Bild anstelle eines Avatars in die Beschreibung einfügen, aber lass uns keine Amateure sein und dir zeigen, wie es professionell geht, damit aus einem vollwertigen Bild ein anderes wird.

Erstellen wir in Photoshop eine neue Leinwand mit den Maßen 600x350 Pixel, die wir als Schablone verwenden, indem wir Öffnungen für unsere Bilder darin schneiden. Für die Arbeit müssen wir die Größen aller Elemente und Lineale in ein Pixel übersetzen und dies geschieht über den folgenden Pfad: "Edit-setting-main" und hier setzen wir bereits die Pixel.

Der nächste Schritt der Schöpfung, Menü öffnen für Banner und Avatar müssen Ausschnitte erstellt werden, die wir dann zum Hochladen erhalten. Gehen Sie dazu in den Abschnitt des linken vertikalen Menüs und wählen Sie einen Ausschnitt aus.

Verwenden Sie die linke Maustaste, als ob Sie einen Bereich auswählen würden, müssen Sie die Blöcke in den von uns benötigten Größen auswählen und nach jeder Auswahl die Taste Löschen drücken und auswählen 50% grau... Solche Aktionen führen dazu, dass die Blöcke die erforderliche Größe haben und mit einer anderen Farbe als der Haupthintergrund hervorgehoben werden.

Sie sollten Folgendes erhalten:

Wählen Sie nun einfach den Radierer aus und klicken Sie mit der Funktion "Magischer Radierer" auf jeden grauen Block und erhalten Sie eine Schablone mit Ausschnitten. Im nächsten Schritt wählen Sie unser Hauptbild aus und legen es unter den Hintergrund und erhalten fertige Bilder, auf die Sie Text mit dem Namen des Menüs oder anderen Werbeelementen schreiben können.

Bußgeld. Nachdem Sie ein Bild von unserem Design platziert haben, müssen wir nur noch "Für Web speichern" auswählen und auf dem Weg nach draußen erhalten wir 2 unserer Bilder. Jetzt gehen wir zurück zu unserer Gruppe und können den Hauptavatar (vertikal) ausfüllen. Wir werden das Banner für das Menü etwas später verwenden, wenn wir mit dem Wiki-Markup-Code arbeiten.

Erstellen wir das Menü selbst mit aktiven Elementen, die den Benutzer zu den erforderlichen Abschnitten einer Drittanbieter-Site oder zu Alben und Verzeichnissen in der Gruppe selbst umleiten. Wir werden zur Abwechslung ein neues Bild verwenden -))).

Kehren wir also zu Photoshop zurück und erstellen Sie eine neue Leinwand mit Abmessungen von 400 x 300 Pixeln. Dann wählen wir im Abschnitt: file-place und wählen ein Bild für den Hintergrund des Menüs.

Im Bild platzieren wir die Schaltflächen unseres Zukunftsmenüs und schneiden das Bild wie oben beschrieben aus, indem wir die erforderlichen Blöcke auswählen. Dann wählen wir auch "Für Web speichern" und erhalten einen Ordner mit unseren Schnitten. In meinem Fall habe ich 4 Bilder in einem separaten Ordner.

Jetzt müssen wir die aus Photoshop entladenen Bilder in ein separates Album füllen und ausblenden neugierige Blicke... Nach dem Hochladen erhält jedes Bild seinen neuen Namen und seine eindeutige ID.

Bitte beachten Sie, dass Sie Folgendes haben müssen:

• Materialien werden im "begrenzten" Modus geöffnet;
• Diskussionen enthalten;
• Der Ordner mit Fotos steht allen offen.

Jetzt müssen wir noch unsere Seite konfigurieren, auf der sie im Menü angezeigt wird. Gehen Sie dazu zu Startseite Community und wählen Sie frische Materialien aus und bearbeiten und rufen Sie "UNSER MENÜ" auf.

Als nächstes müssen wir die Bilder einfügen, die wir beim Schneiden in Photoshop erhalten haben. Jemand verwendet Markup-Codes, aber um meinen Kopf nicht zu täuschen, schlage ich vor, einfach ein Bild einzufügen, indem Sie auf das Kamerasymbol klicken und eines nach dem anderen hochladen.

Arbeiten in Texteditor Wenn wir nach dem Laden der Bilder auf das Symbol in Form von Klammern in der oberen rechten Ecke klicken, sollten wir den folgenden Code sehen:

Rat: Ein wichtiger Punkt nach dem Laden von Bildern ist die Einrückung zu entfernen. Dies wird gelöst, indem vor den Bildgrößen "nopadding" eingefügt wird.

Zur Verdeutlichung wird unten beschrieben, was woher kommt, aber da alles automatisch eingefügt wird und Sie nicht schlau sein müssen, und öffnen Sie, wie einige jedes Bild schreiben und die ID aufnehmen, dann einfach laden und speichern.

[]
wobei xxxxx die ID Ihres Bildes ist
yyyyy - Breite in Pixel (nicht mehr als 388)

Es sollte so enden:

Jetzt sind unsere Bilder in einem separaten Banner gesammelt. Und um jedem Element einen Link hinzuzufügen, klicken Sie einfach bei deaktiviertem Markup auf das Bild und fügen Sie im Linkbereich die kopierte URL ein.

Und jetzt kommen wir zum wichtigsten und letzten Punkt beim Erstellen unseres VKontakte-Menüs. Jetzt müssen wir unsere Seite mit Bildern speichern und ihre Adresse kopieren. In meinem Fall sieht es so aus:

http://vk.com/page-116682062_51411604?act=edit&hid=183950676§ion=edit

Denken Sie daran, dass wir am Anfang des Artikels einen Menü-Stub erstellt haben, der eine Fortsetzung unseres Hauptavatars sein wird, und wir haben eine Schablone dafür erstellt. Genau das brauchen wir jetzt.

Gehen Sie zur Startseite und gehen Sie wie folgt vor:

Schritt 1.

Fügen Sie die Adresse der Seite in das Textfeld für . ein neuer Eintrag an der Wand, wonach es in einen Link umgewandelt wird.

Schritt 2.

Hängen Sie ein Bild unseres Menü-Stubs an den Beitrag an und klicken Sie auf Senden.

Schritt 3.

Klicken Sie nun, nachdem der Beitrag veröffentlicht wurde, auf die Erstellungszeit im unteren linken Teil des Beitrags und wählen Sie „POST“.

Bußgeld!!! Dies schließt ab. Jetzt wissen Sie, wie Sie coole Menüs erstellen und können damit gutes Geld verdienen. Ich rate Ihnen, alles in der folgenden Reihenfolge zu tun:

• Erarbeitung der Struktur und Anordnung der Gestaltung von Menübildern;
• Wir ändern die Größe und schneiden alle Bilder;
• Bilder in Alben einfügen;
• Wir bearbeiten alle Schnitte im Editor und veröffentlichen sie auf den Hauptseiten der Gruppe.

Als Ergebnis der Arbeit werden wir ein solches Menü erhalten.

Aber das Menü selbst wird beim Anklicken mit aktiven Links angezeigt. Es lohnt sich, mit den Abmessungen zu spielen und an Ihren Bildschirm anzupassen, aber vergessen Sie nicht die Anzeige auf mobilen Geräten.

WICHTIG: Nachdem das VK-Design 2016 geändert wurde, wurden neue Änderungen bei der Erstellung von Bildern und Anforderungen an Bilder vorgenommen.

Laden Sie die VK-Gruppenmenüvorlage + alle Quellcodes der Lektion herunter

Ich hoffe, das Material war nützlich und Sie verstehen jetzt leicht, wie Sie ein schönes Menü für die VKontakte-Gruppe erstellen. Abonnieren Sie Blog-Updates und bis bald in neuen Beiträgen. Wenn Sie Fragen haben, schreiben Sie sie in die Kommentare, und ich werde Ihnen auf jeden Fall helfen.

Ich hänge ein Video an, um das Gelesene zu festigen -))).