Πώς να φτιάξετε ένα όμορφο μενού για μια ομάδα VKontakte. Πώς να δημιουργήσετε ένα μενού για μια ομάδα VKontakte: οδηγίες και συστάσεις βήμα προς βήμα Πώς να σχεδιάσετε όμορφα ένα μενού ομάδας VKontakte

), κάντε ένα μενού.

Τώρα θα σας δείξω πώς να δημιουργήσετε ένα μενού σε μια ομάδα VKontakte και να το σχεδιάσετε σωστά.

Κάνοντας όμορφα γραφικά

Στη νέα σχεδίαση του ιστότοπου VKontakte, οι διαστάσεις για τα γραφικά έχουν αλλάξει. Παρακάτω θα βρείτε τις τρέχουσες τιμές.

  • Avatar για την ομάδα - 200x300 px
  • Banner στην περιγραφή - 510x271 px

Προετοιμάστε εικόνες στα απαιτούμενα μεγέθη. Θα βγάλω έτοιμες φωτογραφίες για να σας δείξω ένα παράδειγμα.

Ας κάνουμε λοιπόν ένα όμορφο σχέδιο χωρίζοντας τη συνολική εικόνα σε δύο μέρη. Ως αποτέλεσμα, θα έχουμε ένα ενιαίο σχέδιο.

Αρχικά, ανεβάστε το avatar σας. Μεταβείτε στην ομάδα και κάντε κλικ "Για να ανεβάσετε μια φωτογραφία".

Θα δείτε μια φόρμα στην οποία πρέπει να επιλέξετε ένα αρχείο στον σκληρό δίσκο του υπολογιστή σας. Κάνε το. Ως αποτέλεσμα, πήραμε τα εξής.

Τώρα ας προσθέσουμε το δεύτερο μέρος της εικόνας. Για να το κάνετε αυτό, πρέπει να δημοσιεύσετε μια εικόνα στον τοίχο και, στη συνέχεια, να την εγγράψετε με αυτήν, να την στερεώσετε στην επάνω περιοχή.

Πάμε στον τοίχο. Εδώ στο μπλοκ "Προσθήκη σημείωσης", πατήστε το εικονίδιο Φωτογραφία.

Ανεβάστε τη δεύτερη έτοιμη εικόνα. Φροντίστε να επιλέξετε να δημοσιεύσετε ως κοινότητα. Και μετά κάντε κλικ στο «Υποβολή».

Τώρα πρέπει να διασφαλιστεί η είσοδος (βλ.). Επιστρέφουμε στη νέα καταχώρηση και επεκτείνουμε το μενού στην επάνω δεξιά γωνία. Εδώ κάνουμε κλικ στο «Καρφίτσωμα».

Τώρα ανανεώστε τη σελίδα και δείτε το αποτέλεσμα.

Το μόνο αρνητικό είναι ότι οι φωτογραφίες είναι σε διαφορετικά επίπεδα. Αυτό όμως οφείλεται στο γεγονός ότι δεν έχουν το σωστό μέγεθος. Το avatar θα πρέπει να είναι μεγαλύτερο κάθετα. Τότε θα είναι στο ίδιο επίπεδο.

Πώς να δημιουργήσετε ένα μενού σε μια ομάδα VKontakte

Ας επιστρέψουμε στο παράδειγμά μας και ας φανταστούμε ότι πρέπει να κάνουμε ένα κουμπί "Περισσότερες λεπτομέρειες". Είναι ήδη στη φωτογραφία. Πώς μπορούμε να το κάνουμε κουμπί, ώστε όταν πατηθεί, ένα άτομο να μεταφερθεί στον κύριο ιστότοπό μας; Θα σας δείξω τώρα.

Για να δημιουργήσουμε ενεργά κουμπιά μενού, πρέπει να τα κόψουμε ως ξεχωριστές εικόνες. Για αυτό χρειαζόμαστε Photoshop.

Ανοίξτε την εικόνα μας στο πρόγραμμα επεξεργασίας και ενεργοποιήστε το εργαλείο κοπής.

Κόψτε το κάτω μέρος με το κουμπί. Κρατήστε πατημένο το αριστερό κουμπί του ποντικιού και σχεδιάστε μια οριζόντια γραμμή, κόβοντας την εικόνα σε δύο μέρη.

Τώρα πατήστε Alt+Ctrl+Shift+S για να αποθηκεύσετε τις έτοιμες εικόνες.

Https://vk.com/pages?oid=-120208137&p=menu

Κοιτάξτε, μετά τα σύμβολα "odi=-", πρέπει να εισαγάγετε το αναγνωριστικό της ομάδας σας (βλ.). Και στο τέλος του συνδέσμου, γράψτε το όνομα για τη σελίδα του μενού σας. Στο παράδειγμα, θα αφήσουμε το "Μενού" ως έχει.

Εδώ κάνουμε κλικ στο εικονίδιο της κάμερας και ανεβάζουμε τις έτοιμες εικόνες.

Τώρα ας προχωρήσουμε στη δημιουργία ενός μενού για την ομάδα στο VK. Θα πρέπει να φαίνεται κάτι παρόμοιο.

Στη συνέχεια πηγαίνουμε στην ενότητα "Επεξεργασία". Εδώ, για κάθε εικόνα, πρέπει να αφαιρέσουμε το padding έτσι ώστε να συγχωνεύονται σε μια ενιαία εικόνα. Για να το κάνετε αυτό, προσθέστε την ακόλουθη τιμή στον κώδικα: "nopadding;" . Και προσθέστε έναν σύνδεσμο προς την επιθυμητή σελίδα ή ιστότοπο, εισάγοντας την τιμή "https://site.ru/page.html" (υποδείξτε τις διευθύνσεις σας!). Στο παράδειγμά μας, το κουμπί "Περισσότερες λεπτομέρειες" θα πρέπει να οδηγεί στον ιστότοπο. Αυτό πρέπει να συμβεί.

[] []

Αποθηκεύστε τη σελίδα. Μην ξεχάσετε να αντιγράψετε τη διεύθυνσή της από τη γραμμή διευθύνσεων. Θα πρέπει να μοιάζει με:

https://vk.com/page-120208137_52523487

Επιστρέφουμε στον τοίχο της ομάδας και δημιουργούμε μια νέα καταχώρηση. Σε αυτό εισάγουμε έναν σύνδεσμο προς τη σελίδα και επισυνάπτουμε την αρχική εικόνα. Δημοσιεύουμε και καρφιτσώνουμε.

Αυτό είναι το μενού στο οποίο καταλήξαμε.

Ο στόχος του δημιουργού μιας ομάδας στα social media. δίκτυα για να προσελκύσουν περισσότερους επισκέπτες. Είναι σημαντικό ο επισκέπτης να θέλει να εγγραφεί, να υπογράψει, να διαβάσει πληροφορίες, να αφήσει ένα σχόλιο ή να παραγγείλει ένα προϊόν. Η ανάγκη για το τελικό αποτέλεσμα διαφέρει από την κατεύθυνση της δραστηριότητας.

Τα πρώτα δευτερόλεπτα της διαμονής διαμορφώνουν τις περαιτέρω ενέργειες του επισκέπτη. Αυτός είναι ο λόγος για τον οποίο η διεπαφή παίζει μεγάλο ρόλο.

Παράγοντες που αφήνουν έναν επισκέπτη:

  • avatar?
  • περιγραφή;
  • Ονομα;
  • όμορφο και πρακτικό μενού.
  • πολύχρωμο?
  • περιεχόμενο.

Είναι εύκολο να δημιουργήσετε ένα πρακτικό μενού που παρακινεί περισσότερα από τη δράση. Αλλά πρώτα πρέπει να καταλάβετε τι πρέπει να είναι.

Πώς πρέπει να είναι το μενού;

Χρησιμοποιώντας ένα καλά σχεδιασμένο μενού, ο επισκέπτης μπορεί εύκολα να περιηγηθεί σε αυτό και να λάβει γρήγορα απαντήσεις στις ερωτήσεις του. Η πλοήγηση σάς επιτρέπει επίσης να δημιουργήσετε τη σωστή εντύπωση του έργου.

Τρεις κύριοι στόχοι των ομάδων:

  1. εκπτώσεις;
  2. αύξηση της κυκλοφορίας?
  3. αύξηση των ενεργών επισκεπτών.

Για πωλήσεις, η ομαδική πλοήγηση αντικαθιστά την εμφάνιση στο κατάστημα.

Τα πιο σημαντικά κουμπιά πρέπει να είναι εδώ:

  1. κατάλογος;
  2. τιμή;
  3. διανομή;
  4. προωθητικές προσφορές·
  5. κριτικές.

Για να αυξήσετε την επισκεψιμότητα, δίνεται έμφαση στο περιεχόμενο και τη γεύση του ιστότοπου ή του ιστολογίου.

Ένα κατά προσέγγιση σύνολο κουμπιών:

βίντεο: μενού για κοινό

Εργασία με Photoshop

Πριν ξεκινήσετε, πρέπει να οπτικοποιήσετε το σχέδιο ή τη συνολική εμφάνιση, καθώς και τα στοιχεία του. Δεν απαιτούνται ειδικές γνώσεις, απλώς ακολουθήστε τα βήματα των οδηγιών.

Αλγόριθμος ενεργειών:



Αυτό γίνεται χρησιμοποιώντας το εργαλείο Rectangular Marquee:


Εργασία με γραφικά:


Θα πρέπει να μοιάζει κάπως έτσι:

Αποθηκεύστε το ορθογώνιο που βρίσκεται στα δεξιά ως ξεχωριστή εικόνα, ορίζοντας το μέγεθος σε 200x500 pixel. Αυτό είναι ένα έτοιμο avatar, που μεταφορτώνεται μέσω του κουμπιού "Μεταφόρτωση φωτογραφίας" στην ομάδα VK.

Η δεύτερη εικόνα πρέπει ακόμα να διαιρεθεί με τον αριθμό των πόντων. Αυτό γίνεται για να εκχωρηθεί ένας σύνδεσμος σε κάθε κουμπί.

Πρώτα πρέπει να κάνετε τη σήμανση:


Δημιουργία θραυσμάτων:


Αποθήκευση εικόνων:


Τεχνικό μέρος

Οι ολοκληρωμένες εικόνες πρέπει να μεταφερθούν στην ομάδα. Ακολουθώντας τα παρακάτω βήματα, αυτή η εργασία μπορεί να ολοκληρωθεί εύκολα.

Σπουδαίος! Η μεταφόρτωση ενός μενού διαφέρει από τη συνηθισμένη μεταφόρτωση φωτογραφιών ή εικόνων.

Όλα με τη σειρά:


Τώρα το πιο σημαντικό είναι γιατί έγιναν όλα αυτά. Προσθήκη λειτουργικότητας μενού. Σε μια ξεχωριστή εικόνα πρέπει να εκχωρηθεί ο δικός της σύνδεσμος.

  1. βρείτε την απαιτούμενη καταχώρηση.
  2. κάντε αριστερό κλικ πάνω του.
  3. αντιγράψτε τη διεύθυνση URL στη γραμμή διευθύνσεων.
  • μεταβείτε στην πηγή όπου πρέπει να μεταφέρετε τον επισκέπτη.
  • αντιγράψτε την απαιτούμενη διεύθυνση.

Αποθηκεύστε τις αλλαγές χρησιμοποιώντας το αντίστοιχο κουμπί στο κάτω μέρος του παραθύρου.

Προσοχή! Οι αλλαγές ενδέχεται να μην αντικατοπτρίζονται αμέσως. Συνιστάται να αποσυνδεθείτε στο κύριο προφίλ σας και στη συνέχεια να συνδεθείτε ξανά στην ομάδα.

Πώς να δημιουργήσετε ένα μενού σε μια σήμανση wiki ομάδας VKontakte

Η σήμανση Wiki είναι μια ειδική γλώσσα που χρησιμοποιείται για το σχεδιασμό ιστοσελίδων σε ομάδες κοινωνικών δικτύων.


Αυτό το εργαλείο σας επιτρέπει να δημιουργήσετε:

  • υπάρχοντα;
  • ασυνήθιστα μενού?
  • σημάδια?
  • στοιχεία πλοήγησης.
  • μορφή κειμένου.

Με μια λέξη, αυτή η σήμανση σάς επιτρέπει να δημιουργήσετε έναν mini ιστότοπο VKontakte. Αυτό είναι πολύ βολικό, ειδικά για πωλήσεις και στρατολόγηση συνδρομητών.

Αυτό το σχέδιο αναγκάζει διαισθητικά τον επισκέπτη να μείνει και να κάνει κλικ στο κουμπί. Δηλαδή καθυστερεί και διεγείρει τη δράση – και αυτό ακριβώς χρειάζεται.

Οπτικά, ένα τέτοιο σύστημα μοιάζει πολύ με τη διάταξη HTML. Δεν απαιτεί όμως πολύωρη εκπαίδευση και ιδιαίτερη νοοτροπία.

Βίντεο: μενού με αναζήτηση ανά κατηγορία

Αποχρώσεις της δημιουργίας

Στην πραγματικότητα, αυτό που έγινε παραπάνω (διαίρεση και φόρτωση της εικόνας) είναι ήδη στοιχεία σήμανσης. Αυτό είναι το πλεονέκτημα αυτού του εργαλείου. Αυτόματη μετατροπή σε ετικέτες κατά την απλή φόρτωση εικόνων.

Ωστόσο, είναι σημαντικό να γνωρίζετε τις επιμέρους ετικέτες για να προσθέσετε ακόμα περισσότερη λειτουργικότητα και ομορφιά. Για παράδειγμα, όταν γεμίζουμε μεμονωμένα μέρη της εικόνας, μπορεί να σχηματιστούν λευκές ρίγες μεταξύ τους. Μπορείτε να τα αφαιρέσετε προσθέτοντας απλώς την ετικέτα noborder.

Σαν αυτό: []

Οι κύριες ετικέτες παρουσιάζονται στον παρακάτω πίνακα:

Φωτογραφία: ετικέτες που χρησιμοποιούνται για τη σήμανση

Εργασία με εικόνες

Όπου οι επιλογές αντικαθίστανται από:

  • χωρίς σύνορα- αφαίρεση του πλαισίου γύρω από την εικόνα.
  • nopadding- αφαίρεση κενών μεταξύ των εικόνων.
  • πεδιάδα- Εισαγάγετε έναν σύνδεσμο προς την εικόνα. Σχεδιασμένο ως κείμενο, χωρίς γραφικά.
  • nolink- αφαίρεση του συνδέσμου προς την εικόνα.
  • κουτί- άνοιγμα μιας εικόνας σε ένα παράθυρο.
  • NNNxYYYpx ή NNNpx- ορίζει το μέγεθος της φωτογραφίας σε pixel.

Δημιουργία πίνακα

Ανεξάρτητα από το είδος του μενού (κείμενο ή γραφικό) που δημιουργείτε, είναι απίθανο να κάνετε χωρίς να εισάγετε πίνακα. Διαφορετικά, μπορείτε απλώς να επικολλήσετε το κείμενο στο πεδίο ειδήσεων και να μην το μορφοποιήσετε, χάνοντας τόσο πολύ χρόνο.

Ένας πίνακας δημιουργείται χρησιμοποιώντας ένα ειδικό σύνολο χαρακτήρων, όπου καθένας από αυτούς είναι υπεύθυνος για ένα συγκεκριμένο μέρος του πίνακα:

  • {| σύμβολο της αρχής του τραπεζιού, χωρίς αυτό δεν μπορεί να υπάρξει τραπέζι. Χρησιμοποιείται πάντα.
  • |+ είναι υπεύθυνος για την τοποθέτηση του τίτλου του τραπεζιού στο κέντρο. Τοποθετείται μετά τους χαρακτήρες στην αρχή του πίνακα. Χρησιμοποιήστε όπως θέλετε.
  • | υποδηλώνει την αρχή μιας νέας γραμμής και κελιού.
  • | ένας χαρακτήρας που κάνει το κελί διαφανές.
  • ! κάνει το κύτταρο πιο σκούρο. Εάν απουσιάζει, πρέπει να χρησιμοποιείται η προηγούμενη πινακίδα.
  • |} σημαίνει το τέλος του τραπεζιού. Ο προαιρετικός χαρακτήρας, ωστόσο, χρησιμοποιείται για να αποτρέψει την εμφάνιση σφάλματος.

Όταν συμπληρώνετε έναν πίνακα, τα περιεχόμενα κάθε κελιού πρέπει να τοποθετούνται μετά το σύμβολο | και όταν διαχωρίζετε κελιά, πρέπει να αντιγράψετε τους τύπους σειρών ως εξής: || ή!!.

Χαρακτηριστικά σήμανσης

Υπάρχουν πολλοί άγραφοι κανόνες και αυτό προκαλεί πολλά προβλήματα στους αρχάριους προγραμματιστές. Κατά κανόνα, όλα μαθαίνονται μέσα από την πρακτική. Ο καθένας βρίσκει τα δικά του κενά, ο καθένας αντιμετωπίζει τις δικές του δυσκολίες.

Για να αποφύγετε βασικά λάθη, θα πρέπει να εξοικειωθείτε με τα κύρια:

  1. πρέπει να είστε προσεκτικοί όταν αλλάζετε το μέγεθος της εικόνας - εάν είναι μικρότερη από 131 pixel, η ποιότητά της θα επιδεινωθεί σημαντικά.
  2. Το πλάτος της εικόνας δεν πρέπει να υπερβαίνει τα 610 px.
  3. Απαγορεύεται η τοποθέτηση περισσότερων από 17 μη κλειστών ετικετών σε μία σελίδα wiki.
  4. όταν αλλάζετε το πλάτος της εικόνας, το ύψος της αλλάζει αυτόματα και αναλογικά.
  5. μια λίστα μέσα σε έναν πίνακα θα πρέπει να δημιουργηθεί χρησιμοποιώντας μια ετικέτα
    ;
  6. Δεν πρέπει να υπάρχουν περισσότερα από 8 στοιχεία λίστας σε μία γραμμή σήμανσης.

Για να δημιουργήσετε όμορφη και λειτουργική πλοήγηση, πρέπει να γνωρίζετε τα βασικά του Photoshop και τη σήμανση wiki.Ωστόσο, το τελευταίο περιέχει τις δικές του αποχρώσεις, τις οποίες, όταν αντιμετωπίζει ένας αρχάριος, μπορεί να κολλήσει και να μπερδευτεί για μεγάλο χρονικό διάστημα.

Σπουδαίος! Ελέγξτε ότι όλες οι ετικέτες είναι κλειστές. Κρατήστε το συνεπές.

Ο κύριος βοηθός σε αυτό το θέμα είναι η προσοχή και η αυστηρή τήρηση των οδηγιών. Η επίσημη σελίδα VK, η οποία ονομάζεται σήμανση wiki, μπορεί πάντα να βοηθήσει.

Νομίζω ότι όλοι όσοι χρησιμοποιούν ενεργά το κοινωνικό δίκτυο VKontakte έχουν ήδη συναντήσει όμορφα σχεδιασμένες ομάδες και δημόσιες σελίδες. Πολλά από αυτά, εκτός από το μενού, έχουν και πολλές στυλιζαρισμένες υποσελίδες, καταλόγους κ.λπ., κάτι που ουσιαστικά δημιουργεί μια μικρή ιστοσελίδα ακριβώς μέσα στο κοινωνικό δίκτυο.

Ακολουθούν μερικά παραδείγματα για να καταλάβουν όλοι για τι πράγμα μιλάμε.




Τέτοιες ομάδες σάς επιτρέπουν να ξεχωρίζετε μεταξύ των ανταγωνιστών σας και να προσελκύετε περισσότερους χρήστες. Ειδικά αν το περιεχόμενο είναι επίσης ενδιαφέρον :)
Σε αυτό το άρθρο θα μιλήσουμε για το πώς γίνεται όλο αυτό. Για να αναλύσουμε τα πάντα με περισσότερες λεπτομέρειες και να εμβαθύνουμε σε όλες τις λεπτές αποχρώσεις, ας πάρουμε ένα συγκεκριμένο παράδειγμα. Θα υπάρξει ένα μικρό master class για το ομαδικό σχεδιασμό.

Το πρώτο κιόλας στάδιο της δουλειάς μας είναι η ιδέα. Πρέπει να καταλάβουμε τι θέλουμε να πούμε και σε ποιον. Υπάρχουν πολλές μορφές κοινότητας στο VKontakte και θα πρέπει να επιλέξετε με βάση τους στόχους σας. Αν και στο μέλλον η ομάδα μπορεί να μεταφερθεί σε δημόσια μορφή και το αντίστροφο.

Εξηγώ με τα δάχτυλά μου. Δημόσιο- αυτό είναι κάτι σαν blog. Ροή ειδήσεων. Με άλλα λόγια, λέμε στους συνδρομητές μας ορισμένα πράγματα και δεν θα μπορούν να γράψουν στον τοίχο της κοινότητάς μας. Το μέγιστο είναι να σχολιάσεις.

Ομάδασας επιτρέπει να δημιουργήσετε μια κοινότητα πιο ανοιχτή σε συνομιλίες και συζητήσεις, όπου οι άνθρωποι μπορούν να κάνουν αναρτήσεις στη ροή για δικό τους λογαριασμό. Μπορείτε επίσης να προσθέσετε φίλους από τη λίστα σας σε αυτήν. Δεν υπάρχει τέτοια επιλογή στο κοινό. Επιπλέον, η ομάδα έχει λίγο περισσότερες επιλογές για την ενσωμάτωση της σήμανσης wiki (υπάρχει μια ενότητα "Ειδήσεις" στην οποία μπορείτε να ενσωματώσετε ένα μενού).

Σε παγκόσμιο επίπεδο, μπορούμε να σκεφτόμαστε ως εξής: εάν χρειάζεται να δημιουργήσουμε μια κοινότητα για ένα κατάστημα, τότε θα έπαιρνα τη μορφή «δημόσιας». Εάν μιλάμε, για παράδειγμα, για λάτρεις της αλιείας, τότε είναι καλύτερο να πάρετε μια "ομάδα". Αν και, ο καθένας είναι ελεύθερος να κάνει ό,τι του ταιριάζει. Μετά από όλα, η μορφή μπορεί να αλλάξει ανά πάσα στιγμή. Ωστόσο, λάβετε υπόψη ότι το VKontakte εισάγει έναν περιορισμό στην αλλαγή της μορφής κοινότητας ξανά και μετά την πρώτη φορά θα χρειαστεί να περιμένετε αρκετές ημέρες μέχρι να μπορέσετε να επιστρέψετε τα πάντα εάν είναι απαραίτητο. Επομένως, είναι καλύτερο να δοκιμάσετε τη λειτουργικότητα προτού η ομάδα αρχίσει να γεμίζει με περιεχόμενο.

Ως μέρος αυτού του master class, θα πάρω ως σημείο εκκίνησης το παιχνίδι Mad Max βασισμένο στην ομώνυμη ταινία, που κυκλοφόρησε μόλις πριν από μερικές εβδομάδες και θα δημιουργήσω μια κοινότητα για παίκτες με διάφορα υλικά σε αυτό το παιχνίδι . Ο κύριος στόχος είναι να αποστραγγίσετε την επισκεψιμότητα στον ιστότοπο τυχερών παιχνιδιών σας.

Η μορφή θα είναι «Ομαδική», καθώς είναι απαραίτητο να δημιουργηθεί μια φυσική εισροή κοινού και να μεγιστοποιηθεί η επικοινωνία εντός της κοινότητας. Επιτρέψτε μου να διευκρινίσω αμέσως ότι θα χρησιμοποιήσω μια καθολική τεχνική που μπορεί να χρησιμοποιηθεί τόσο σε ομαδική μορφή όσο και σε κοινό. Αυτό λειτουργεί παντού.

Υπάρχει πολύ περιεχόμενο, ας αρχίσουμε να ζωντανεύουμε την ιδέα!

Δημιουργήστε μια ομάδα

Για να δημιουργήσετε μια ομάδα, μεταβείτε στο "Οι ομάδες μου" στο δεξί μενού του λογαριασμού σας VKontakte και κάντε κλικ στο μπλε κουμπί στο επάνω μέρος "Δημιουργία κοινότητας".

Θα πρέπει να εμφανιστεί ένα παράθυρο όπως αυτό, όπου εισάγουμε το όνομα για την ομάδα μας και επιλέγουμε τη μορφή.

Έχοντας εισάγει τις απαραίτητες πληροφορίες, ο πίνακας ελέγχου της κοινότητας ανοίγει μπροστά μας. Στην περίπτωσή μου μοιάζει με αυτό.

Όπως μπορείτε να δείτε, πρόσθεσα μερικές παραμέτρους: Συμπεριέλαβα βίντεο, ηχογραφήσεις, συζητήσεις και μια σειρά από άλλες λειτουργίες που θα μου φανούν χρήσιμες σε μελλοντική εργασία κατά τη συλλογή περιεχομένου. Όλα αυτά μπορούν να αλλάξουν στο μέλλον χωρίς κανέναν περιορισμό. Έγραψα επίσης τη διεύθυνση του ιστότοπού μου. Εάν δεν έχετε ιστότοπο ή το θέμα του δεν αντιστοιχεί στη μορφή της κοινότητας (αφορούν διαφορετικά πράγματα και δεν σχετίζονται με κανέναν τρόπο μεταξύ τους), τότε αυτή η γραμμή μπορεί να μείνει κενή.

Σε αυτή την περίπτωση, έβαλα τους περιορισμούς ηλικίας από τα 18, παρόμοια με αυτά που έθεσαν οι προγραμματιστές για το παιχνίδι. Αν και δεν αμφιβάλλω καθόλου ότι παίζουν και παιδιά.

Ολα. Η ομάδα δημιουργήθηκε!

Τώρα μπορείτε να αρχίσετε να το σχεδιάζετε.

Μορφοποίηση ομάδας VKontakte

Αυτό το στάδιο μπορεί να χωριστεί σε 2 στοιχεία: γραφικό και τεχνικό. Για να δουλέψουμε, θα χρειαστούμε ένα πρότυπο για τη δημιουργία ομαδικού avatar και μενού, καθώς και λίγη φαντασία και βασικές γνώσεις Photoshop (γνωστός και ως Adobe Photoshop).

Πρότυπο σήμανσης

Τι είναι ένα πρότυπο και τι είναι ακόμη; Ένα πρότυπο είναι ένα είδος κενού. Σε αυτήν την περίπτωση, σε μορφή *.psd έχουμε επισημάνει περιοχές για την εικόνα κάτω από το μενού και το avatar της ομάδας.

Όπως μπορείτε να δείτε στο δεύτερο παράδειγμα στην αρχή αυτού του άρθρου, μπορούμε να σχεδιάσουμε το avatar και την εικόνα μενού με το ίδιο στυλ. Ταυτόχρονα, κόβεται οπτικά σε 2 μέρη. Έτσι, το πρότυπο σάς επιτρέπει να σχηματίσετε μια εικόνα με τέτοιο τρόπο ώστε να εξαλείφεται η μετατόπιση των γραφικών και να προσαρμόζονται οι εικόνες στο ίδιο επίπεδο όσο το δυνατόν περισσότερο.

Για να γίνει πιο σαφές, εδώ είναι ένα παράδειγμα.

Βλέπουμε ότι και στα δύο σημεία της εικόνας υπάρχει μια λωρίδα με θέα σε κατοικημένη περιοχή. Χωρίς τη χρήση προτύπου, είναι σχεδόν αδύνατο να το κάνετε ακριβώς την πρώτη φορά. Θα χρειαστεί να προσαρμόσετε τις εικόνες, μετρώντας αποκλίσεις έως και 1 px. Ενώ όταν χρησιμοποιούμε ένα πρότυπο, απλώς προσθέτουμε γραφικά σε αυτό εντός της σήμανσης και έχουμε αμέσως το επιθυμητό αποτέλεσμα.

Θα ήθελα να σημειώσω ότι αυτό το πρότυπο έχει σχεδιαστεί για 1 γραμμή επεξήγησης. Στο παράδειγμα στιγμιότυπου οθόνης υπάρχουν τηλέφωνα. Εάν εμφανιστεί μια δεύτερη γραμμή, θα χρειαστεί να χρησιμοποιήσετε διαφορετικό πρότυπο ή να διορθώσετε το σχέδιο με μη αυτόματο τρόπο.

Στο μεταξύ, προχωράμε απευθείας στη γραφιστική του νέου μας γκρουπ. Εδώ παίρνω το μονοπάτι της ελάχιστης αντίστασης και κατευθύνομαι στο Google Images για να βρω μέρη του σχεδίου. Μπορείτε επίσης να χρησιμοποιήσετε το Yandex. Σε ποιον αρέσει περισσότερο;

Δεν έχω εκπαίδευση σχεδιασμού, επομένως δεν θα σταθούμε λεπτομερώς στα θέματα επιλογής γραμματοσειρών και άλλων λεπτομερειών. Αφού έκανα λίγη μαγεία στο Photoshop, πήρα αυτό το αποτέλεσμα.

Στο αριστερό τμήμα (όπου λέει "Μενού") μπορείτε επίσης να προσθέσετε πολλούς κανόνες. Σε αυτή την περίπτωση, αποφάσισα να κάνω χωρίς αυτούς. Ολα. Το σχέδιο avatar είναι έτοιμο. Στο Photoshop, πατήστε τον συνδυασμό πλήκτρων συντόμευσης Shift+Ctrl+Alt+S και αποθηκεύστε τα κομμάτια μας σε έναν φάκελο στον σκληρό σας δίσκο.

Το πρώτο στάδιο της εργασίας με γραφικά έχει ολοκληρωθεί. Ας επικοινωνήσουμε ξανά.

Ρύθμιση avatar και μενού για μια ομάδα

Κάνουμε κλικ στους δύο τύπους στη θέση του ava της ομάδας μας και ανεβάζουμε την εικόνα μας εκεί. Εδώ είναι αυτοί οι τύποι, κάτω από αυτούς λέει επίσης "Ανεβάστε μια φωτογραφία".

Προσθέστε μια εικόνα. Καθορίστε τα πεδία και επιλέξτε μια μικρογραφία. Όλα είναι απλά εδώ και δεν πρέπει να υπάρχουν προβλήματα.

Όπως μπορούμε να δούμε, πρέπει να γνωρίζετε το αναγνωριστικό κοινότητας. Είναι πολύ εύκολο να τον αναγνωρίσεις. Βρείτε το μενού στην ομάδα σας (αμέσως κάτω από το avatar) και ανοίξτε τα "Στατιστικά στοιχεία κοινότητας". Σε αυτήν την περίπτωση, κάτι παρόμοιο θα εμφανιστεί στη γραμμή διευθύνσεων του προγράμματος περιήγησης (οι αριθμοί θα είναι διαφορετικοί).

Αυτοί οι αριθμοί μετά το “?gid=” είναι το επιθυμητό αναγνωριστικό ομάδας. Επικολλάμε την τιμή που προκύπτει στη φόρμα σεναρίου και γράφουμε το όνομα για τη σελίδα που θέλουμε να δημιουργήσουμε. Σε αυτήν την περίπτωση, πληκτρολογώ "Μενού".

Αξίζει να σημειωθεί ότι η σελίδα θα δημιουργηθεί μόνο εάν το παράθυρο με την ομάδα είναι ανοιχτό στη διπλανή καρτέλα. Με απλά λόγια, πρέπει να είστε συνδεδεμένοι στο VK στο ίδιο πρόγραμμα περιήγησης. Άλλωστε μόνο ο διαχειριστής της ομάδας και τα άτομα που έχει διορίσει έχει πρόσβαση σε τέτοιους χειρισμούς. Ένας τυχαίος περαστικός δεν θα μπορεί εύκολα να πάει και να αλλάξει τις ρυθμίσεις μιας ομάδας στην οποία δεν έχει πρόσβαση στον πίνακα διαχείρισης.

Εάν όλα γίνονται σωστά, θα ανοίξει μια σελίδα όπως αυτή.

Αυτό είναι το ίδιο παράθυρο όπου αργότερα θα δημιουργήσουμε μια σήμανση wiki και θα δημιουργήσουμε ένα εσωτερικό μενού για την ομάδα μας. Προς το παρόν, το μόνο που έχουμε να κάνουμε είναι να γράψουμε κάτι εδώ. Στη συνέχεια, κάντε κλικ στο μπλε κουμπί «Αποθήκευση σελίδας» και κάντε κλικ στον σύνδεσμο Επιστροφή στη σελίδα στο επάνω μέρος.

Έγραψα "Μενού" και η σελίδα μου μετά την αποθήκευση άρχισε να μοιάζει με αυτό.

Δεν υπάρχει ακόμη σχέδιο, αλλά τώρα χρειαζόμαστε απλώς έναν σύνδεσμο προς αυτήν τη σελίδα. Το επιλέγουμε στη γραμμή διευθύνσεων του προγράμματος περιήγησης και επιστρέφουμε στην κεντρική σελίδα της ομάδας μας. Στην τροφοδοσία.

Εδώ δημιουργούμε μια ανάρτηση με το ακόλουθο περιεχόμενο: εισάγετε μια εικόνα και έναν σύνδεσμο στη σελίδα μενού για την ομάδα.

Κάντε κλικ στην αποστολή. Στη συνέχεια, κάντε κλικ στην ώρα αποστολής του μηνύματος και επιλέξτε «Καρφίτσωμα» από όλες τις επιλογές. Ενημερώνουμε τη σελίδα (πλήκτρο F5 στο πληκτρολόγιο) και, αν όλα γίνονται σωστά, παίρνουμε το πρώτο αποτέλεσμα: η ομάδα βρήκε ένα avatar και έναν σύνδεσμο για να μεταβεί στην ενότητα μενού.

Σήμανση Wiki για το μενού ομάδας VKontakte

Τώρα ας αρχίσουμε να σχεδιάζουμε το ίδιο το μενού. Ας πάμε ξανά στο Photoshop και ας δημιουργήσουμε ένα σχέδιο για το μενού μας. Κατά το σχεδιασμό της διεπαφής, πρέπει να θυμάστε εκείνους τους ανθρώπους που θα έχουν πρόσβαση στο VK μέσω της εφαρμογής από κινητά τηλέφωνα. Με άλλα λόγια, δεν πρέπει να έχουμε μικρά στοιχεία και, επιπλέον, πρέπει να προσπαθήσουμε να τα κάνουμε όλα όσο πιο ξεκάθαρα γίνεται. Για να μην χρειάζεται να μαντέψουμε πώς λειτουργούν όλα εδώ και πού πρέπει να κάνουμε κλικ... αλλά απλώς τοποθετήστε το δείκτη του ποντικιού στο σωστό στοιχείο και μελετήστε τις πληροφορίες που αναζητούμε.

Δεν θα υπεισέλθω σε λεπτομέρειες τώρα για το πώς ακριβώς συνέταξα το μενού. Να τι πήρα.

Ελάχιστα πεδία. Κάθετη διάταξη. Ιδανική μορφή για ένα μενού με απόκριση. Δηλαδή, τίποτα δεν θα πάει πουθενά στα κινητά τηλέφωνα. Όλα θα είναι ακριβώς όπως στις οθόνες των υπολογιστών και των tablet. Παίρνω το πλάτος στα 500 px, έτσι ώστε αργότερα τίποτα να μην συρρικνωθεί και να μην χάσω την ποιότητα της εικόνας δύο φορές. Το ύψος δεν είναι σημαντικό.

Κόβουμε την εικόνα σε κομμάτια και τα αποθηκεύουμε.

Ολα. Ήρθε η ώρα για την τελευταία συγχορδία - μαζεύουμε το μενού στην ίδια την ομάδα.

Για να το κάνουμε αυτό, επιστρέφουμε στην κεντρική σελίδα της ομάδας (όπου βρίσκεται η ροή και ο σύνδεσμος εικόνας που οδηγεί στο μενού). Κάνουμε κλικ στην εικόνα του μενού και φτάνουμε στην ίδια σελίδα που δημιουργήσαμε προηγουμένως για το μενού.

Εάν είστε διαχειριστής ή δημιουργός μιας ομάδας (στην περίπτωσή μας, αυτή είναι η περίπτωση), τότε στο επάνω μέρος της σελίδας θα υπάρχει ένας σύνδεσμος "Επεξεργασία". Ας κάνουμε κλικ σε αυτό.

Στη συνέχεια πηγαίνουμε στη λειτουργία σήμανσης wiki (κάτω από το κουμπί κλεισίματος στην επάνω δεξιά γωνία της σελίδας υπάρχει ένα πλαίσιο με<>μέσα). Όταν είναι ενεργοποιημένη η επιθυμητή λειτουργία, αυτό το κουμπί περιγράφεται με γκρι χρώμα.

Στη συνέχεια κάνουμε κλικ στο εικονίδιο της κάμερας και προσθέτουμε όλα τα κομμάτια του μενού μας ταυτόχρονα. Στη λειτουργία wiki, δεν θα δούμε τις ίδιες τις εικόνες, μόνο τον κώδικα αυτών των εικόνων με διαστάσεις και παραμέτρους.

Θέλω να τοποθετήσω το μενού στο κέντρο και έτσι ώστε να μην υπάρχουν κενά μεταξύ των θραυσμάτων. Επομένως, τυλίγουμε κάθε ένα από τα στοιχεία σε μια ετικέτα

και στην ήδη ένθετη παράμετρο “noborder” προσθέτω τη δεύτερη παράμετρο “nopadding”. Το πρώτο απενεργοποιεί το περίγραμμα των θραυσμάτων και των περιγραμμάτων των κελιών του πίνακα. Το δεύτερο αφαιρεί τα περιθώρια από την άκρη.

Το πρώτο και το τελευταίο στοιχείο μενού δεν πρέπει να είναι κουμπιά - στην εικόνα μου είναι απλώς ένα γραφικό στοιχείο χωρίς σύνδεσμο προς την εσωτερική σελίδα, επομένως προσθέτουμε την παράμετρο "nolink" σε αυτά. Αυτό θα καταργήσει τη δυνατότητα να κάνετε κλικ σε αυτό το στοιχείο για να ανοίξετε ένα κομμάτι της εικόνας σε ξεχωριστό παράθυρο. Τώρα τίποτα δεν θα συμβεί με ένα κλικ του ποντικιού. Αυτό είναι το κανονικό φόντο της σελίδας. Αδρανής.

Στην περίπτωσή μου ο κωδικός μενού μοιάζει με αυτό.

Ξεχωριστά, θα ήθελα να σημειώσω το γεγονός ότι μετά την εισαγωγή εικόνων στο VK, το ενσωματωμένο σύστημα υποδεικνύει μερικές φορές εσφαλμένα τα μεγέθη της εικόνας. Επομένως, πρέπει να το παρακολουθούμε προσεκτικά και να εμφανίζουμε ακριβώς αυτά που σχεδιάσαμε στο στάδιο του σχεδιασμού. Διαφορετικά, όλα μπορεί να καταρρεύσουν και το παζλ δεν θα ενωθεί στο τέλος.

Όταν έχουμε γράψει τον κώδικα και ευθυγραμμίσουμε όλα τα στοιχεία, αποθηκεύουμε τη σελίδα και βλέπουμε το ίδιο πράγμα που υπήρχε στο Photoshop.

Η τελευταία πινελιά παραμένει - πρέπει να δημιουργήσουμε τις ίδιες τις σελίδες όπου το μενού μας θα στέλνει άτομα. Για να το κάνουμε αυτό, ας στραφούμε ξανά στο σενάριο για τη δημιουργία σελίδων wiki και αυτή τη φορά ας παραγγείλουμε τρεις σελίδες ταυτόχρονα. Σε αυτήν την περίπτωση, πρέπει επίσης να γράψετε κάτι σε κάθε ένα και μην ξεχάσετε να αποθηκεύσετε τις διευθύνσεις τους κάπου από τη γραμμή διευθύνσεων του προγράμματος περιήγησης.

Στη συνέχεια, εισάγουμε συνδέσμους σε νέες σελίδες στον κώδικα wiki του μενού στη φόρμα page-102302049_51013384, όπου ο πρώτος αριθμός είναι το αναγνωριστικό ομάδας και ο δεύτερος ο αριθμός σελίδας. Αν και, γενικά, αυτό δεν είναι σημαντικό. Μετά από όλα, πρέπει απλώς να αντιγράψουμε αυτό το τμήμα URL και να το επικολλήσουμε στη σήμανση.

Ως αποτέλεσμα, ο κωδικός μενού παίρνει την ακόλουθη μορφή.

Εξωτερικά, τίποτα δεν έχει αλλάξει. Αλλά όταν κάνουμε κλικ στα στοιχεία του μενού, μπορούμε να δούμε ότι τώρα λειτουργεί!

Όσον αφορά την ίδια τη σήμανση και τους κανόνες με τους οποίους γράφεται ο κώδικας, σας συμβουλεύω να διαβάσετε την ομάδα VKontakte που είναι ειδικά αφιερωμένη σε αυτό το θέμα. Τα παιδιά περιέγραψαν όλα τα βασικά σημεία και στον κατάλογό τους μπορείτε εύκολα να βρείτε το απαραίτητο στοιχείο και να μάθετε πώς να το προσθέσετε στη σελίδα σας στο wiki.

Η πώληση του σχεδιασμού μενού VKontakte ξεκινά με τη σωστή επιλογή. Έχετε ηλεκτρονικό κατάστημα, κατασκευαστική εταιρεία, ασχολείστε με το coaching ή είστε καλλιτέχνης; Κάθε επιχείρηση είναι μοναδική και απαιτεί ειδική προσέγγιση στο σχεδιασμό του μενού wiki. Από το άρθρο μας θα μάθετε ποιοι τύποι μενού υπάρχουν για την ομάδα VKontakte, ποια είναι τα χαρακτηριστικά και οι διαφορές τους, καθώς και ποιο μενού να επιλέξετε για την επιχείρησή σας.

Αυτός είναι ο πιο συνηθισμένος και φθηνότερος τύπος μενού. Σας επιτρέπει να δημιουργείτε βολική πλοήγηση μέσω τμημάτων ομάδας ή σε εξωτερικούς πόρους: συζητήσεις, άλμπουμ φωτογραφιών, κατάλογο προϊόντων, άτομο, βίντεο, ιστότοπο της εταιρείας ή σελίδες σε κοινωνικά δίκτυα. Τα σχέδια μενού πλοήγησης δεν είναι συνήθως μεγαλύτερα από 1000 px και χωρούν σε μία οθόνη οθόνης.

Τύποι μενού πλοήγησης:

Αυτό το μενού έχει απλή λειτουργικότητα και είναι εγκατεστημένο σε μία μόνο σελίδα wiki. Τα κουμπιά μενού οδηγούν απευθείας στην επιθυμητή ενότητα της ομάδας ή σε εξωτερικούς ιστότοπους, χωρίς να ανοίγουν πρόσθετες σελίδες πλοήγησης. Αυτή είναι μια βολική επιλογή μενού εάν δεν έχετε μεγάλο αριθμό υπηρεσιών/προϊόντων και δεν τοποθετείστε ως μεγάλη εταιρεία.

Ένα μονοσέλιδο μενού είναι κατάλληλο για μικρά ηλεκτρονικά καταστήματα, φωτογράφους, προπονητές και καλλιτέχνες ομορφιάς.

Μενού πολλών σελίδων

Αυτός είναι ένας τύπος μενού πλοήγησης στο οποίο η μετάβαση μέσω τμημάτων ομάδας πραγματοποιείται σύμφωνα με τη δομή. Για παράδειγμα: το κουμπί "προϊόντα" οδηγεί σε μια νέα σελίδα wiki, η οποία εμφανίζει μια λίστα με ενότητες "παιδικά ρούχα", "για γυναίκες", "για άνδρες" κ.λπ. Κάθε σελίδα wiki μπορεί να έχει το δικό της μοναδικό σχέδιο, ενεργά κουμπιά ή να αντιγράφει το σχέδιο της σελίδας του κύριου μενού.


Πολυσέλιδο μενού - κύρια σελίδα wiki

Ένα πολυσέλιδο μενού θα είναι βολικό για τα ηλεκτρονικά καταστήματα όταν χρειάζεται να βοηθήσετε τους πελάτες να βρουν γρήγορα και εύκολα την επιθυμητή ενότητα σε μια ομάδα.


Μενού πολλών σελίδων - πρόσθετη σελίδα wiki

Σελίδα προορισμού Wiki στο VKontakte

Η προσγείωση Wiki ή όπως ονομάζεται επίσης η προσγείωση VKontakte είναι ο πιο δημοφιλής τύπος μενού. Η αγάπη για αυτή τη σχεδίαση μενού μεταξύ των πελατών μας δεν προκαλεί έκπληξη - είναι μια όμορφη, δομημένη σχεδίαση, όλες οι πιο σημαντικές πληροφορίες για την ομάδα σας βρίσκονται σε μια σελίδα, ενεργά κουμπιά παραγγελίας (οδηγούν στο PM του διαχειριστή ή στα ομαδικά μηνύματα) και ένα προϊόν κατάλογος. Όποιες ενότητες θέλετε να δημιουργήσετε στην προσγείωση wiki σας, είναι δυνατό.


  • Περιγραφή της εταιρείας και των δραστηριοτήτων της
  • Κατηγορίες υπηρεσιών ή αγαθών
  • Σχόλια πελατών μέσω γραφιστικής
  • Βίντεο και διαφημιστικά βίντεο
  • Οφέλη από τη συνεργασία μαζί σας
  • Προσφορές και ειδικές προσφορές
  • Περιγραφή υπηρεσιών ή αγαθών
  • Δημοφιλή άρθρα στην ομάδα
  • Επαφές για να επικοινωνήσουμε μαζί σας
  • Ενεργή κάρτα με διεύθυνση εταιρείας
  • Απαντήσεις σε συχνές ερωτήσεις

Το Wiki landing είναι η καλύτερη επιλογή για μεγάλες εταιρείες που παρέχουν υπηρεσίες, ηλεκτρονικά καταστήματα με στενή εστίαση και προπονητές


Απαντάμε σε συχνές ερωτήσεις σχετικά με το μενού wiki:

Ο κύριος παράγοντας για την επιλογή ενός σχεδίου για μια ομάδα VKontakte είναι το θέμα της επιχείρησής σας και ο προϋπολογισμός για την ανάπτυξη σχεδιασμού. Εάν έχετε μια νέα εταιρεία ή μόλις αποφασίσατε να δημιουργήσετε μια ομάδα και θέλετε να δοκιμάσετε τη δημοτικότητα των υπηρεσιών σας στο Διαδίκτυο, θα πρέπει να προτιμήσετε το μενού πλοήγησης. Για όσους θέλουν να δημιουργήσουν ένα όμορφο γραφικό σχέδιο για την ομάδα και να λάβουν περισσότερες εφαρμογές, συνιστούμε να επιλέξετε τη σελίδα προορισμού VKontakte.

Όταν το μενού της ομάδας έχει ήδη σχεδιαστεί από τον σχεδιαστή και έχει εγκατασταθεί στη σελίδα του wiki, μπορείτε εύκολα να το συνδέσετε με οποιαδήποτε ανάρτηση ή banner σε μια καρφιτσωμένη ανάρτηση. Για να το κάνετε αυτό, πρέπει να ανοίξετε τον σύνδεσμο του μενού wiki σε μια νέα καρτέλα του προγράμματος περιήγησης, να τον αντιγράψετε, να επιστρέψετε στην ομάδα σας και να επικολλήσετε τον σύνδεσμο που αντιγράφηκε σε μια νέα ανάρτηση. Όταν φορτωθεί η προεπισκόπηση συνδέσμου, το κείμενό της πρέπει να αφαιρεθεί από την ανάρτηση. Μπορείτε να γράψετε οποιαδήποτε πληροφορία σε αυτή τη δημοσίευση, μια παρότρυνση για δράση και επαφές, στη συνέχεια να επισυνάψετε μια εικόνα (φωτογραφία) και να κάνετε κλικ στο κουμπί "Δημοσίευση". Τώρα κάντε κλικ στο «Καρφίτσωμα» και το banner με έναν ενεργό σύνδεσμο προς το μενού της ομάδας θα είναι πάντα ορατό.


Πώς να δημιουργήσετε ένα μενού σε μια ομάδα VKontakte;

Για να το κάνετε αυτό, θα χρειαστείτε δεξιότητες σε προγράμματα επεξεργασίας γραφικών όπως το Adobe Photoshop (μορφή psd), το Adobe Illustrator (μορφή ai ή eps) ή το CorelDRAW (μορφή cdr). Κάθε ένα από αυτά τα προγράμματα θα κάνει εξαιρετική δουλειά σε αυτό το έργο. Δημιουργήστε ένα νέο έγγραφο με διαστάσεις 607 px (συνιστούμε να δημιουργήσετε ένα έγγραφο 608 px) πλάτος και ορίστε το απαιτούμενο μήκος μενού (ύψος εγγράφου). Τώρα μπορείτε να αρχίσετε να σχεδιάζετε. Στο Διαδίκτυο θα βρείτε πολλά βίντεο για το πώς να δημιουργήσετε μόνοι σας ένα μενού VKontakte, αλλά αν θέλετε να κάνετε ένα όμορφο, επαγγελματικό σχέδιο, είναι καλύτερο να επικοινωνήσετε με έναν έμπειρο σχεδιαστή.


Η διάταξη του μενού γραφικών έχει επίσης τις δικές της λεπτές αποχρώσεις.Για παράδειγμα: Θα χρειαστεί να κατανοήσετε τη διάταξη του wiki VKontakte, να μάθετε πώς να κάνετε εναλλαγή μεταξύ των δυνατοτήτων του προγράμματος επεξεργασίας, να εργαστείτε για τη σύνδεση συνδέσμων σε κάθε τμήμα σχεδίασης και να ορίσετε σωστά τα μεγέθη του μενού. Για ένα άπειρο άτομο, αυτή η εργασία μπορεί να διαρκέσει έως και αρκετές ημέρες, όταν ένας σχεδιαστής μπορεί να σχεδιάσει ένα γραφικό μενού και να το συνθέσει σε μια ομάδα σε μερικές ώρες.


Ποια είναι η διαφορά μεταξύ του μενού για ένα κοινό και μιας ομάδας VKontakte;

Δεν υπάρχουν διαφορές στη γραφική σχεδίαση του μενού για ένα κοινό, ομάδα ή εκδήλωση. Η μόνη διαφορά είναι στην εγκατάσταση του μενού στη σελίδα του wiki. Σε εκδηλώσεις και κοινά δεν υπάρχει λειτουργία που να περιλαμβάνει «Υλικά». Μέσω αυτής της ενότητας δημιουργείται ένας σύνδεσμος προς τη σελίδα wiki στην οποία θα εγκατασταθεί το μενού της ομάδας. Ωστόσο, υπάρχει διέξοδος από αυτήν την κατάσταση με τη δημοσίευση κώδικα wiki, ο οποίος θα ανοίξει την πρόσβαση στη δημιουργία μιας σελίδας wiki.


Για έναν έμπειρο σχεδιαστή, η δημιουργία ενός μενού VKontakte δεν είναι πρόβλημα!


Έχετε βαρεθεί το μενού στην ομάδα VKontakte ή θέλετε να το κρύψετε; Αυτό μπορεί να γίνει με διάφορους τρόπους: απενεργοποιήστε το "Υλικά" στις ρυθμίσεις της ομάδας, διαγράψτε μια καρφιτσωμένη ανάρτηση με έναν σύνδεσμο προς το μενού ή διαγράψτε τον κωδικό μενού στη σελίδα του wiki. Ο πιο γρήγορος και ευκολότερος τρόπος είναι να απενεργοποιήσετε την ενότητα "Υλικά" - το μενού στην ομάδα δεν θα είναι πλέον ορατό και μπορείτε πάντα να το επιστρέψετε εάν το επιθυμείτε. Η ίδια η σελίδα wiki VKontakte δεν μπορεί να διαγραφεί.

Παραδείγματα όμορφου σχεδιασμού μενού

Μόνο ένας σχεδιαστής μπορεί να δημιουργήσει ένα όμορφο σχέδιο για ένα μενού ομάδας VKontakte και αυτό δεν προκαλεί έκπληξη. Για να αναπτύξετε ένα όμορφο σχέδιο χρειάζεστε δεξιότητες στους γραφίστες και καλό γούστο, και αυτό συνοδεύεται από εμπειρία. Χρησιμοποιώντας τα παραδείγματά μας, μπορείτε να συγκρίνετε πώς είναι το μενού πλοήγησης και η προσγείωση wiki στις ομάδες VKontakte, καθώς και να πάρετε ιδέες για σχεδιασμό.


Παραγγείλετε ένα σχέδιο ομάδας VKontakte - σχεδιάστρια Irina Filipenko

Παραγγείλετε ένα σχέδιο μενού για μια ομάδα VK

Δουλεύουμε στον τομέα του σχεδιασμού ομάδων VKontakte από το 2012 και σε αυτό το διάστημα έχουμε ολοκληρώσει περισσότερα από 200 έργα σχεδιασμού. Η πιο δημοφιλής υπηρεσία μεταξύ των πελατών μας είναι ο σχεδιασμός ομάδας με το κλειδί στο χέρι με προσγείωση wiki. Αυτή η ακριβή υπηρεσία στο στούντιο μας παρέχεται χωρίς τεράστιες σημάνσεις, καθώς συνεργάζεστε απευθείας με τον σχεδιαστή και δεν χρεώνουμε πρόσθετες πληρωμές - για επεξεργασίες, χρόνο που ξοδεύετε ή αγορά γραφικών. Ενδιαφέρεστε για την προσφορά μας; Επικοινωνήστε μαζί μας μέσω της ενότητας σε αυτόν τον ιστότοπο.

Τα σχόλια είναι κλειδωμένα.

Μετατροπέας νομίσματος

Μετατροπέας κρυπτονομισμάτων


Σε αυτό το άρθρο θα σας πω πώς να σχεδιάσετε όμορφα μια ομάδα σε επαφή. Συμφωνώ, όσο πιο όμορφη είναι η ομάδα, τόσο πιο ευχάριστο είναι να εγγραφείτε σε αυτήν. Ταυτόχρονα, η ομάδα θα έχει ένα βολικό μενού στο οποίο θέλετε απλώς να μεταβείτε και να δείτε τα περιεχόμενά της.

Λιγότερη κουβέντα, ας αρχίσουμε να δημιουργούμε μενού για μια ομάδα στο VKontakte.
Πρώτα, πρέπει να δημιουργήσετε την ίδια την ομάδα, όπως έγραψα σε προηγούμενο άρθρο.

Και έτσι, όλα ξεκινούν στο Photoshop, δημιουργούμε μια εικόνα του μενού που θέλετε. Βασικά, αυτό είναι ένα είδος φόντου με τα ονόματα των επικεφαλίδων. Ένας γνωστός μόλις μου ζήτησε να φτιάξω ένα όμορφο γκρουπ για την εταιρεία του aero-stomadent, που ασχολείται με τον βιομηχανικό αερισμό, οπότε θα το κάνω.

Βρήκα ένα υπέροχο υπόβαθρο της φύσης της Αλάσκας, και στην πραγματικότητα, θα κάνω τα πάντα σε αυτό.


Γράφουμε το ίδιο το μενού στο παρασκήνιο. Για παράδειγμα, γράφω για το τι κάνει η εταιρεία. Αυτά θα είναι τα κουμπιά για τα οποία αργότερα θα κάνω περισσότερες σελίδες. Κάθε λέξη θα είναι ένα κουμπί μενού στο μέλλον.


Στα δεξιά, κάντε αυτό το μέρος το avatar της ομάδας στο μέλλον.


Τώρα η λειτουργία είναι εικόνα σε μικρές εικόνες. Επιλέξτε τη λειτουργία "Κοπή" από το μενού, κάντε δεξί κλικ στον καμβά και κόψτε έτσι ώστε κάθε λέξη να είναι ξεχωριστή.



Καλό είναι να το κόψετε περίπου έτσι.


Μετά την αποκοπή, αποθηκεύουμε το αρχείο, όχι μόνο αλλά μέσω του «Αποθήκευση για Web και συσκευές...» (ή Alt+Shift+Ctrl+S), θα δημιουργήσει έναν φάκελο με όλα τα ήδη κομμένα αρχεία.



Τώρα δεν πάμε ακόμα στην ομάδα, πρέπει ακόμα να δημιουργήσουμε μια σήμανση wiki. Ή με άλλα λόγια, δημιουργήστε μια σελίδα.

Πώς να δημιουργήσετε μια σελίδα Wiki στο VKontakte;

Ανοίξτε μια νέα καρτέλα προγράμματος περιήγησης και επικολλήστε εκεί τον ακόλουθο σύνδεσμο: http://vk.com/pages?oid=-XXX&p=Όνομα της σελίδας όπου το XXX είναι το αναγνωριστικό της ομάδας σας. Για παράδειγμα, αυτό συνέβη σε μένα.
http://vk.com/pages?oid=-91934542&p=menu


Στη συνέχεια κάντε κλικ Γεμίστε με περιεχόμενο. Εδώ βλέπουμε ένα πολύ απλό πρόγραμμα επεξεργασίας, επιλέξτε τη λειτουργία κάμερας για να προσθέσετε όλες τις φωτογραφίες μας στο μενού. Θα πρέπει να βγει κάτι παρόμοιο με το δικό μου.


Αλλά υπάρχουν κενά μεταξύ των εικόνων, για να αφαιρέσουμε τα κενά - μπαίνουμε στη λειτουργία σήμανσης wiki (αυτό είναι το εισαγωγικό στην επάνω δεξιά γωνία<>) εισάγετε την ακόλουθη ετικέτα "option;nopadding;" πριν από τα μεγέθη φωτογραφιών. Για παράδειγμα []



Και ήρθαν όλα μαζί.


Και έτσι, το μόνο που μένει τώρα είναι να εισαγάγετε συνδέσμους σε κάθε κουμπί. Και πάλι, όλα γίνονται στη σήμανση wiki. Οδηγούμε σε προηγουμένως προετοιμασμένους συνδέσμους σε άρθρα που θεωρείτε απαραίτητα.


Κάντε κλικ στην αποθήκευση, δείτε τι έγινε, όλα μαζί συνήλθαν για μένα αν κάνετε κλικ πηγαίνει στους συνδέσμους "https://vk.com/page-91934542_49969122"


Μετά πηγαίνω στην ομάδα και πριν από αυτό κάνω μια εικόνα που θα εμφανίζεται για τα άτομα της ομάδας.


Και απλά δημοσιεύω. Επικολλώ έναν σύνδεσμο προς το μενού και προσθέτω μια φωτογραφία που μόλις τράβηξα.
mob_info