Pada artikel ini kami akan memberi tahu Anda cara membuat avatar horizontal lebar di grup VKontakte. Mari kita tunjukkan dengan contoh yang jelas, cara membuat avatar VK lebar, dan juga memberikan rekomendasi praktis yang bermanfaat.

Pertama-tama, saya ingin segera mengatakan tentang pentingnya elemen grafis grup VK seperti avatar horizontal lebar. Dibandingkan dengan biasanya avatar vertikal VKontakte, yang horizontal memiliki area yang luas dan ditampilkan perangkat seluler, yang memungkinkan Anda menggunakannya dengan lebih efisien.
Sebelum instalasi langsung avatar lebar, saya ingin menarik perhatian Anda ke ikon grup Anda, yang ditampilkan di sebelah kiri di seberang setiap postingan. Itu diambil langsung dari miniatur avatar vertikal standar. Jika memungkinkan, gayanya harus sama dengan topi masa depan. Jika tajuk direncanakan dengan gaya yang berbeda, unggah terlebih dahulu avatar biasa, lalu lanjutkan ke avatar horizontal lebar.

Jadi, mari kita langsung ke proses pemasangan avatar VKontakte yang lebar.

Petunjuk cara membuat avatar horizontal di grup VK.

1) Kami sedang menyiapkan avatar lebar berukuran 1590×400 piksel editor grafis.
Avatar horizontal lebar adalah wajah grup Anda, yang membentuk kesan pertama dan sikap pengunjung. Pembuatan avatar harus dilakukan dengan sangat hati-hati; ini akan menentukan keberhasilan komunitas Anda selanjutnya.
Misalnya, perhatikan avatar yang kami siapkan untuk demonstrasi:

Elemen utama yang biasa digunakan pada header adalah:

• logo– Mengatur asosiasi grafis utama dengan grup.
• Menuju– Secara singkat dan jelas menceritakan tentang apa kelompok itu dan untuk siapa.
• Elemen grafis dengan deskripsi memberi lebih banyak informasi lengkap tentang apa yang ditawarkan grup, apa kelebihan dan fitur yang dimiliki grup.

Elemen utama harus ditempatkan lebih dekat ke tengah dan ke bawah, mundur dari batas atas setidaknya 100 piksel dan dari batas samping setidaknya 220. Dengan cara ini, Anda akan memastikan tampilan normal avatar lebar di perangkat seluler.

2) Mari beralih ke pengelolaan komunitas.

3) Klik Unggah di samping bidang sampul komunitas.

4) Muat avatar horizontal yang telah dibuat sebelumnya.

5) Kami memeriksa apakah avatar ditampilkan dengan benar di grup dari komputer dan perangkat seluler.

Seperti yang Anda lihat, membuat avatar horizontal lebar tidaklah sulit sama sekali. Penting untuk mengetahui hanya beberapa fitur saja.
Selain itu, saya ingin menarik perhatian Anda pada fakta bahwa avatar bukanlah satu-satunya elemen grafis mendefinisikan gaya kelompok. Gambaran keseluruhan juga dibentuk oleh desain postingan, album, produk, dan bagian lain dari grup Anda. Hal ini juga harus diperhitungkan.

Jika Anda memerlukan bantuan dalam menulis postingan untuk grup, membuat kartu produk, dan menulis konten serupa, Anda dapat menghubungi kami di .

Kami juga dapat membantu desain kelompok. Untuk bantuan dalam membuat header avatar horizontal lebar, logo grup vertikal standar, menu wiki, grafik bermerek, dan elemen desain lainnya, Anda dapat menghubungi kami.
Untuk memesan layanan dan untuk pertanyaan apa pun, tulislah.

Rahasia VKontakte adalah rangkaian postingan blog baru di mana saya akan mengungkapkan seluk-beluk membuat komunitas dan grup jaringan sosial VKontakte. Saya akan menunjukkan kepada Anda aspek teknis dan organisasi. Bersama-sama kita akan belajar menciptakan yang indah dan komunitas populer di jejaring sosial terbesar di Runet. Omong-omong, jika Anda belum memiliki komunitas VKontakte, tonton video ini.

Hari ini saya akan menunjukkan cara membuat yang indah blok tunggal“Avatar+Menu”. Anda mungkin pernah melihat grup yang dirancang dengan indah, di mana menu dan avatarnya adalah satu gambar.

Kelihatannya cukup indah, bukan? Meskipun terlihat kesulitan, siapa pun dapat membuat blok seperti itu di grupnya. Pada saat yang sama kamu tidak perlu tahu rahasia Photoshop. Saya akan menunjukkan cara melakukan ini di editor grafis biasa. Cat, yang ada di setiap komputer.

Jadi, kita membutuhkan:

• gambar dari mana kita akan membuat avatar grup dan menu;
• editor grafis Cat;
• Memperbaiki program untuk mengukur lebar dan tinggi menu.

Buka editor Paint dan gambar yang kami siapkan. Tinggi gambar tidak boleh lebih dari 799 piksel dan lebarnya tidak kurang dari 600 piksel. Dengan panah No. 1 di tangkapan layar saya menunjukkan tempat di mana Anda dapat melihat dimensi gambar saat ini. Dan panah No. 2 adalah alat yang dapat digunakan untuk mengubah dimensi tersebut.

Setelah menerima ukuran gambar yang sesuai dengan kami, kami memotong avatarnya. Untuk melakukan ini, gunakan alat “Pilih” (panah No. 3). Pilih area dengan lebar 200 px (panah No. 4 menunjukkan di mana Anda dapat memantau lebar area yang dipilih). Gunting bagian gambar ini (panah No. 5).

Tanpa menutup Paint saat ini, luncurkan Paint yang lain. Kami memasukkan bagian gambar kami yang sudah dipotong ke dalamnya. Ini akan menjadi avatar grup VKontakte kami. Kami membuat tulisan menarik di atasnya dan menyimpannya sebagai gambar dalam format PNG.

Setelah itu, avatar sudah dapat diunggah ke grup VKontakte kami.

Sekarang kita perlu mencari tahu ukuran yang tepat blok menu. Untuk melakukan ini, kami akan menggunakan program yang berguna dan sederhana untuk webmaster Rect. Program ini tidak memerlukan instalasi dan tidak membuat atau memodifikasi file apa pun. >>>Unduh perangkat lunak Rect<<<

Kami membuka halaman grup kami dan mengukur jarak dalam piksel dari tepi bidang dengan judul "Diskusi" atau "Polling" (tergantung mana yang muncul lebih dulu setelah tautan ke menu grup) ke tepi bawah avatar. Program Rect akan menunjukkan kepada kita lebar dan tinggi di tengah jendela. Omong-omong, lebar blok menu harus hanya 388 piksel.

Jadi tinggi yang dibutuhkan dalam hal ini adalah 295 piksel. Omong-omong, saya menyarankan Anda untuk menyiapkan deskripsi grup Anda terlebih dahulu, karena ketinggian blok menu akan bergantung pada volumenya.

Kami kembali ke Paint dengan gambar yang tersisa dan memotong blok menu berukuran 388*295 piksel dari sudut kanan bawah.

Kami menempelkan gambar yang dipotong ke dalam Paint baru yang dibuka sebelumnya dan memasukkan teks tautan menu ke dalamnya. Lihat sendiri cara memformat teks. Editor memungkinkan Anda menyisipkan berbagai bentuk dan penanda. Saya berpendapat rahasia desain yang bagus adalah minimalis, baik itu VKontakte atau website biasa. Untuk alasan ini saya menggunakan teks bergaris bawah biasa. Ini persis seperti cara kami melihat tautan.

Sekarang, dengan menggunakan alat “Pilih” dan “Potong” yang sudah familiar, kami memilih dan memotong setiap item menu. Kami menempelkan gambar setiap item ke dalam Paint baru dan menyimpannya sebagai gambar dalam format PNG.

Secara total, kita harus memiliki 5 gambar yang menjadi satu kesatuan. Kenapa lima jika ada 4 link? Saya memotong bagian bawah sebagai gambar terpisah tanpa tautan. Kami mengunggah foto-foto ini ke album terpisah grup VKontakte kami. Kami akan membutuhkannya segera.

Buka halaman utama grup dan klik tautan “Edit” di bilah menu. Itu akan muncul di sana ketika Anda mengarahkan mouse ke atasnya.

Di editor menu, aktifkan mode markup wiki. Dan masukkan baris berikut di sana.

UPD: Perhatian! Sekarang, agar semuanya ditampilkan dengan benar, Anda perlu menukar tag tanpa bantalan dan ukuran gambar. Tempatkan titik koma setelah ukuran gambar yang sesuai.

Setiap baris berhubungan dengan salah satu gambar komponen blok menu.

Dalam kode yang saya soroti:

• merah muda – id gambar. Dimana saya bisa mendapatkannya? DI DALAM bilah alamat browser Anda saat melihat gambar.
• hijau – dimensi gambar dan perintah “nopadding”, yang menampilkan gambar tanpa padding.
• kuning – tautan ke halaman grup yang diinginkan.

Kehadiran menu seperti itu tentu saja bukan menjadi alasan popularitasnya di masyarakat. Namun menurut saya, mereka membuat halaman grup lebih menyenangkan bagi peserta dan tamu. Omong-omong, jika Anda baru memulai perjalanan Anda sebagai administrator VKontakte, publikasi Administrator Jaringan Sosial akan berguna bagi Anda.

Panduan ini tidak relevan untuk halaman VKontakte publik. Saya merekomendasikan penggunaan manual ini untuk umum -

Desain komunitas VKontakte yang indah bukanlah suatu keinginan, tetapi merupakan elemen penting yang membangun kepercayaan pengguna terhadap Anda dan perusahaan Anda. Jika halaman atau grup publik dirancang secara tidak profesional, calon klien Anda mungkin secara logis menyimpulkan bahwa Anda sama-sama lalai dalam pekerjaan Anda. Untuk mencegah hal ini terjadi, pastikan halaman VKontakte Anda indah, rapi, dan mudah digunakan. Bagaimana cara melakukan ini? Baca di bawah.

Ukuran gambar VKontakte saat ini

Beberapa waktu lalu, pengembang jejaring sosial VKontakte meluncurkan desain baru. Hal ini menyebabkan perubahan ukuran dan prinsip tampilan gambar. Memo yang akan diberikan di bawah ini sesuai dengan semua inovasi dan memuat ukuran-ukuran yang relevan saat ini.

Sekarang mari kita bahas lebih detail pada setiap poin.

Ukuran avatar VK

Ukuran avatar minimum adalah 200 kali 200 piksel. Jika Anda mencoba mengunggah gambar dengan lebar atau panjang kurang dari 200 piksel, Anda akan melihat kesalahan seperti ini:

Ukuran avatar maksimum adalah 200 x 500 piksel. Namun, pada prinsipnya, Anda dapat mengunggah gambar dengan ukuran lebih besar - hingga 7000 piksel di setiap sisinya. Yang utama adalah rasio aspeknya tidak melebihi 2 banding 5.

Saya akan menunjukkannya kepada Anda dengan sebuah contoh.

Saya punya gambar. Ukurannya: 200 x 800 piksel (rasio 2 banding 8). Tidak ada kesalahan saat memuat. Namun, saya tetap tidak dapat menggunakan gambar ini karena “Kontak” tidak memungkinkan saya untuk memilihnya sepenuhnya.

Menutupi

Ukuran sampul untuk versi lengkap situs ini adalah 1590 x 400 piksel.

Harap diperhatikan: pada versi dan aplikasi seluler, sampul versi lengkap tidak ditampilkan, tetapi hanya sebagian berukuran 1196 x 400 piksel. Lihat cara pemangkasannya di aplikasi seluler:

Untuk mencegah hal ini terjadi, posisikan elemen utama sampul Anda dalam ukuran 1196 x 400 piksel.

Gambar terlampir

Dalam desain Kontak yang diperbarui, lebar umpan berita telah diperbaiki. Artinya, gambar yang dilampirkan pada postingan tidak lagi diregangkan, melainkan tetap apa adanya. Oleh karena itu, jika Anda ingin gambar Anda memenuhi seluruh ruang di umpan berita, lebarnya minimal harus 510 piksel. Yang terbaik adalah jika berbentuk persegi atau persegi panjang dengan orientasi lanskap.

Kedengarannya agak membingungkan :) Jadi saya akan menunjukkannya dengan sebuah contoh.

Katakanlah kita memiliki gambar berbentuk persegi dengan sisi 510 piksel. Jika kami melampirkannya ke postingan kami, itu akan terlihat sangat bagus di feed berita di semua perangkat:

Dan seperti inilah gambar horizontal dalam orientasi lanskap (lebar 510 piksel):

Seperti yang Anda lihat, semakin sempit (tinggi) gambarnya, semakin kecil tampilannya di feed ponsel cerdas. Untuk melihatnya, lihat gambar di bawah ini:

Jelas bahwa perbedaan di sini tidak terlalu penting, dan pengguna ponsel cerdas akan tetap melihat gambar Anda, hanya saja pada kasus kedua mereka akan sedikit lebih nyaman.

Gambar untuk postingan dengan link

Semua data ini berasal dari kode markup Open Graph:

Jika Open Graph tidak ditentukan, judul diambil dari meta tag Judul, dan gambar dari artikel. Pada saat yang sama, Anda dapat dengan mudah mengubahnya - atau memilih gambar lain dari artikel menggunakan panah khusus:

Atau unggah milik Anda:

Ukuran minimal gambar yang dapat Anda gunakan sebagai pengumuman artikel Anda adalah 537 x 240 piksel. Namun, Anda dapat mengunggah gambar yang lebih besar asalkan proporsinya tetap terjaga.

Gambar untuk artikel yang dibuat di editor

Ukuran gambar sampul artikel yang dibuat di editor adalah 510 x 286 piksel. Sebaiknya warnanya gelap dan kurang lebih monokromatik, karena nama artikel dan komunitas hilang jika berlatar belakang terang.

Contoh yang bagus:

Bukan contoh yang bagus:

Ukuran foto dan video untuk cerita

Ukuran foto adalah 1080 x 1920 piksel. Ukuran videonya adalah 720 x 1280 piksel.

Spesifikasi teknis perekaman video:

• hingga 15 detik;
• tidak lebih dari 5MB;
• kodek h.264;
• suara AAC.

Stories harus menggunakan foto dan video berformat vertikal.

Harap diperhatikan: cerita atas nama komunitas saat ini hanya dapat ditambahkan oleh komunitas besar yang fungsi ini telah dibuka oleh pengembang VKontakte. Dan ini dilakukan dengan menggunakan aplikasi resmi. Hal ini tidak dapat dilakukan dari komputer.

Ukuran sampul album foto

Ukuran gambar video

1280 x 720 piksel.

halaman Wiki

Lebar area konten halaman wiki adalah 607 piksel. Jika Anda mengunggah gambar yang lebih besar, maka secara otomatis akan diunggah dengan lebar 400 piksel. Contoh: Saya mempunyai gambar berukuran 1366 x 768. Jika saya menambahkannya ke halaman wiki, tampilannya akan seperti ini:

Untuk mengubah ukuran gambar, Anda perlu mengkliknya dan mengatur nilai yang diinginkan:

Saya akan berbicara secara rinci tentang cara bekerja dengan halaman wiki di bawah. Oleh karena itu, kami tidak akan membahas hal ini di sini.

Bagaimana cara memastikan gambar VKontakte tidak menyusut? Pengaruh latar belakang dan ukuran terhadap kualitas gambar.

Jika Anda pernah mencoba mengunggah gambar ke VKontakte (tidak peduli apakah itu gambar avatar atau hanya foto dari perjalanan Anda), Anda mungkin sudah tahu bahwa gambar tersebut cenderung menyusut. Hal ini terutama terlihat pada latar belakang gelap (dan terutama merah) dan bila ukuran gambar tidak terlalu besar. Contoh:

Bagaimana cara memastikan kualitas gambar tidak menurun?

Untuk mencegah gambar menyusut (atau lebih tepatnya, menyusut, tetapi pada tingkat yang jauh lebih kecil), gambar perlu dibuat 2-3 kali lebih besar dari ukuran yang diinginkan. Misalnya, jika kita perlu membuat avatar berukuran 200 x 500 piksel, kita mengambil gambar berukuran 400 x 1000 piksel. Jika Anda perlu membuat menu dengan ukuran 510 x 400 piksel, ambil 1020 x 800.

Gambar dengan latar belakang biru tua, yang saya tunjukkan tepat di atas, berukuran 510 x 350. Saya membuatnya dua kali lebih besar (1020 x 700) dan menyimpannya. Inilah yang keluar darinya:

Bagaimana cara memperbaikinya? Jawabannya sangat sederhana - Anda harus memilih latar belakang yang berbeda. Faktanya adalah piksel terlihat lebih baik pada latar belakang gelap daripada latar terang. Oleh karena itu, jika Anda ingin mendapatkan kualitas yang sempurna (walaupun gambar di atas sudah terlihat cukup normal), maka Anda perlu sedikit mengubah skema warnanya. Misalnya, buat latar belakang menjadi putih dan teks menjadi biru:

Cara mendesain header halaman

Header halaman publik atau grup Anda adalah hal pertama yang dilihat pengguna ketika mereka mengunjungi Anda. Biasanya, tempat ini berisi menu navigasi untuk materi publik, beberapa postingan menarik, atau pengumuman penting. Mari kita lihat contoh bagaimana berbagai perusahaan menggunakan ruang ini.

Menutupi

Belum lama ini, VKontakte memperkenalkan pembaruan - sekarang Anda dapat mengunggah sampul besar dan indah (1590 x 400 piksel) ke halaman. Untuk melakukan ini, buka pengaturan dan klik tombol "Unduh".

Di sampulnya Anda dapat menempatkan apa pun yang Anda inginkan: mulai dari nama dan moto perusahaan Anda, hingga segala jenis promosi, penawaran, dan bahkan kompetisi.

Saya sarankan untuk memberi perhatian khusus pada kemungkinan sampul dinamis. Baca artikel kami tentang cara kerjanya, untuk tujuan apa dapat digunakan dan dengan layanan apa yang dapat diinstal.

Contoh sampul dinamis:

Sampul + deskripsi komunitas + tautan situs web

Beberapa perusahaan secara khusus tidak menyematkan postingan apa pun di header sehingga pengguna memiliki kesempatan untuk membaca informasi dasar tentang halaman tersebut dan segera membuka situsnya.

Deskripsi dengan hashtag

Beberapa perusahaan menambahkan hashtag ke deskripsi halaman standar yang menjadi ciri khasnya. Hal ini dilakukan agar halaman tersebut memiliki relevansi yang lebih jelas, dan karena itu, halaman tersebut lebih tinggi dalam pencarian kueri yang relevan. Sejujurnya, saya tidak tahu apakah metode ini berhasil atau tidak. Saya belum melihat kasus apa pun mengenai topik ini, jadi jika ada yang tahu, saya akan berterima kasih jika Anda dapat membagikan tautannya.

Postingan yang dipasangi pin menceritakan tentang halaman tersebut

Jika Anda ingin menceritakan tentang halaman Anda lebih detail (dengan foto, tautan, dan tata letak yang indah), maka Anda dapat melampirkan postingan wiki atau artikel yang dibuat di editor ke header, dengan gambar cerah pada pengumuman yang akan mendorong pengguna untuk mengkliknya. Contoh postingan seperti ini:

Dan inilah yang dilihat pengguna setelah dia mengklik link tersebut:

Menu grup terbuka

Saya menyebut menu terbuka sebagai menu yang langsung menampilkan item apa saja yang ada di dalamnya. Artinya, gambar pengumuman kiriman wiki sepenuhnya menduplikasi isinya. Dengan demikian, pengguna segera melihat apa yang menanti mereka di dalam. Saya akan menunjukkannya kepada Anda dengan sebuah contoh.

Ini adalah tampilan postingan yang dipasangi pin di header halaman Flatro:

Menu grup ditutup

Menu tertutup adalah postingan wiki yang sama seperti pada paragraf sebelumnya, hanya pengumuman yang berisi gambar tanpa item menu. Biasanya mereka menulis di atasnya: “Menu”, “Menu navigasi” atau “Navigasi melalui materi publik”.

Dan inilah yang kita lihat ketika kita mengkliknya:

Omong-omong, perlu dicatat bahwa ini bukanlah satu-satunya pilihan. Pada dasarnya, Anda dapat menulis apapun yang Anda inginkan pada gambar ini. Hal utama adalah pengguna ingin mengkliknya, dan dia mengerti apa yang menantinya setelah itu. Contoh:

Menu gabungan untuk grup

Menu yang digabungkan adalah ketika gambar pada pengumuman menu Anda membentuk satu gambar dengan avatar. Di bawah ini saya akan memberi tahu Anda secara detail cara membuat menu seperti itu, tetapi untuk saat ini lihat saja betapa indahnya tampilannya.

GIF dan avatar dalam satu gambar

Tapi pilihan desain topi ini benar-benar membuat saya senang. GIF yang diputar otomatis menyatu dengan avatar menjadi satu komposisi dan menarik perhatian pengguna, meski tidak ada informasi sama sekali.

Omong-omong, saya melihat contoh ini di grup pemasar SMM Sergei Shmakov. Jadi, saya mengucapkan terima kasih kepadanya atas penemuannya :)

Menu tersembunyi

Menu tersembunyi hanya tersedia untuk grup (halaman tidak memiliki fungsi ini). Untuk melihatnya, Anda perlu mengklik link yang sesuai. Keuntungan dari metode desain ini adalah pengguna dapat melihat informasi utama komunitas, dan jika ingin menggunakan menu hanya perlu melakukan satu klik. Namun, ada sedikit kelemahan di sini - tidak semua pengguna mengetahui keberadaan fungsi ini, sehingga menu Anda mungkin kurang mendapat perhatian dibandingkan jika disematkan di bagian atas halaman.

Video diputar otomatis

Pada akhir November 2015, sebuah inovasi menarik muncul di jejaring sosial VKontakte - segera setelah pengguna mengunjungi halaman Anda, video yang dilampirkan pada header mulai diputar secara otomatis. Dengan teknik ini, Anda dapat menarik lebih banyak perhatian dari pengguna (terutama mereka yang mengunjungi halaman Anda untuk pertama kalinya), dan pada saat yang sama, tidak membuat kesal mereka yang tidak suka kontennya dikenakan pada mereka, karena video diputar tanpa suara dan praktis tidak mengganggu.

Bagaimana cara menambahkan video seperti itu ke header halaman Anda?

Untuk melakukan ini, tiga syarat harus dipenuhi:

• Lampirkan video ke postingan dan sematkan postingan ini ke bagian atas komunitas.
• Selain video, tidak ada hal lain yang boleh dilampirkan pada rekaman tersebut. Hanya video dan teks opsional.
• Video harus diunggah ke VKontakte - pemutar pihak ketiga tidak didukung.

Sebuah postingan yang mendapat banyak share

Cara lain untuk menggunakan ruang di header halaman Anda secara produktif adalah dengan menyematkan salah satu postingan Anda yang paling sukses di dalamnya - postingan yang telah menerima dan terus menerima banyak suka dan bagikan. Mengapa melakukan ini, saya pikir semua orang mengerti - semakin banyak repost, semakin besar jangkauannya, semakin banyak langganan yang diterima halaman tersebut.

Pengumuman video, album, acara baru

Presentasi produk/jasa baru

Diskon dan promosi

Kasus, ulasan pelanggan

Iklan aplikasi

Menarik

Aturan Komunitas

Tautan ke jejaring sosial lain

Saya belum mencantumkan semua opsi desain header. Pada dasarnya, Anda dapat meletakkan informasi apa pun di halaman sampul dan postingan yang dipasangi pin: lowongan pekerjaan, pengumuman, tautan ke produk terlaris, dll. Jadi, jangan batasi diri Anda pada contoh di atas. Gunakan imajinasi Anda dan gunakan desain komunitas Anda untuk mencapai tujuan Anda.

Avatar itu seharusnya seperti apa?

Avatar bukan hanya gambar indah dengan logo perusahaan Anda, tetapi juga alat kerja pemasar untuk mencapai tujuannya. Mari kita lihat secara detail seperti apa seharusnya untuk menarik perhatian pengguna dan mendorong mereka untuk melakukan tindakan yang ditargetkan. Mari kita mulai dengan miniaturnya.

Gambar kecil avatar

1. Teks pada thumbnail avatar Anda harus cukup besar untuk dibaca.







2. Teks tidak boleh melebihi thumbnail.







3. Pengguna harus memahami apa yang ditampilkan pada avatar.







4. Jika memungkinkan, sebaiknya jangan menggunakan gambar stok, karena sering kali menurunkan kredibilitas perusahaan.




5. Gambar mini avatar tidak boleh terlalu pudar dan membosankan, jika tidak maka gambar mini tersebut akan hilang dengan latar belakang avatar pesaing yang lebih cerah.



6. Jika Anda ingin avatar Anda terlihat modern, buatlah dengan gaya minimalis: lebih sedikit teks, bayangan, gradien, dan elemen yang tidak membawa makna apa pun. Avatar Anda harus sesederhana dan serapi mungkin. Gaya ini sedang tren saat ini.







7. Jika tujuan Anda adalah untuk menarik perhatian pengguna dan menonjol dari avatar lain di feed, Anda harus menggunakan imajinasi Anda. Pikirkan tentang apa yang Anda sendiri perhatikan ketika mencari komunitas yang menarik? Misalnya, saya lebih dari satu kali tertarik dengan avatar dengan cahaya menyala, yang biasanya menandakan bahwa pesan baru telah tiba. Ini adalah teknik yang sangat tua, tetapi untuk beberapa alasan masih mempengaruhi saya - ketika saya melihat cahaya seperti itu, saya pasti akan tetap memperhatikannya.

Saya tidak mengatakan bahwa teknik ini akan berhasil di halaman Anda. Hal yang ingin saya sampaikan adalah ada banyak sekali cara untuk menonjol, Anda hanya perlu bertanya pada diri sendiri dan menjadi sedikit kreatif. Di sini, misalnya, ada ide menarik lainnya yang hampir tidak terpikirkan oleh saya sendiri:

Avatarnya berbentuk lingkaran hitam: besar dan kecil. Tampaknya, mengapa melakukan ini? Namun saat Anda menelusuri daftar komunitas, avatar tersebut menarik perhatian karena sangat berbeda dari yang lain.

Informasi apa yang dapat ditempatkan pada thumbnail avatar?

Meskipun thumbnail avatarnya sangat kecil, thumbnail tersebut dapat (dan harus) digunakan untuk menarik pengikut ke komunitas Anda. Bagaimana cara melakukan ini? Mari kita lihat beberapa opsi:

Pengumuman produk/layanan/acara baru

Keuntungan dari perusahaan/layanan/halaman

Nomor telepon perusahaan

Harga yang menguntungkan

Pengiriman gratis

Ngomong-ngomong, sering kali informasi bahwa perusahaan menyediakan pengiriman gratis ditambahkan ke nama grup itu sendiri sehingga pengguna pasti akan memperhatikannya.

Saham

Kompetisi

Lowongan

Seperti apa seharusnya avatar itu sendiri?

Saya melihat seperti apa gambar mini avatar itu dan teks apa yang dapat ditempatkan di dalamnya. Sekarang mari beralih ke avatar itu sendiri. Avatar versi lengkap hanya akan ditampilkan di komunitas yang tidak memasang sampul. Untuk kasus-kasus seperti itulah saya menulis bagian ini. Jadi, seperti apa seharusnya avatar komunitas Anda agar pengguna segera memahami bahwa perusahaan Anda melakukan pendekatan terhadap pembuatan halaman tersebut secara bertanggung jawab dan profesional.

1. Avatar harus berkualitas tinggi. Saya menulis tentang cara mencapai ini sedikit lebih tinggi. Bagi yang melewatkan bagian ini, saya akan memberitahu Anda secara singkat - ukuran avatar harus 2-3 kali lebih besar dari yang Anda rencanakan.
2. Sebaiknya avatar digabungkan dengan menu: skema warnanya sama, font, elemennya sama, dll. Berkat ini, header halaman Anda akan terlihat lebih rapi dan profesional. Contoh:
3. Avatar itu sendiri dan thumbnail avatarnya mungkin berbeda. Misalnya, Anda dapat menggambar lingkaran pada avatar Anda, mendesainnya sesuai keinginan Anda, memilih area tersebut sebagai thumbnail, dan mendesain avatar lainnya dengan gaya yang berbeda.




Pilihan lainnya adalah membagi avatar menjadi dua bagian. Satu untuk miniaturnya, dan yang kedua untuk avatar lainnya.




4. Untuk mendorong pengguna agar berlangganan halaman Anda atau menulis pesan ke perwakilan perusahaan, Anda dapat menempatkan ajakan bertindak yang sesuai di bagian paling bawah avatar dan disertai dengan panah yang menunjuk ke tombol.




5. Usahakan untuk tidak menaruh terlalu banyak informasi pada avatar Anda, jika tidak maka akan terlihat berlebihan dan tidak rapi. Tambahkan hanya poin-poin terpenting saja dan pastikan ada "udara" di antara poin-poin tersebut.

Informasi apa yang dapat ditempatkan pada avatar?

Pada dasarnya, Anda dapat memasukkan apa pun yang Anda inginkan ke dalam avatar Anda. Berbeda dengan miniaturnya, ada ruang untuk berkeliaran di sekitar sini. Yang penting jangan disalahgunakan :)

Domain situs

Telepon/alamat/jam buka

Kompetisi/promosi

Produk/barang baru yang paling banyak dibeli

Informasi pengiriman

Iklan aplikasi seluler

Keunggulan utama perusahaan/halaman/produk, dll.

Pembaruan bermacam-macam/kreativitas baru, dll.

Informasi bahwa komunitas Anda resmi

Informasi tentang acara mendatang

Alamat akun di jejaring sosial lain

Deskripsi halaman yang diperluas

Membual

Secara umum, Anda benar-benar dapat menempatkan informasi apa pun di avatar Anda. Saya baru saja menyertakan beberapa ide sehingga Anda dapat melihat apa yang dilakukan orang lain dan mendapatkan inspirasi. Nah, ingatlah rekomendasi dasar ini: avatar harus berkualitas tinggi, fontnya harus besar, dan harus ada lebih banyak “udara” di antara elemen-elemennya.

Cara membuat avatar dan menu yang mulus

Untuk membuat avatar dan menu gabungan, Anda memerlukan Adobe Photoshop atau yang setara. Saya akan menjelaskan seluruh proses menggunakan Photoshop sebagai contoh. Jadi, ayo pergi.

1. Download template Photoshop yang saya siapkan khusus untuk artikel ini. Dalam ukuran normal (menu – lebar 510 piksel, avatar – 200) atau diperbesar (menu – lebar 1020 piksel, avatar – 400).
2. Buka gambar yang ingin Anda gunakan sebagai basis.
3. Salin, tempel ke dalam templat dan posisikan sesuai keinginan Anda untuk memotongnya.

1. Tambahkan efek, teks, grafik, dll.

1. Jika Anda tidak ingin kehilangan sebagian gambar (dalam celah 50 piksel), pindahkan ke kanan seperti yang ditunjukkan pada GIF berikut:

1. Pilih alat “Pemotongan” dan klik tombol “Fragmen di sepanjang Panduan”.

1. Hapus fragmen yang tidak perlu (klik kanan mouse - “Hapus fragmen”) dan edit yang sudah ada (klik kanan mouse - klik di ruang kosong - ambil area yang diinginkan dan rentangkan ke ukuran yang diinginkan).

1. Buka bagian "File" dan pilih perintah "Simpan untuk Web".

1. Pergi ke lokasi di mana Anda menyimpan gambar (desktop atau direktori tertentu) dan temukan folder bernama “Gambar”. Di sinilah gambar Anda akan pergi. Sekarang yang tersisa hanyalah mengisinya di halaman.

P.S. Ketinggian avatar dapat diubah sesuai kebijaksanaan Anda. Saya mengambil ukuran maksimum - 500 piksel, tetapi nilainya mungkin lebih kecil. Misalnya, seperti pada halaman “Markup Wiki”:

Cara menggunakan widget

Widget juga merupakan bagian dari desain komunitas VK. Dengan menggunakannya, pengguna dapat: memesan, berlangganan buletin Anda, ikut serta dalam kompetisi, membaca dan meninggalkan ulasan, membuka pencarian di komunitas, menerima hadiah, kupon diskon, dll.

Berikut beberapa contoh tampilan widget di halaman VKontakte:

Cara mendesain gambar untuk postingan

Jika Anda seorang desainer web atau memiliki selera artistik dan keindahan, maka tidak akan sulit bagi Anda untuk menciptakan gaya korporat untuk gambar Anda. Namun, menurut saya orang-orang seperti itu akan menjadi minoritas dalam artikel ini (omong-omong, saya juga bukan salah satu dari mereka). Oleh karena itu, mari kita lihat lebih dekat bagaimana hal ini dilakukan berdasarkan contoh perusahaan yang sukses.

Omong-omong, perlu diingat bahwa hampir semua perusahaan VKontakte terkenal memberi merek pada gambar mereka, yaitu menambahkan logo kecil, alamat halaman, atau tanda air. Ini meningkatkan kesadaran merek dan melindungi gambar Anda agar tidak disalin. Apakah layak melakukan ini, terserah setiap orang untuk memutuskan sendiri. Satu-satunya hal yang ingin saya sarankan adalah: jika Anda memutuskan untuk melakukan ini, cobalah untuk memastikan bahwa logo Anda tidak terlalu terang dan tidak memakan terlalu banyak ruang, jika tidak semua penekanan akan tertuju pada logo tersebut, dan gambar akan tertuju pada logo tersebut. kehilangan daya tariknya.

Di mana saya bisa mendapatkan gambar yang bagus?

Kami memiliki artikel bagus tentang topik ini di blog kami - “”. Semuanya gratis, tetapi beberapa memerlukan registrasi. Jika Anda tidak menemukan sesuatu yang cocok untuk Anda, coba cari dengan kata kunci + wallpaper (atau, jika dalam bahasa Inggris, wallpaper). Biasanya, jenis permintaan ini menghasilkan gambar berkualitas tinggi. Namun di sini Anda perlu berhati-hati dan memeriksa jenis izinnya, jika tidak, jika Anda memiliki bisnis yang serius, Anda bisa mendapat masalah.

Apa yang harus dilakukan oleh mereka yang tidak tahu cara bekerja di Photoshop?

Jika Anda belum pernah bekerja di Photoshop (atau editor grafis lainnya) dan belum siap meluangkan waktu untuk menguasainya, Anda dapat menggunakan layanan yang sudah memiliki templat gambar siap pakai untuk berbagai jejaring sosial:

1. Fotor.com

Setelah itu, di sisi kiri layar, pilih template yang kita minati. Perlu diketahui bahwa hanya template yang tidak memiliki ikon berlian yang disediakan secara gratis.

Kami memasukkannya ke dalam template, pilih dengan tombol kiri mouse, pilih perintah Layer (ikon sandwich) dan klik Pindah ke bawah. Dengan cara ini gambar kita akan berada di latar belakang, dan semua tulisan akan ditumpangkan di atasnya.

Setelah ini, kita mengubah teks, font, ukuran font, posisi prasasti, dll.

Kemudian klik ikon floppy disk, pilih nama, format gambar, kualitas dan klik tombol Masuk untuk mengunduh.

2. Canva.com

Layanan lain yang akan membantu Anda mendesain gambar Anda dengan indah. Ia bekerja dengan prinsip yang sama seperti yang sebelumnya. Daftar di layanan (Anda dapat menggunakan akun Google+ atau email Anda).

Pilih bidang aktivitas Anda. Kami melewatkan langkah di mana Anda diminta mengundang teman. Kita masuk ke menu utama, di mana kita memilih postingan Facebook jika kita membutuhkan foto persegi panjang, atau postingan Instagram jika foto berbentuk persegi.

Pilih template (jika template bertanda “GRATIS” berarti gratis), ubah teksnya.

Jika perlu, unggah gambar Anda, sesuaikan dimensi, ubah teks, font, dan posisi tulisan. Setelah itu, klik tombol “Unduh”, pilih format gambar dan simpan ke komputer Anda atau perangkat lain.

Cara memformat artikel di editor

Baru-baru ini, VKontakte memungkinkan untuk mengetik artikel di editor khusus. Untuk membuat artikel, Anda perlu mengklik huruf “T”:

Cara menggunakan markup wiki

Nah, di sinilah kita sampai pada bagian yang paling menarik sekaligus sulit. Mungkin diantara pembaca ada yang belum mengetahui apa itu markup wiki dan baru pertama kali mendengar istilah ini. Oleh karena itu, khusus untuk Anda, saya akan memberikan definisi yang diberikan oleh “Kontak” itu sendiri.

Markup Wiki adalah bahasa markup yang digunakan untuk memformat teks di situs web (biasanya diklasifikasikan sebagai proyek wiki) dan memungkinkan akses yang lebih mudah ke kemampuan bahasa HTML. Di situs kami, halaman wiki adalah alternatif yang baik untuk posting biasa dan navigasi teks. Jika Anda perlu membuat artikel besar dengan format teks berbeda (tebal, garis bawah, judul, dll.) atau menambahkan grafik ke dalamnya, atau sekadar membuat menu navigasi berwarna untuk komunitas Anda, wiki sangat diperlukan.

Sama seperti Wordpress (atau CMS lainnya) yang memiliki editor HTML untuk membuat artikel, Kontak memiliki editornya sendiri untuk membuat dan mengedit halaman wiki. Ini terlihat seperti ini:

Dengan menggunakan editor ini, menu navigasi dibuat, serta artikel dengan gambar, video, dan rekaman audio. Di bawah ini saya akan membahas secara detail cara bekerja di editor ini, tetapi pertama-tama saya meminta Anda untuk menandai dua tautan. Mereka akan banyak membantu Anda dalam mempelajari markup wiki.

Berapa ukuran maksimum dan minimum avatar untuk grup VKontakte dalam piksel? Untuk membuat gambar keren di komunitas atau di akun VKontakte pribadi Anda, Anda perlu mengetahui hal ini.
Jika Anda tertarik dengan ukuran ava horizontal (penutup), Anda
Salam kenal teman!
Mengapa saya memutuskan untuk menulis postingan tentang topik desain grup VKontakte?
Sangat penting bahwa grup Anda tidak hanya informatif, tetapi juga estetis.
Apa manfaatnya?
Saya memiliki satu komunitas VK, dirancang dengan indah, perasaan bahwa orang-orang berlangganan bukan hanya karena informasinya, tetapi juga karena mereka menyukai komunitas tersebut dari sudut pandang desain.
Apakah Anda setuju bahwa ava persegi panjang yang besar terlihat jauh lebih menarik daripada ava persegi kecil?
Omong-omong, informasi di bawah ini tidak hanya cocok untuk grup VKontakte. Informasi ini juga cocok untuk membuat akun VKontakte pribadi Anda.

Ukuran avatar untuk grup VKontakte desain baru

Avatar yang ideal, serta yang optimal, adalah standar; ukuran avatar dapat dianggap 200x500 dalam piksel, dengan 200 adalah lebarnya, 500 adalah tingginya.
Jika kita berbicara tentang tinggi dan lebar maksimum, itu tidak ada.
Ini mengukur dalam proporsi 2 sampai 5.
Dimana 2 adalah lebarnya, dan 5 adalah tinggi gambar atau foto grup atau halaman pribadi di kontak.

Setujukah Anda kalau ava ini tampilannya jauh lebih menarik dibandingkan ava persegi biasa?

Itu. Misalnya Anda mempunyai ukuran persegi dalam piksel, 100×100, kalikan digit pertama dengan 2, digit kedua dengan 5.
Hasilnya, kami mendapatkan 200 kali 500 piksel yang sama.
Jika Anda tidak akan memesannya, tetapi mencari gambar di Yandex atau Google, cari ukuran 200 x 500, gambar seperti itu paling banyak di sana.
Lebar dan tinggi lainnya hanya akan terpotong oleh kontak.
Jika Anda masih memutuskan untuk mencari gambar atau foto dengan proporsi lain, di bawah ini saya akan memberikan Anda ukuran optimal untuk grup VKontakte.
200x500, 300x750, 400x1000, 500x1250, 600x1500, 700x1750.

Gambar yang lebih besar akan sulit ditemukan).
Misalnya, 200 x 500 piksel, ada banyak sekali gambar di Internet.
700 hingga 1750 saya hanya menemukan 1).

Itu saja, sampai jumpa semuanya!

instruksi

Buka Adobe Photoshop dan buat dokumen baru. Segera atur lebar yang diinginkan menjadi 200px dan tinggi menjadi 500px. Atur resolusi lebih tinggi, tetapi kedalaman bit mode warna tidak begitu penting, Anda dapat membiarkannya pada default 8 bit.

Mulailah dengan latar belakang. Anda cukup mengisinya dengan warna menggunakan Fill Tool di panel kiri, atau dengan menerapkan Gradient. Dalam hal ini, gambar digunakan sebagai latar belakang utama. Untuk mencegahnya terdistorsi saat pemasangan, tahan Ctrl dan seret salah satu sudut, perbesar atau perkecil gambar ke ukuran yang diinginkan.

Masukkan foto yang paling mencerminkan esensi Anda atau siapa yang ingin Anda tampilkan kepada pengunjung halaman Anda. Namun, dari avatar Andalah orang akan menilai Anda terlebih dahulu. Jika tidak ingin memasang foto, Anda bisa menuliskan nama panggilan Anda di latar belakang. Dalam hal ini, ada baiknya bermain-main dengan teks - gunakan font tambahan, ubah transparansi dan tingkat pengisian, serta properti lapisan itu sendiri. Dalam hal ini, efek bayangan dan cahaya bagian dalam digunakan, dan penggelapan dipilih pada overlay lapisan.

Tambahkan efek artistik dengan kuas. Anda dapat menggunakan yang standar atau menemukan set di situs khusus. Sebelum menggunakan kuas, buat layer baru dengan menekan Shift+Ctrl+N.

Buat layer lain untuk menambahkan bingkai. Kemudian pilih alat "Seleksi Persegi Panjang" dan gunakan itu untuk memilih bukan seluruh gambar, tetapi mundur beberapa milimeter dari tepinya. Tekan Shift+Ctrl+I, seleksi terbalik. Isi dengan warna putih dan atur Blending Mode ke Soft Light.

Jika Anda ingin mendapatkan gambar berkualitas tinggi, bekerjalah di editor grafis profesional. Jika Anda tidak tahu cara menggunakannya, buka foto atau gambar di Paint dan potong kira-kira agar gambar sesuai dengan bingkai yang diperlukan. Ketidaknyamanan editor bawaan adalah Anda tidak akan dapat mengatur dimensi yang diperlukan secara akurat.

Memperpanjang foto adalah prosedur sederhana, namun tetap memerlukan keterampilan. Secara khusus, ketika melakukan ini di Adobe Photoshop, perlu diketahui tentang keberadaan perintah “Free Transform”.

Anda akan membutuhkan

• - Versi Russifikasi dari Adobe Photoshop CS5

instruksi

Luncurkan editor Adobe Photoshop CS5 dan tambahkan yang diperlukan foto: Klik item menu “File” > “Open” (atau klik tombol pintas Ctrl+O), pilih file yang diinginkan dan klik “Open”. Mari kita nyatakan secara lisan dokumen ini sebagai D1.

Klik item menu Gambar > Ukuran Gambar. Di jendela yang terbuka akan ada kolom "Lebar" dan "Tinggi", ingat nilai-nilai ini - ini adalah dimensi gambar yang Anda tambahkan ke Photoshop.

Untuk membuka jendela pembuatan dokumen baru, klik item menu “File” > “New” (atau gunakan tombol pintas Ctrl+N). Biarkan tingginya sama dengan foto, dimensi yang Anda tentukan pada langkah kedua instruksi ini, dan buat lebarnya sekitar satu setengah kali lebih besar. Klik Oke. Mari kita tetapkan dokumen ini secara lisan sebagai D2.

Pilih alat Pindahkan ( tombol pintas V), seret gambar dari D1 ke D2 dan ratakan ke kiri.

Panggil perintah transformasi bebas. Ada dua cara untuk melakukan ini. Yang pertama adalah mengklik item menu Edit > Free Transform. Kedua – klik tombol pintas Ctrl+T. Penanda persegi transparan akan muncul di sisi dan sudut lapisan. Tempatkan kursor di atas penanda yang aktif sisi kanan gambar. Kursor akan berubah menjadi panah ganda. Penjepit tombol kiri dan seret mouse ke kanan hingga ke tepi, sehingga merenggangkan gambar. Tekan Enter untuk menyimpan hasilnya.

Untuk menyimpan hasilnya, klik item menu “File” > “Save As” (atau gunakan tombol pintas Ctrl+Shift+S), pilih jalur untuk file berikutnya, masukkan namanya, tentukan Jpeg di “Jenis file” bidang dan klik "Simpan".

Untuk membatalkan tindakan sebelumnya, gunakan tombol pintas Ctrl+Z. Untuk membatalkan lebih dari satu tindakan, gunakan jendela History (item menu Window > History).

Video tentang topik tersebut

Saat ini sulit menemukan siswa yang tidak terdaftar di jejaring sosial terbesar Rusia, VKontakte. Belum lagi komponen hiburan dari sumber daya ini, seringkali berguna untuk berhubungan dengan teman dan kenalan di universitas, berkomunikasi dengan mereka, dan menyelesaikan masalah bersama. Di bawah ini kami akan membahas cara menunjukkan di VKontakte di institusi pendidikan tinggi mana Anda belajar.

Anda akan membutuhkan

• Akses internet

instruksi

Masuk ke akun VKontakte Anda. Untuk melakukan ini, masukkan vkontakte.ru di bilah alamat browser Anda, masukkan email (atau login) dan kata sandi Anda di halaman yang terbuka, dan klik “Login.”

Untuk masuk ke halaman pengeditan pendidikan tinggi Anda, klik tulisan “Edit” yang terletak di seberang judul “Pendidikan” di sisi kanan halaman, atau klik tombol “Edit” yang terletak di sebelah tulisan “Halaman Saya” di sebelah kiri sudut atas dan pilih bagian “Pendidikan”. Kemudian klik tab “Pendidikan Tinggi” yang terletak di sebelah kanan tab aktif"Pendidikan menengah".

Sekarang Anda dapat langsung melanjutkan memilih universitas Anda. Untuk melakukan ini, pilih satu per satu: negara tempat Anda belajar, kota tempat universitas Anda berada, yang tertinggi lembaga pendidikan, bentuk studi, status Anda dan tanggal kelulusan. Setelah itu, klik "Simpan"

Jika perlu, Anda dapat mencantumkan lebih dari satu institusi pendidikan tinggi di halaman Anda. Untuk melakukan ini, setelah menyimpan universitas pertama, klik tulisan “Tambahkan pendidikan” dan sekali lagi lakukan semua langkah yang dijelaskan dalam paragraf sebelumnya.

Setelah Anda selesai memilih universitas tempat Anda belajar atau sedang belajar, kembali ke halaman Anda dan pastikan informasi yang Anda tambahkan muncul di bawah judul “Pendidikan”.

Harap diperhatikan

Untuk menambahkan institusi pendidikan tinggi di VKontakte, Anda perlu mengetahui singkatannya.

Saran yang berguna

Ingat detail login untuk halaman VKontakte Anda.

Anda dapat menarik banyak pengunjung ke halaman jejaring sosial Anda atau membuat diri Anda dikenal di forum dengan bantuan avatar yang mengesankan atau keras nama panggilan. Dipilih dengan terampil, atribut-atribut ini akan dapat mengekspresikan sikap Anda terhadap dunia di sekitar Anda, tanpa partisipasi Anda, atribut-atribut ini akan diceritakan dalam wawancara virtual nama panggilan Ini tentang siapa Anda sebagai pribadi. Dengan bantuan program untuk menghasilkan alias, hal ini dapat dilakukan nama panggilan baru mudah diingat dan orisinal.