Ciao amici. Tutto si muove, tutto cambia. Anche il social network Vkontakte non si ferma. Quindi la mia pubblicazione sulla creazione di un singolo blocco VKontakte è diventata irrilevante oggi. Ora, quando si crea un gruppo, manca semplicemente il blocco Notizie, necessario per un menu di questo tipo.
Fortunatamente, Vkontakte ha la capacità di creare pagine wiki. Utilizzando una pagina wiki di questo tipo, possiamo creare un menu di comunità e quindi aggiungere questo menu in cima al gruppo.
Allora, andiamo con ordine.
Come creare una pagina wiki?
1. Crea un collegamento come questo nella barra degli indirizzi del tuo browser:
- xxx– ID del tuo gruppo o pagina pubblica;
- Titolo della pagina– qualsiasi parola che usi per nominare la tua pagina.
Come scoprire il tuo ID comunità? Se l'ID non è contenuto nel collegamento, ad esempio, https://vk.com/make_community, lo si può scoprire come segue. Fare clic sul titolo della bacheca del gruppo, dove è scritto il numero di pubblicazioni.
La bacheca della tua community si aprirà separatamente. Ci saranno dei numeri nella barra degli indirizzi. Questo è il tuo ID comunità.
2.
Segui il collegamento che hai creato e fai clic su "Riempi con contenuto".
3. Riempi la tua pagina di contenuti. Ad esempio, abbiamo bisogno di un menu grafico sotto forma di pulsanti separati. Innanzitutto, creiamo l'intera immagine.
Quindi lo tagliamo in singoli pulsanti. In questo caso particolare, dovremmo avere quattro immagini di pulsanti.
Torniamo alla nostra pagina e, utilizzando l'editor integrato, carichiamo le immagini dei nostri pulsanti.
Dopo aver caricato tutte le immagini dovrebbe assomigliare a questo:
Facendo clic su una qualsiasi delle immagini, è possibile specificare un collegamento alla pagina a cui porterà questa voce di menu. Può trattarsi della pagina della tua community o di una pagina su un sito web esterno o un negozio online.
Creiamo un menu.
Dovresti ottenere un post come questo sulla bacheca del tuo gruppo VKontakte:
Come appuntare un menu?
Tutto quello che dobbiamo fare è appuntare il menu in cima al gruppo. Per fare ciò, fai clic sul testo davanti all'immagine nel post. Nella finestra che si apre, clicca su “Pin” in basso a destra.
Tutto. Ora dovremmo ottenere qualcosa del genere:
Se vuoi che il menu e l'avatar sembrino un tutt'uno, scegli semplicemente un'immagine in modo che sia una continuazione logica dell'avatar del tuo gruppo.
In tutte le comunità VKontakte in cui le informazioni possono essere strutturate, consiglio di creare un menu. Ciò migliorerà sicuramente l'esperienza utente per la tua comunità. E abbiamo discusso su come riparare il menu VKontakte esempio specifico. Resta da augurarvi buona fortuna per lo sviluppo e la promozione delle vostre comunità!
Ciao a tutti, sono Roman Litvinov, designer del team Ardens.pro. Oggi sono venuto da te con una guida-tutorial su come creare un singolo blocco di un avatar e un menu VKontakte (nel suo insieme). Innanzitutto, esempi di come sarà.
Esempi:
Marcatura avatar per il gruppo VK
Per iniziare abbiamo bisogno di una griglia. Per realizzarlo, prendiamo uno screenshot della pagina del gruppo e lo inseriamo nel progetto, nel mio caso in Photoshop.
Quindi utilizza la combinazione di tasti CTRL+R per richiamare i righelli e posizionare le guide lungo i bordi dell'avatar e del dispositivo di fissaggio. Per estendere la guida, devi tenere premuto LMB sul righello e tirarlo verso il nostro layout.
La dimensione dell'avatar che vediamo nel browser senza ridimensionamento è 200x500 pixel. E fisso in questa forma 395x237 pixel.
taglio
Abbiamo fatto i segni, ora iniziamo a tagliare. Perché ora? Sì, perché questa è quasi la fine della mia guida.
Per tagliare abbiamo bisogno dello strumento “Cutting” (nella versione inglese “Slice tool”)
Utilizzando questo strumento, eseguiamo dei tagli lungo le nostre guide, in particolare all'interno dell'avatar e fissandoli lungo i bordi.
Dovrebbe risultare così. 
Successivamente, rimuoviamo il nostro screenshot dai livelli e procediamo al progetto. Non svilupperemo il design, ma ti mostrerò cosa accadrà. Aggiungiamo una foto di una ragazza al nostro progetto. La cosa principale per noi è entrare nell'area in cui tagliare l'avatar e ripararlo.
Dopo aver lavorato sul nostro progetto, salviamo le parti tagliate utilizzando CTRL+SHIFT+ALT+S o File->Salva per web...
In questa finestra, tieni premuto Maiusc, seleziona il nostro avatar e fai clic su Salva 
Ma non è tutto. Nella finestra che appare, seleziona i frammenti, seleziona "Solo i frammenti selezionati" e fai clic su Salva. Dopodiché Photoshop taglierà l'area con l'avatar e l'allegato dall'intero layout.
Nella cartella in cui abbiamo salvato il taglio vedremo qualcosa di simile. 
Un singolo blocco di avatar e menu per un gruppo VKontakte
Sentiti libero di caricare il nostro avatar e appuntarlo sul gruppo di test per vedere il risultato 
Proprio così, grazie a queste azioni otterrai un unico blocco di avatar e menu nei gruppi VKontakte.
Completamento
Spero che la mia mini-guida vi sia stata utile e che possiate rendere i vostri gruppi più belli e memorabili.
Articoli utili su argomenti simili:
Video divertente (in alcuni punti non si capisce se è "photoshoppato" o meno)
Attenzione!
Darò un set di adesivi tra cui scegliere a chi ripete questa lezione e potrà creare un avatar e attaccarlo tutto intero 😉
Ad esempio, lascia commenti, lancia muffin o pomodori nel nostro gruppo
Questo articolo sarà un manuale dettagliato e ti dirò come creare un menu per un gruppo VKontakte. Un menu del gruppo VK dal design accattivante contribuisce a un reale aumento dei visitatori e alla crescita delle vendite sul sito.
Ciao miei cari lettori. Lascia che te lo dica oggi come fare bellissimo menù per il gruppo VKontakte e completamente gratuito. A proposito, avendo imparato a creare tali argomenti, puoi guadagnare un po 'di soldi da questo -))). Non esiste un solo sito web commerciale senza creare una propria comunità sui social network, in particolare VK, che sicuramente aiuterà ad acquisire nuovi clienti e a promuovere la tua attività.
Ma se la tua comunità non è attraente e come tutte le altre, chi vorrà restarci? Penso che nessuno!!! Decoriamo quindi i nostri gruppi con un design di alta qualità e impariamo a farlo molto rapidamente. Prima di iniziare a creare la grafica e il nostro menu futuro, è necessario installare il programma Photoshop sul computer per l'ulteriore taglio delle immagini. Molti si chiederanno perché è necessario tagliare le immagini. Il punto qui è che per ogni collegamento del menu dovremo creare una striscia separata dal banner generale.
Oggi esistono diversi tipi di menu creati:
- Apri con elementi attivi;
- Chiuso come post appuntato;
- Con immagini singole o un'immagine comune adiacente del banner e del menu.
L'essenza della creazione di entrambe le opzioni è la stessa. L'unica differenza principale risiede negli elementi aggiuntivi e nei tipi di record e questo verrà discusso più dettagliatamente in questo articolo.
Lavorare con il menu ci aiuterà markup wiki, che oggi è integrato nell'editor di testo VKontakte. Si differenzia dal solito in quanto utilizzerà comandi standard per visualizzare una particolare immagine e inserire collegamenti agli elementi necessari. Il markup wiki stesso ti consente di inserire codice per visualizzare immagini, video e altri elementi.
Menu chiuso del gruppo VK
In questo caso, vedremo a sinistra dell'avatar del gruppo principale un collegamento ipertestuale sotto forma di scritta “menu del gruppo”, cliccandoci sopra si aprirà il nostro menu con elementi e immagini attivi.
Il menu sarà simile a questo:
Apri il menu del gruppo (materiale appuntato)
L'idea è quella di creare voci di menu già aperte che verranno visualizzate nella descrizione del gruppo stesso, dove solitamente viene visualizzato per tutte le condizioni. La nostra immagine verrà allegata alla descrizione, che prepareremo in anticipo e la collegheremo alla pagina sulla quale avremo gli articoli attivi. Questo menu è diventato molto popolare in Ultimamente ed è richiesto dai clienti. Sembrano così:
Come creare un bellissimo menu per un gruppo VKontakte: istruzioni passo passo
Quindi, prima di tutto, dovremo creare l'avatar principale del gruppo, che posizioneremo sulla destra, e lo stub del nostro menù sotto forma di banner.
- Per un avatar 200x332 pixel;
- Per il banner del menu principale, 395x282 pixel.
Come avrai notato, l'altezza delle immagini è diversa e questo viene fatto in modo che le immagini non scendano in altezza e siano allo stesso livello poiché l'altezza del nome e dello stato della comunità occupa circa 50 px e noi è necessario rimuovere questo valore dall'altezza del menu.
Per essere più chiari, se l'altezza dell'avatar principale di un gruppo è 332, allora sottraiamo 50 e otteniamo l'altezza del menu principale pari a 282. Se le dimensioni non contano, l'altezza può essere impostata arbitrariamente .
Il passo successivo dopo la creazione di una comunità sarà la creazione dei materiali, e qui dobbiamo vietare ai partecipanti di creare pagine e blocchi aggiuntivi, ma solo di scrivere sul muro. Per fare ciò dovremo recarci nella sezione sotto l'avatar del gruppo chiamata “gestione della community” dove dovremo rendere i nostri materiali “limitati” come mostrato di seguito.
Ora iniziamo a creare la composizione generale. Ovviamente puoi semplicemente inserire un'immagine al posto dell'avatar nella descrizione, ma non siamo dilettanti e ti mostreremo come farlo in modo professionale in modo che sia un'immagine a tutti gli effetti, che si trasforma l'una nell'altra.
Creiamo una nuova tela in Photoshop con dimensioni di 600x350 pixel, che utilizzeremo come stencil ritagliando delle aperture per le nostre immagini. Per funzionare, dobbiamo convertire le dimensioni di tutti gli elementi e righelli in pixel e questo viene fatto lungo il seguente percorso: “Edit-installation-main” e qui impostiamo i pixel.
Il prossimo passo nella creazione aprire il menuÈ necessario realizzare dei ritagli per il banner e l'avatar, che riceveremo poi per il download. Per fare ciò, vai alla sezione del menu verticale di sinistra e seleziona taglio.
Utilizzando il tasto sinistro del mouse, come se si selezionasse un'area, bisogna selezionare i blocchi delle dimensioni che ci servono e dopo ogni selezione premere il tasto “Elimina” e selezionare 50% grigio. Tali azioni porteranno i blocchi ad avere la dimensione richiesta ed evidenziati in un colore diverso dallo sfondo principale.
Dovrebbe sembrare come questo:
Ora selezioniamo semplicemente la gomma e utilizziamo la funzione “gomma magica” per fare clic su ciascun blocco grigio e ottenere uno stencil con ritagli. Il passo successivo è selezionare la nostra immagine principale e posizionarla come sfondo e ottenere immagini già pronte su cui è possibile scrivere il testo con il nome del menu o altri elementi pubblicitari.
Grande. Dopo aver inserito un'immagine del nostro design, dobbiamo solo selezionare "salva per Web" e di conseguenza otterremo 2 delle nostre immagini. Ora torniamo al nostro gruppo e possiamo compilare l'avatar principale (verticale). Utilizzeremo il banner per il menu un po' più tardi quando lavoreremo con il codice di markup wiki.
Creiamo il menu stesso, con elementi attivi che reindirizzeranno l'utente alle sezioni necessarie di un sito di terze parti o ad album e cataloghi del gruppo stesso. Utilizzeremo una nuova immagine per varietà -))).
Torniamo quindi a Photoshop e creiamo una nuova tela con dimensioni di 400x300 pixel. Quindi seleziona nella sezione: file-place e seleziona un'immagine per lo sfondo del menu.
Posizioniamo i pulsanti del nostro futuro menu sull'immagine e tagliamo l'immagine come abbiamo fatto sopra selezionando i blocchi necessari. Dopodiché selezioniamo anche “salva per web” e otteniamo una cartella con i nostri tagli. Nel mio caso, ho 4 immagini in una cartella separata.
Ora dobbiamo caricare le immagini scaricate da Photoshop in un album separato e nasconderle da occhi indiscreti. Dopo il caricamento, ogni immagine riceverà il suo nuovo nome e ID univoco.
Tieni presente che devi avere:
- I materiali vengono aperti in modalità “riservata”;
- Discussioni incluse;
- La cartella con le foto è aperta a tutti.
Ora non resta che configurare la nostra pagina in cui verrà visualizzato il menu. Per fare ciò, vai alla pagina principale della community e seleziona nuovi materiali, modifica e chiama "IL NOSTRO MENU".
Successivamente, dobbiamo inserire le immagini che abbiamo ricevuto durante il taglio in Photoshop. Alcune persone usano codici di markup, ma per non pensarci troppo ti suggerisco di selezionare semplicemente l'inserimento di un'immagine cliccando sull'icona della fotocamera e caricarle una dopo l'altra.
Lavorando in un editor di testo, se dopo aver caricato le immagini clicchiamo sull'icona a forma di parentesi nell'angolo in alto a destra, dovremmo vedere questo codice:
[]
[]
[]
[]
Consiglio: Un punto importante Dopo aver caricato le immagini, il riempimento viene rimosso. Questo può essere risolto inserendo "nopadding" prima delle dimensioni dell'immagine.
Per chiarezza, qui sotto c'è scritto cosa viene da dove, ma considerando che tutto verrà inserito automaticamente e non c'è bisogno di fare i furbi, e aprire come alcuni scrivono ogni immagine e prendere l'id, allora semplicemente scarichiamo e salviamo.
[]
dove xxxxx è l'id della tua immagine
aaaaa - larghezza in pixel (massimo 388)
Dovrebbe assomigliare a questo:
[]
[]
[]
[]
Ora le nostre foto sono raccolte in un banner separato. E per aggiungere un collegamento a ciascun articolo, è sufficiente fare clic sull'immagine con il markup disabilitato e nella sezione dei collegamenti incollare l'URL copiato.
E ora arriviamo al punto più importante e finale nella creazione del nostro menu VKontakte. Ora dobbiamo salvare la nostra pagina con le immagini e copiarne l'indirizzo. Nel mio caso assomiglia a questo:
http://vk.com/page-116682062_51411604?act=edit&hid=183950676§ion=edit
Ricorda, all'inizio dell'articolo abbiamo creato un menu stub, che sarà la continuazione del nostro avatar principale, e per questo abbiamo creato uno stencil. Questo è esattamente ciò di cui abbiamo bisogno adesso.
Vai alla pagina principale ed esegui le seguenti operazioni:
Passo 1.
Incolliamo l'indirizzo della pagina nel campo di testo per un nuovo post sulla bacheca, dopodiché verrà convertito in un collegamento.
Passo 2.
Alleghiamo un'immagine del segnaposto del nostro menu al post e facciamo clic su Invia.
Passaggio n.3.
Ora, dopo aver pubblicato il post, clicca sull'ora di creazione nella parte in basso a sinistra del post e seleziona “PIN”.
Grande!!! Finiamo qui. Ora sai come creare fantastici menu e puoi guadagnare bei soldi da questo. Ti consiglio di fare tutto nel seguente ordine:
- Creiamo una struttura e ordiniamo il design delle immagini del menu;
- Ridimensioniamo e tagliamo tutte le immagini;
- Inserisci le immagini negli album;
- Modifichiamo tutti i tagli nell'editor e li pubblichiamo sulle pagine principali del gruppo.
Come risultato del nostro lavoro, otterremo questo menu.
Ma il menu stesso, quando si fa clic, verrà visualizzato con collegamenti attivi. Vale la pena giocare con le dimensioni e adattarle allo schermo, ma non dimenticare il display dispositivi mobili.
IMPORTANTE: Dopo aver modificato il design VK nel 2016, sono state apportate nuove modifiche durante la creazione di immagini e requisiti per le immagini su cui.
Scarica il modello di menu del gruppo VK + tutte le fonti delle lezioni
Spero che il materiale sia stato utile e ora capirai facilmente come creare un bellissimo menu per un gruppo VKontakte. Iscriviti agli aggiornamenti del blog e a presto con nuovi post. Se hai domande, scrivile nei commenti e ti aiuterò sicuramente.
Allego un video per rafforzare ciò che hai letto -))).
Siamo abituati al fatto che un avatar sia la personificazione dell'utente rete sociale, la sua “immagine”, a cui ci rivolgiamo se vogliamo scrivere qualcosa a qualcuno. Pertanto, è facile intuire quanto sia importante l'immagine installata nella schermata del profilo.
È vero, non tutte le persone prestano così tanta attenzione all'immagine della propria pagina. Diciamo solo che tutti gli utenti (se parliamo specificamente di questo problema) possono essere divisi in due gruppi: quelli che impostano la propria foto sul proprio avatar e quelli a cui non interessa l'immagine del proprio profilo. O lasciano l'immagine standard o utilizzano un'immagine di terze parti.
Se parliamo di gruppi, qui la situazione è diversa. Se il tuo gruppo non ha una foto attraente e informativa, molto probabilmente nessuno si unirà a esso. Pertanto, gli amministratori della comunità spesso pongono la domanda: come creare un avatar per un gruppo VKontakte? In questo articolo esamineremo diverse opzioni per crearlo e esamineremo anche le caratteristiche delle fotografie in gruppi.
Quale dovrebbe essere l'avatar del gruppo?
Quindi iniziamo con una teoria generale su come dovrebbe apparire la foto della tua band. Sulla base di queste informazioni, capirai come creare un avatar per il gruppo VKontakte in modo che piaccia agli utenti e attiri nuovi membri.
Ovviamente la foto nel gruppo deve essere coerente con il contenuto pubblicato nella community. Questo è un requisito fondamentale per un'immagine: il suo contenuto deve essere correlato a ciò di cui stai scrivendo. Il secondo requisito è l'attrattiva dell'immagine. Poiché tutto ciò che un visitatore vede del tuo gruppo è il nome e l'immagine, quest'ultima dovrebbe essere il più attraente possibile in modo che l'utente voglia fare clic e andare alla pagina della comunità stessa. Quando vuoi creare un avatar per il gruppo VKontakte, tienilo in considerazione. L'ultimo requisito per una foto di gruppo dovrebbe essere il contenuto informativo. In parole povere: sarebbe opportuno raffigurare sull'avatar qualcosa che suggerisca all'utente cosa sta facendo il gruppo. Questo può essere fatto, ad esempio, utilizzando le iscrizioni.
Alla ricerca di un'immagine finita
Nell'elenco dei modi per creare una foto di gruppo, la ricerca di un'immagine già pronta è la più popolare e più semplice allo stesso tempo. Tutto quello che devi fare è andare sul sito delle immagini e trovare una categoria di immagini legate al tema del tuo gruppo. Maggior parte Bella foto puoi salvarlo e modificarlo (o anche semplicemente pubblicarlo sulla pagina della community senza modifiche).
Creare un avatar utilizzando editor online
La seconda opzione è modificare le immagini già pronte (o crearne di nuove) utilizzando editor online. Fortunatamente ora ci sono molti servizi che ti permettono di sviluppare il tuo avatar sia “da zero” sia utilizzando uno dei modelli già pronti. Devi solo decidere cosa ti piacerebbe vedere nell'immagine per Ava, e poi non dovrai nemmeno preoccuparti di come creare un avatar per un gruppo VKontakte senza Photoshop: la risorsa farà tutto automaticamente. Ora ci sono molte di queste soluzioni già pronte su Internet. Sono gratuiti e ricchi di funzionalità. L'unico svantaggio di lavorare con tali siti è l'indirizzo della risorsa che ti ha reso un avatar, situato da qualche parte nell'angolo inferiore.
Creare un avatar con Photoshop
Se non sai come creare un avatar per un gruppo VKontakte senza un collegamento al sito di qualcun altro, dovrai utilizzare quello più popolare: Photoshop. Lavorare con esso è abbastanza semplice, l'importante è comprendere le basi, comprendere i concetti e le categorie elementari con cui funziona il programma. Se hai già un minimo di esperienza nell'interagire con esso, creare un avatar per te non sarà difficile. Se non sai affatto come creare un avatar per un gruppo VKontakte in Photoshop, ti rimarranno due opzioni. Il primo è chiedere aiuto a una persona che sappia lavorare nel programma, il secondo è studiare da solo le funzionalità dell'editor: trova lezioni, esempi di lavoro, esercitati.
Crea un avatar
Alla fine, dopo aver risposto alla domanda "Come creare un avatar per un gruppo VKontakte?", è tempo di pensare a cosa verrà mostrato nella foto nel gruppo. Come già notato, dovrebbe essere qualcosa di tematico, attraente e informativo. Ti invitiamo a prendere un foglio di carta e una penna e abbozzare un logo per la tua comunità. Successivamente, puoi iniziare a creare l'immagine.
Questo può essere fatto utilizzando uno dei metodi sopra indicati. Se non sai quale avatar è migliore, puoi ricorrere a uno semplice, ma metodo efficace definizioni: voto all'interno del gruppo stesso. Lascia che siano le persone a decidere quale foto è migliore.
In questo articolo te lo diremo come creare un ampio avatar orizzontale in un gruppo VKontakte. SU chiaro esempio te lo mostreremo come creare un avatar VK ampio e fornire anche utili consigli pratici.
Prima di tutto, vorrei dire subito l'importanza di un elemento grafico del gruppo VK come un ampio avatar orizzontale. Rispetto a un normale avatar VKontakte verticale, quello orizzontale ha un'area più ampia e viene visualizzato sui dispositivi mobili, il che consente di utilizzarlo in modo più efficiente.
Prima di installare direttamente un avatar ampio, vorrei attirare la tua attenzione sull'icona del tuo gruppo, che viene visualizzata a sinistra di fronte a ogni post. È preso direttamente dalla miniatura dell'avatar verticale standard. Se possibile, dovrebbe avere lo stesso stile del futuro cappello. Se l'intestazione è pianificata in uno stile diverso, carica prima un avatar normale, quindi passa a uno largo orizzontale.
Passiamo quindi al processo di installazione. avatar ampio in contatto con.
Istruzioni su come creare un avatar orizzontale in un gruppo VK.
1) Prepariamo un avatar ampio con una dimensione di 1590×400 pixel in un editor grafico.
Un ampio avatar orizzontale è il volto del tuo gruppo, che costituisce la prima impressione e l'atteggiamento dei visitatori. È necessario affrontare la creazione di un avatar con particolare attenzione; ciò determinerà l'ulteriore successo della tua comunità.
Ad esempio, considera l'avatar che abbiamo preparato per la dimostrazione:
Gli elementi principali che solitamente vengono utilizzati in un'intestazione sono:
- Logo– Imposta l'associazione grafica primaria al gruppo.
- Intestazione– Spiega brevemente e chiaramente di cosa tratta il gruppo e per chi.
- Elementi grafici con descrizioni dai di più informazioni complete su cosa offre il gruppo, quali vantaggi e caratteristiche ha il gruppo.
Gli elementi principali dovrebbero essere posizionati più vicini al centro e in basso, allontanandosi dal bordo superiore di almeno 100 pixel e dai bordi laterali di almeno 220. In questo modo garantirai la normale visualizzazione di un avatar ampio sui dispositivi mobili.
2) Passiamo alla gestione della community.
3) Fai clic su Carica accanto al campo di copertura della comunità.
4) Carica un avatar orizzontale precreato.
5) Controlliamo se l'avatar viene visualizzato correttamente nel gruppo dal computer e dal dispositivo mobile.
Come potete vedere, realizzare un avatar ampio e orizzontale non è affatto difficile. È importante conoscere solo alcune caratteristiche.
Inoltre, vorrei attirare la vostra attenzione sul fatto che l'avatar non è l'unico elemento grafico che determina lo stile del gruppo. Il quadro generale è formato anche dal design di post, album, prodotti e altre sezioni del tuo gruppo. Anche questo dovrebbe essere preso in considerazione.
A proposito, se hai bisogno di aiuto per scrivere post per il gruppo, creare schede prodotto e scrivere contenuti simili, puoi contattarci all'interno.
Per noi oggi è tutto.
Buona fortuna con gli affari!