Cara membuat grup di kontak. Bagaimana cara meresmikan nama grup VKontakte? Mengapa desain baru VKontakte menarik?

Pertama-tama, Anda perlu menghiasnya dengan indah. Lagi pula, seperti yang Anda tahu, kita menilai segala sesuatu “dari pakaian kita”. Artikel ini akan membantu Anda desain grup VKontakte dengan indah sendiri.

Bagaimana cara meresmikan nama grup VKontakte?

Hal pertama yang perlu Anda perhatikan saat membuat grup VKontakte adalah Nama. Ada tiga parameter utama yang perlu dipertimbangkan saat memilih nama:

Pencarian jejaring sosial VKontakte bekerja dengan cara berikut: ada dua grup dengan nama “Bekerja di Internet” dan “Bekerja di Internet tanpa investasi.” Ketika pengguna VKontakte memasukkan kueri "bekerja di Internet", grup dengan nama yang sesuai akan lebih tinggi, meskipun jumlah pelanggannya sama atau grup kedua memiliki sedikit keunggulan.

Mari kita simpulkan: pemilik toko online terkenal Ali Express, saat membuat grup untuknya, tidak perlu mencantumkan topiknya di namanya; Untuk situs, toko online, forum yang kurang populer, saat membuat grup, lebih baik mencantumkan topik di namanya, seperti yang kami lakukan di atas..

Bagaimana cara mendaftarkan status untuk grup VKontakte?

Status grup VKontakte kurang penting dibandingkan namanya, namun patut diperhatikan. Mari kita cari tahu bagaimana melakukannya dengan benar buat status untuk grup VKontakte? Hal utama adalah jangan membebaninya terlalu banyak; itu hanya berisi informasi yang paling penting:

Jika saat ini Anda belum mengetahui cara mendaftarkan status grup VKontakte, lebih baik ditunda saja. Anda tidak boleh memasukkan apa pun ke dalamnya. Tidak adanya status tidak akan merusak desain grup Anda, namun informasi yang tidak berarti di dalamnya dapat membingungkan pengunjung. Omong-omong, Untuk halaman publik, status lebih penting, karena muncul di menu "Halaman Menarik" sebagai deskripsi.

Bagaimana cara menulis deskripsi grup VKontakte?

Sekarang kita akan mencari tahu cara menulis deskripsi grup VKontakte, atau lebih tepatnya teks yang dapat dimasukkan dalam pengaturan komunitas. Ada beberapa solusi untuk ini:

Selain itu, VKontakte memiliki batasan ukuran teks dalam deskripsi grup yang akan ditampilkan tanpa diciutkan - 600 karakter dengan spasi. Setelah melampaui batas tersebut, deskripsi akan diminimalkan sehingga terlihat tidak sedap dipandang. Situasi ini dapat Anda lihat pada gambar di bawah ini.

Dalam hal ini, saya sarankan menggunakan pesan yang disematkan di header saat membuat deskripsi grup VKontakte, membuat gambar untuknya dengan deskripsi, emotikon, teks, dan bahkan menu. Ini semua akan menambah warna pada komunitas Anda.

Bagaimana cara membuat avatar untuk grup VKontakte?

Sekarang kita akan mencoba memahami salah satu aspek terpenting dalam mendesain grup VKontakte - bagaimana cara membuat avatar? Bagi yang memiliki uang sendiri, Anda dapat mendaftar di bursa freelance dan memesan avatar dan elemen lain untuk grup (banner, menu, dll.) dari desainer web berpengalaman. Tapi Anda bisa pergi ke arah lain, buat sendiri avatar untuk grup VKontakte.

Pertama-tama, Anda perlu memutuskan ukuran apa yang Anda perlukan untuk membuat avatar untuk grup VKontakte. Lebar maksimum avatar grup adalah 200 piksel (selanjutnya disebut px), dan tinggi maksimum adalah 500 piksel. Avatar yang lebih besar akan diperkecil sesuai dengan proporsi yang ditentukan. Avatar yang lebih kecil dari ukuran yang ditentukan, sebaliknya, akan diperbesar dan terdistorsi pada tampilan. Oleh karena itu, buatlah avatar untuk grup VKontakte dengan lebar 200 px dan tinggi 200 hingga 500 px.

Saat membuat avatar untuk grup VKontakte, Anda harus mengingat miniaturnya, yang lebar dan tingginya 200 piksel. Jadi muatan informasi utama avatar (nama atau deskripsi grup, moto, ajakan bertindak, dll.) perlu ditempatkan di satu area yang sesuai dengan dimensi yang diberikan.

Cara termudah buat avatar untuk grup VKontakte di Photoshop. Apalagi tidak perlu mengetahuinya dan bisa menggunakan semua fungsinya. Cukup mempelajari cara menggunakan alat dasar (memilih elemen, bekerja dengan lapisan, dll.). Di bawah ini Anda dapat melihat contoh avatar yang saya buat untuk grup VKontakte.

Avatar ini terdiri dari dua gambar gabungan, elemen teks dan latar belakang. Tidak perlu banyak waktu atau tenaga untuk membuatnya. Setiap pemilik grup dapat mengatasi tugas ini jika diinginkan.

Dan jika Anda ingin membuat yang kompleks dan avatar cantik untuk grup VKontakte, menggambar setiap detail dari awal, lalu mempelajari Photoshop dan mempelajari cara menggunakannya secara profesional. Hal ini dapat dilakukan dengan beberapa cara:

Cobalah semuanya sendiri melalui trial and error.
Baca artikel tentang program ini dan tonton videonya.
Membaca buku atau menonton kursus pelatihan.

Pilihan pertama tidak efektif, karena hanya sedikit orang yang memiliki kesabaran untuk mencapai hasil dengan cara ini. Opsi kedua adalah mungkin. Saat ini ada banyak website dan channel YouTube di Internet yang ditujukan untuk mengajarkan Photoshop.

Namun, akan sulit menyusun informasi yang diterima dengan cara ini. Selain itu, mencari informasi secara terus-menerus akan memakan banyak waktu. Namun gratis, sama seperti cara pertama.

Cara termudah untuk mempelajari Photoshop adalah melalui kursus video. Karena di dalamnya akan disajikan semua informasi dari yang sederhana hingga yang kompleks, menjelaskan secara detail dan mengajarkan Anda semua dasar-dasar program. Dan saya dapat merekomendasikan kursus video serupa kepada Anda.

"" – kursus video pelatihan untuk pemula. Dengan itu, kapan saja nyaman bagi Anda, di rumah, di depan komputer, Anda dapat mulai belajar Photoshop.

Dalam kursus ini Anda akan mempelajari secara detail cara menggunakan semua fungsi Photoshop. Setelah itu Anda dapat dengan mudah membuat avatar dari awal dan mendesain grup VKontakte dengan indah. Jika Anda tertarik dengan artikel ini, jadilah orang pertama yang menerima informasi baru.

Elemen grafis dalam desain komunitas VKontakte menarik perhatian pengunjung, mempertahankannya, dan juga meningkatkan pengakuan grup atau publik di antara ribuan komunitas serupa. Selain itu, menu grafis memudahkan navigasi melalui bagian-bagian grup, membantu peserta dan pengguna jejaring sosial lainnya menavigasi struktur komunitas besar.

Pencarian di VK atau melihat portofolio desainer akan menunjukkan banyak contoh sukses desain grup VKontakte, yang dapat Anda gunakan saat memilih menu sampul untuk komunitas Anda.

Ukuran desain grup VKontakte berikut digunakan:

Sampul halaman ditampilkan di bagian atas, di seluruh lebar halaman publik, berukuran 1590 x 400 piksel;
Avatar besar - spanduk vertikal berukuran 200x500 piksel (rasio aspek 2:5), ditampilkan di kanan atas;
Avatar kecil, gambar bulat, ditampilkan di setiap pesan grup, berukuran 200x200 piksel.
Gambar menu untuk grup VKontakte, lebar 510 piksel, tinggi 307 (sehingga tepi bawah menu cocok dengan bagian bawah avatar besar di sebelah kanan).

Jika gambar sampul dimuat di pengaturan komunitas, avatar besar di sebelah kanan tidak ditampilkan.

Cara membuat header untuk grup VKontakte sendiri

Agar header komunitas terlihat cantik, semua komponen grafisnya harus didesain dengan gaya yang sama (kumpulan warna, logo, font) atau menjadi bagian dari gambar yang sama. Saat membuat grup VKontakte sendiri, langkah pertama adalah menyiapkan gambar latar belakang. Ini bisa berupa gambar tematik dari bank foto gratis (misalnya, pixabay.com).

Buka gambar di editor grafis. Pangkas atau skalakan ke ukuran: panjang 1590 piksel, tinggi 400 piksel.

Selanjutnya, Anda dapat menerapkan prasasti yang diperlukan (nama grup, slogan, panggilan untuk bergabung dengan komunitas). Sekarang Anda perlu mengunggah sampul ke komunitas; untuk melakukan ini, buka item menu “Manajemen Komunitas”:

Klik “Unduh” di kolom “Sampul Komunitas”.

Di jendela berikutnya, pilih file sampul yang telah disiapkan sebelumnya di komputer Anda dan klik “Simpan dan Lanjutkan.”

Sekarang grup Anda akan memiliki sampul baru. Perlu diingat bahwa dalam hal ini gambar vertikal avatar besar di sebelah kanan tidak akan ditampilkan lagi.

Gambar atau foto harus sesuai dengan tema komunitas.
Gunakan gambar berkualitas tinggi.
Jangan melanggar hak cipta orang lain atas gambar (saat ini, stok gratis menawarkan banyak foto dan ilustrasi).
Jangan membebani sampul dengan detail.
Jika Anda menempatkan foto seseorang di header, lebih baik dia tidak melihat pengunjungnya, tetapi elemen terpenting di halaman (menu, alamat situs web, pesan promosi, panggilan).
Gunakan font berkualitas tinggi dan pastikan teks dapat dibaca pada skala apa pun.

Ukuran header di VKontakte publik dalam desain baru

Setelah jejaring sosial ini didesain ulang, elemen desain baru muncul - sampul. Ini adalah gambar lanskap besar berukuran 1590 x 400 piksel. Header grup VKontakte adalah gambar statis. Cukup besar untuk memuat foto atau gambar yang cerah dan berkesan serta nama masyarakat, slogan perusahaan, nama situs, jadwal kerja dan tulisan lainnya.

Cara membuat menu grup VK dengan desain baru

Proses mendesain menu grup VKontakte terdiri dari langkah-langkah berikut:

Mempersiapkan daftar tautan menu (bisa berupa halaman, bagian komunitas, atau situs eksternal).
Mempersiapkan gambar latar belakang.
Menerapkan prasasti dan menu "tombol" ke gambar latar belakang.
Memotong gambar menjadi beberapa bagian.
Aktifkan halaman wiki.
Memuat menu grafis dan memformatnya dengan markup wiki.

Gambar latar belakang harus memiliki lebar 510 piksel, dan tingginya bergantung pada jumlah dan penempatan item menu. Untuk bekerja dengan gambar, Anda memerlukan editor grafis raster, berikut adalah contoh penggunaan Paint.Net yang gratis dan ringan.

Anda harus segera merencanakan penempatan item menu agar gambar dapat dipotong menjadi beberapa bagian dengan ukuran yang sama. Hal ini penting agar menu dapat diskalakan dengan benar di layar ponsel cerdas atau tablet.

Menu vertikal komunitas VK dengan item dalam satu kolom

Buka gambar di editor. Dengan menggunakan alat "Teks" editor, tulis item menu di atas latar belakang. Untuk membuat label menu terlihat, label menu dapat disorot dengan beberapa cara:

Lingkari dengan bingkai;
Ubah warna latar belakang di bawah huruf;
Tambahkan bayangan pada huruf.

Pada tangkapan layar di bawah, setiap item disorot dengan salah satu cara berikut.

Langkah selanjutnya adalah memotong gambar menjadi beberapa bagian:

Proses pemotongan gambar juga dapat dilakukan menggunakan alat online www.imgonline.com.ua/cut-photo-into-pieces.php.

Selanjutnya, di menu “Manajemen Komunitas”, buka item “Bagian” dan di item “Bahan”, pilih “Dibatasi” (ini berarti hanya administrator grup yang dapat membuat dan mengedit halaman).

Klik simpan dan masuk ke grup utama. Di dekat bagian informasi tentang grup, item “Berita Terbaru” muncul.

Buka bagian ini dan klik edit. Ubah judul menjadi “Menu” lalu klik ikon kamera untuk menambahkan gambar.

Klik pada gambar yang ditambahkan dan di jendela properti tentukan tautan ke bagian yang diinginkan.

VKontakte secara otomatis memperkecil gambar hingga 400 piksel dan menyisipkan tag tambahan. Untuk memperbaikinya, Anda perlu masuk ke mode pengeditan markup.

Setiap tag gambar dimulai dengan “[[” dan diakhiri dengan “]]” dan terdiri dari tiga bagian yang dipisahkan oleh “|”: ID gambar, properti, dan tautan. Anda perlu menyesuaikan ukuran gambar dan memasukkan tag “nopadding” ke propertinya. Properti gambar dicantumkan melalui “;”.

Setelah menyimpan perubahan, pembuatan menu selesai.

Menu dengan item horizontal atau multi-baris

Dalam hal ini, persiapan gambar dilakukan dengan cara yang sama, tetapi sumbernya dipotong secara vertikal. Fragmen potongan dimuat melalui antarmuka pengeditan halaman. Posisi relatif dari fragmen persegi panjang ditentukan menggunakan markup tabel wiki di VK. Setiap tag gambar tautan yang dijelaskan di bagian sebelumnya ditempatkan di dalam sel tabel.

Aturan desain tabel:

Awal tabel ditandai dengan simbol “(|), akhir tabel ditandai dengan “|)”.
Properti tambahan ditunjukkan setelah "|~"
Baris baru dimulai dengan "|-".
Setiap sel dipisahkan oleh "|".

Untuk mengecualikan spasi tambahan, Anda perlu menentukan parameter tabel "fixed nopadding noborder". Tata letak menu grafis dengan 2 kolom dan 2 baris terlihat seperti ini:

Dan menunya sendiri di grup:

Kelompokkan ukuran avatar dalam desain baru untuk desain publik VK

Komunitas VKontakte menggunakan dua opsi avatar:

Spanduk persegi panjang besar berukuran 200 kali 500 piksel ditampilkan di kanan atas jika sampul tidak dimuat.
Gambar mini berukuran 200x200 piksel, ditampilkan dalam postingan dan diskusi sebagai lingkaran.

Administrator komunitas VKontakte akan menemukan tips berguna tentang cara merancang grup untuk menarik lebih banyak pelanggan. Saat mendaftar, jangan lupa bahwa administrator tidak hanya memiliki elemen desain (avatar atau spanduk), tetapi juga banyak parameter fungsional yang bersama-sama membentuk tampilan grup.

Penting! Cobalah untuk menyisihkan setidaknya beberapa jam dan jelajahi semua pengaturan yang tersedia untuk administrator komunitas. Pengetahuan menyeluruh tentang fungsionalitas pasti akan membuahkan hasil, dan di masa depan Anda akan mampu beradaptasi dengan tren baru.

Beberapa tip efektif akan membantu Anda mendekorasi grup dengan indah dan harmonis. Cobalah untuk menggunakan tips ini dengan bijak, dan upayakan agar pengguna mau berlangganan grup tersebut.

Saran ini akan berguna bagi mereka yang bahkan belum membuat grup dan sedang memikirkan nama. Meskipun demikian, grup yang dibuat dengan jumlah pelanggan yang sedikit dapat mengubah namanya kapan saja di panel kontrol komunitas di bagian “Informasi Dasar”.

Ketika pendiri suatu komunitas dihadapkan pada pemilihan nama, sebaiknya jangan terburu-buru. Ada kalanya namanya jelas (nama perusahaan, nama acara, dll.), namun bagi yang lain, ruang lingkup imajinasi dapat membuka banyak sekali pilihan. Saat membuat nama, pertimbangkan poin penting berikut:

Jangan lupa untuk mengisi informasi kontak Anda dan, jika memungkinkan, masukkan data sebanyak mungkin ke dalamnya. Informasi kontak dapat dibagi menjadi “Kontak” dan “Tautan”.

"Kontak" berisi tautan cepat ke administrasi grup. Dalam deskripsi setiap kontak, deskripsi singkat tentang anggota administrasi biasanya ditulis, jadi jangan abaikan - tampilan "Kontak" juga mempengaruhi desain grup secara keseluruhan.

Perhatikan! Anda dapat membuat halaman kerja khusus untuk pengguna dan menambahkannya ke daftar kontak grup Anda. Beri nama yang sama dengan grupnya, maka dia akan menjadi maskot bermerek grup tersebut, yang dapat menjadi tujuan pengguna menulis untuk mengetahui informasi lebih lanjut tentang grup tersebut atau produk yang dijual di dalamnya.

Saran ini cocok untuk mereka yang tidak membuat grup, tetapi halaman publik yang menjual beberapa barang. Di VKontakte, dimungkinkan untuk membuat tiga jenis komunitas: grup, halaman publik, dan acara.

Tiga jenis komunitas - grup, halaman publik, dan acara

Halaman publik memiliki fitur desain yang penting - terdapat spanduk besar di atasnya yang menggantikan avatar grup.

Pertimbangkan untuk membuat spanduk transformasi yang diperbarui. Tempatkan gambar produk segar pada spanduk tersebut, lalu ubah di editor gambar setelah setiap pengiriman. Inilah hal pertama yang menarik perhatian pengunjung dan berpotensi meningkatkan penjualan.

Kembangkan templat untuk postingan grup Anda. Komunitas terlihat lebih cantik jika semua postingan dirancang dengan gaya yang sama, yang akan diingat oleh peserta saat menelusuri feed berita.

Catatan! Lampirkan gambar dengan logo grup Anda ke postingan dan buat kisi-kisi tag yang penuh hiasan. Anda bahkan dapat membuat kolom permanen dengan gaya “Berita minggu ini” atau “Menit Humor”.

Jangan melenceng dari gaya yang dikembangkan dan jangan malas meluangkan waktu untuk mendesain setiap postingan.

Ide ini meresap ke seluruh artikel, dan untuk mencapai kesuksesan, Anda hanya perlu mengingatnya! Cobalah untuk tetap menggunakan desain yang sama secara keseluruhan. Ini mungkin menyangkut gaya penulisan teks, desain gambar, dan pembuatan blok dengan produk dalam kelompok.

Berikut beberapa tip kecil untuk menciptakan keindahan di grup VKontakte:

Video – Desain grup VKontakte

Halo lagi. Saya tidak akan pernah bosan mengatakan ini) Di studio kami, kami menyukai komunikasi gratis dengan pengguna kami, ya, begitulah. ketika Anda tidak bingung dengan kerangka yang Anda gunakan untuk menulis artikel yang diperlukan. Di situs ini kami hanya berkomunikasi tentang topik yang menarik bagi kami dan memberi tahu Anda tentang topik tersebut. Jadi, pada artikel sebelumnya dalam rangkaian materi pelatihan tentang VKontakte, kami membuat grup VK dan berbicara sedikit tentang promosinya. Tapi tetap saja, sejujurnya, bukan itu saja fungsi grup sosial yang diberikan kepada kami. Jaringan memungkinkan Anda mendesain grup atau halaman publik dengan cara yang sangat menarik dan bahkan profesional. Jadi dalam artikel ini kami akan memberi tahu Anda cara mendesain grup VK dengan indah dan membuat menu yang indah untuknya.

Markup WIKI digunakan untuk membuat grup. Pada artikel kali ini kita tidak akan mendalaminya terlalu dalam, karena... Jika kami menggabungkan semuanya dalam satu artikel, maka kami akan membingungkan Anda sepenuhnya, teman-teman, tetapi tugas kami berbeda. Lebih lanjut mengenai markup wiki akan kami ceritakan pada artikel berikutnya ya. Kalau begitu mari kita lanjutkan.

Dalam artikel ini, kami juga tidak dapat melakukannya tanpa Wiki, tetapi kami menggunakannya seminimal mungkin di sini, jadi jangan terlalu mendalaminya)). Pertama, kita perlu membuat menu interaktif untuk grup Anda; untuk ini kita perlu melakukan langkah-langkah persiapan. Pertama, mari kita ubah beberapa pengaturan di grup. Kita masuk ke “Manajemen Komunitas”, lalu ke “Diskusi”, dan di sini kita perlu menghubungkan “Materi” dan membuat diskusi terbuka, seperti yang ditunjukkan pada gambar

Siap! Selanjutnya, mari kita mulai menyiapkan gambarnya. Pada tahap ini, disarankan untuk dapat bekerja dengan editor grafis, jika tidak, Anda harus beralih ke pekerja lepas, dan ini hanya membuang-buang uang. Tentu saja lebih baik mempelajarinya; itu tidak sulit sama sekali, dan terlebih lagi, Anda akan membutuhkannya lebih dari sekali. Kami akan menunjukkan cara melakukan langkah ini di Photoshop, meskipun Anda dapat melakukan hal yang sama di editor lainnya.

Kami membuat template untuk grup VK seperti pada gambar di bawah ini.

Menu akan berlokasi di jendela A dan dimensinya mungkin berbeda dari yang ditunjukkan pada gambar. Itu semua tergantung pada ukuran tombol menu Anda. Dalam versi kami, kami menyarankan untuk membuat satu tombol per baris. Jika Anda perlu membuat 2 tombol per baris, maka lebar jendela A harus dikurangi hingga maksimal 377px. Biasanya, kami memilih ketinggian secara empiris. Dalam opsi ini, tinggi 377px dipilih ketika setiap elemen ditempatkan di halaman utama grup dalam satu baris.

Tahap penandaan sudah selesai, sekarang kita membuat gambar yang sesuai, memotong gambar kita menjadi zona-zona dan menuliskan prasasti yang kita butuhkan, dan jangan lupa bahwa setiap zona gambar yang terpisah, dengan tulisan yang Anda tulis, akan menjadi tombol menu Anda. . Saya rasa tidak ada gunanya menulis bagaimana melakukan semua ini, karena... ini akan menjadi pelajaran terpisah tentang Photoshop, mungkin kami akan menulisnya, meskipun saya tidak bisa menjanjikan - situs tersebut memiliki profil yang salah. Tapi kalau requestnya banyak, saya rasa kami akan menambahkan artikel))

Saat Anda menyimpan proyek di Photoshop, menghapus semua elemen yang tidak perlu (Photoshop memotong dan menyimpan semua gambar dan bidang putih bersamanya), Anda perlu mengubah nama gambar, sebaiknya, untuk kenyamanan, memberi nomor secara berurutan, sesuai dengan bagaimana mereka akan ditempatkan di menu.

Fuuuhhhh, tahap ini juga sudah selesai)) Tidak banyak lagi yang tersisa! Selanjutnya, kita beralih ke grup itu sendiri. Setelah kita mengubah beberapa pengaturan (di awal artikel ini), kita akan melihat tab baru di dinding: “Diskusi” dan “Berita Terbaru”. Klik tulisan “Topik baru” di tab diskusi dan buat halaman menu.

Harus diberi nama yang sama seperti pada menu grafik, lalu isi kolom deskripsi. Ketika Anda telah memasukkan semua informasi yang diperlukan, klik “Buat topik” dengan percaya diri.

Anda akan melihat pesan yang dibuat di dinding. Kemudian, dengan cara yang sama, Anda membuat jumlah halaman yang Anda perlukan (tergantung pada berapa banyak bagian menu yang Anda miliki).

Apakah semuanya siap? jika ya, maka kita mulai mengedit menu kita. Untuk ini kami menggunakan tab “Berita Terbaru”. Sekali lagi, silakan klik "Edit".

Sekali lagi kita melihat jendela editor, yang tidak lagi kita takuti)), kita sudah pernah melihatnya. Setelah beralih ke mode pengeditan visual (untuk melakukan ini, gunakan ikon kamera di editor VK), kami memuat semua gambar kami (fragmen menu) sesuai urutan kemunculannya di seluruh gambar. Kami mengubah nama menjadi sesuatu yang dapat dimengerti oleh pengunjung. Kemudian kita beralih ke mode markup wiki dan mengedit kodenya (kami akan memberi tahu Anda secara detail tentang markup wiki di artikel berikutnya, saya akan memberi tahu Anda hal yang menarik.

Contoh kode untuk menu yang diusulkan:

Satu hal yang sangat penting di sini - untuk fragmen yang tidak berfungsi sebagai tombol, Anda perlu menulis tag "nolink" alih-alih link ke halaman tersebut. Jika tidak, fragmen tersebut akan dapat diklik, dan ketika pengguna Anda mengkliknya, fragmen itu sendiri akan terbuka sebagai gambar independen, tetapi apakah Anda memerlukannya?

Jika ada yang salah, kemungkinan besar Anda melakukan kesalahan pada kode, periksa semuanya dengan cermat, dan lebih dari sekali. Dan jika Anda melakukan semuanya dengan benar, maka setelah mengklik nama tab menu utama grup, Anda akan melihat menu grafis siap pakai yang terlihat seperti satu kesatuan dengan avatar grup VK.

Jika menu Anda di tingkat bawah tidak sesuai dengan avatar grup VKontakte, maka sejajarkan kode di fragmen bawah dengan mengubah ketinggian dalam px. Dengan perubahan besar, hal ini dapat mempengaruhi kualitas gambar. Dalam hal ini, dalam template editor grafis asli (dalam kasus kami, Photoshop), buat perubahan ukuran fragmen yang diinginkan dan, jika perlu, gambar ulang seluruh tata letak. Itu saja sob, pendaftaran grup VK sudah selesai! Anda sekarang adalah pemilik grup yang dirancang secara profesional.

Pada artikel berikutnya dari seri pelatihan tentang VKontakte, kami memberi tahu Anda cara membuat menu interaktif dan mendesain grup VKontakte secara profesional. Pada artikel berikutnya, kita akan melihat lebih dekat markup wiki dan mencoba merancang grup dengan mendalami markup ini lebih dalam.

Seperti biasa, kami sangat senang menerima komentar apa pun yang Anda miliki, tulislah lebih sering, teman))

Halo teman teman!

Apakah Anda ingin membuat grup VKontakte semenarik mungkin bagi pelanggan Anda? Tidak tahu harus mulai dari mana? Jika Anda sudah memiliki konten berkualitas tinggi, fokuskan perhatian Anda pada desain komunitas. Saya tidak berbicara tentang sekadar memilih avatar. Membuat menu di grup VKontakte adalah salah satu poin utama yang perlu diperhatikan saat mendesain. Poin inilah yang akan kita pertimbangkan hari ini.

Apa menu VKontakte dan untuk apa?

Menu adalah wajah grup. Hal pertama yang ditemui pengunjung komunitas Anda adalah menu. Oleh karena itu, tugas Anda adalah menganggapnya senyaman dan semenarik mungkin. Pertama, Anda harus memutuskan apa sebenarnya yang ingin Anda sampaikan kepada pelanggan Anda. Tergantung misi komunitas itu sendiri. Lagi pula, ada tujuan yang sangat berbeda untuk membuat grup: mendidik, menghibur, atau tujuan menjual produk/jasa. Dari sana, putuskan informasi apa yang paling penting bagi pelanggan masa depan Anda.

Misalnya, jika Anda berfokus untuk menghibur pengguna atau memberi tahu mereka tentang sesuatu, mungkin fokuslah pada kemudahan menemukan informasi yang mereka butuhkan. Hal ini berlaku untuk grup yang kontennya dapat dibagi menjadi beberapa topik terpisah, misalnya kesehatan, mode, dll.

Jika komunitas Anda dibuat dalam bentuk toko online, maka pendekatannya harus sangat berbeda. Kenyamanan dalam mencari barang atau jasa tentunya harus ada, tetapi juga fokus pada promosi, produk baru, ketentuan pengiriman, serta kontak Anda.

Jadi pastikan untuk mempertimbangkan tema komunitas saat membuat menu Anda.

Metode membuat menu untuk grup VKontakte

Langkah pertama adalah memutuskan cara membuat menu Anda: secara otomatis atau manual. Jika Anda telah memilih metode yang cepat dan sederhana, tetapi pada saat yang sama berkualitas tinggi, saya persembahkan untuk perhatian Anda layanan untuk membuat menu untuk komunitas VK WikiMaker, Anda akan dengan mudah dan cepat mengetahuinya, membuat grup Anda lebih nyaman. Jika Anda ingin mengambil kendali penuh atas pembuatan menu, berikut adalah petunjuk langkah demi langkah.

Bagaimana cara membuat desain yang menarik?

Saya ingin menggabungkan pembuatan dua elemen grup penting ke dalam instruksi: menu dan avatar. Karena itu tidak disarankan untuk membuatnya secara terpisah, karena pengguna harus melihat keselarasan antara kedua elemen grafis tersebut.

Pertama, Anda perlu menginstal Photoshop, jika sebelumnya Anda belum menginstal program ini di komputer Anda.
Buka Photoshop dan buat dua file template untuk avatar dan menu. Tetapkan dimensi yang diperlukan. Misalnya, untuk avatar - 200x500 piksel, dan menu - 389x600 piksel. Isi dengan satu warna agar terlihat jelas dan simpan dua file terpisah yang dibuat.
Muat templat ke dalam grup sebagai pengganti avatar, pilih seluruh area.
Memuat menu sedikit lebih rumit. Untuk melakukan ini, Anda perlu mengaktifkan konten di “Manajemen Komunitas.” Setelah ini, kemampuan untuk menambahkan menu akan tersedia. Buka tab yang muncul di bawah deskripsi grup “Berita Terbaru” dan klik tombol di toolbar berbentuk kamera dan unggah file dari komputer Anda. Apakah itu berhasil?
Segera setelah mengunduh, tautan akan tersedia untuk Anda, yang harus sedikit dimodifikasi. Setelah kata “noborder” masukkan tanda “;” dan kata "nopadding". Fitur ini akan mencegah menu Anda terjatuh saat menambahkan berita ke komunitas.
Kami menjadikan Prnt Scrn sebagai halaman utama grup Anda. Untuk apa? Untuk memahami kesalahan Anda. Faktanya adalah sekarang ini adalah versi draf - semuanya tidak mulus dan tidak begitu indah. Tujuan Anda adalah agar batas bawah menu dan avatar cocok dengan sempurna. Kemudian Anda mungkin bertanya-tanya, “Mengapa saya tidak memberikan pengukuran yang tepat?” Namun faktanya setiap admin menggunakan jumlah teks yang berbeda dalam deskripsi grup, yang mengubah tinggi menu, dan lebar menu adalah masalah selera dan, seperti kita ketahui, berbeda untuk setiap orang.
Kami masuk ke Photoshop dan membuat file baru, memasukkan tangkapan layar di sana.
Sekarang, saat bekerja dengan file ini, kami memilih area avatar menggunakan "pilihan persegi panjang" - Anda dapat menggunakannya untuk memilih area tertentu seakurat mungkin. Selanjutnya, klik kanan dan pilih “potong ke lapisan baru.”
Kami mengerjakan hal yang sama dengan gambar menu, hanya ketika memilihnya, kami perlu memotong apa yang tidak perlu di bagian bawah. Pastikan bagian bawah menu dan avatar benar-benar cocok.
Sekarang, tahan tombol Ctrl, pilih dua layer yang kita buat. Klik kanan padanya dan pilih fungsi "Gabungkan Lapisan". Dua templat kami, yang sangat cocok satu sama lain, muncul di hadapan kami di halaman yang sama.
Langkah selanjutnya adalah mengunggah foto sampul. Itu muncul di atas templat kami. Sekarang, pada alat lapisan di sebelah kanan, klik pada file sampul sambil menahan tombol Alt. Setelah prosedur ini, sampul hanya akan terlihat pada templat dan menjadi tidak terlihat di luar batasnya. Namun hal ini tidak akan menghentikan Anda untuk memindahkan sampul dan memilih bagian yang diinginkan.
Nah poin penting dalam membuat menu adalah tombol-tombolnya. Sekarang Anda seharusnya sudah mengetahui nama pasti dari tombol-tombol yang akan datang. Misalnya, “Kesehatan”, “Anak-anak”, “Kontak kami”. Untuk mempermudah tugas, kita buat tombol pertama, selanjutnya kita tinggal duplikasi dan ubah teksnya.
Kami menambahkan logo ke avatar atau seruan verbal, atau keduanya. Ini akan menambah semangat serta ciri khas pada band Anda.
Simpan file bersama sebagai gambar di komputer Anda. Apa selanjutnya?
Buka file yang baru saja kita buat di Photoshop. Selanjutnya, kita membuat file kosong baru dengan dimensi yang sama persis dengan avatar kita, masukkan ke dalamnya gambar yang kita buat dengan logo dan tombol. Kami memilih area yang kami perlukan untuk avatar dan menyesuaikannya dengan sempurna ke dimensi yang dipilih. Lalu kita simpan kreasi kita.
Kami melakukan hal yang sama dengan menu. Tapi sekali lagi, ada tambahan di sini. Pertama, Anda perlu mengetahui ketinggian menu, karena tidak sesuai dengan versi draf. Dengan menggunakan penggaris, kami mengukur tingginya menjadi satu piksel (sebaiknya mengukurnya beberapa kali agar tidak membuat kesalahan). Buat file baru dengan lebar lama dan tinggi baru, sesuaikan gambar dengan ukuran dan klik tombol “Simpan”.
Muat avatar baru, pilih seluruh area dan pilih thumbnail.
Unggah menu melalui tombol “Berita Terbaru”. Kami menghapus tautan sebelumnya, mengunggah foto baru dan menambahkan “;nopadding”.
Sekarang mari kita tata tata letak menu kita. Kami menggunakan alat "Pemotongan" atau "Pisau" Photoshop. Disebut berbeda di berbagai versi Photoshop. Kami menggambar garis di bawah setiap tombol untuk membuat persegi panjang terpisah sehingga pengguna dapat mengarahkan kursor untuk menavigasi ke tautan tertentu di masa mendatang.
Kami pergi untuk mengedit menu melalui "Berita Terbaru" dan memuat setiap kliping menu kami secara bergantian. Saat melihat, celah di antara gambar kita akan ditampilkan. Untuk menghilangkannya, Anda perlu menambahkan kata "nopadding" ke setiap tautan.
Nah, agar link Anda aktif dan Anda dapat memasukkan informasi yang Anda perlukan, lalu tulis pada link gambar tersebut di menu edit - nama salah satu tombol Anda - misalnya Pengiriman. Namun kata ini harus ditulis dengan jelas sesuai aturan yang telah ditetapkan akan terlihat seperti ini [[Pengiriman]]. Selanjutnya, simpan halaman tersebut, ikuti tautan ini dan isi dengan konten yang diperlukan.
Langkah terakhir agar semuanya berfungsi adalah dengan memasukkan salinan tautan ke halaman Pengiriman ke dalam tautan tombol, misalnya - halaman-123456_456789, yaitu info di antara kata “vk.com/” hingga “?”. Itu saja, sekarang rancang setiap tombol dengan cara yang sama dan menu Anda akan berhasil menarik audiens target Anda.