Menü düğmesi temas halinde. VKontakte'de grafik menü nasıl yapılır

Bu yazıda size temas halindeki bir grubu nasıl güzelce tasarlayacağınızı anlatacağım. Katılıyorum, grup ne kadar güzel olursa, ona abone olmak o kadar keyifli olur. Aynı zamanda grup, sadece gidip içeriğini görüntülemek isteyeceğiniz kullanışlı bir menüye sahip olacaktır.

Daha az konuşun, yaratmaya başlayalım VKontakte'deki bir grup için menü.
Öncelikle, daha önceki bir makalede yazdığım gibi, aslında grubun kendisini oluşturmanız gerekiyor.

Ve böylece her şey Photoshop'ta başlıyor, istediğiniz menünün resmini oluşturuyoruz. Temel olarak bu, başlıkların adlarını içeren bir tür arka plandır. Bir arkadaşım benden bunu yapmamı istedi güzel grup aero-stomadent şirketi endüstriyel havalandırmayla ilgileniyor, o yüzden bunu ben yapacağım.

Alaska doğasının harika bir fonunu buldum ve aslında her şeyi onun üzerinde yapacağım.

Menünün kendisini arka planda yazıyoruz. Mesela şirketin neler yaptığını yazıyorum. Bunlar daha sonra daha fazla sayfa yapacağım düğmeler olacak. Gelecekte her kelime bir menü düğmesi olacak.

Sağda, bu kısmı gelecekte grubun avatarı yapın.

Artık mod, resimden küçük resimlere geçiştir. Menüden "Kesme" işlevini seçin, ardından tuvale sağ tıklayın ve her kelime ayrı olacak şekilde kesin.

Yaklaşık olarak bu şekilde kesilmesi tavsiye edilir.

Kestikten sonra, dosyayı sadece "Web ve cihazlar için kaydet..." (veya Alt+Shift+Ctrl+S) yoluyla değil, aynı zamanda önceden kesilmiş tüm dosyaların bulunduğu bir klasör oluşturacak şekilde kaydederiz.

Şimdi henüz gruba gitmiyoruz, yine de bir wiki işaretlemesi oluşturmamız gerekiyor. Veya başka bir deyişle bir sayfa oluşturun.

VKontakte'de bir Wiki sayfası nasıl oluşturulur?

Yeni bir tarayıcı sekmesi açın ve aşağıdaki bağlantıyı buraya yapıştırın: http://vk.com/pages?oid=-XXX&p=Page_Name burada XXX, grup kimliğinizdir. Mesela bu benim başıma geldi.
http://vk.com/pages?oid=-91934542&p=menu

Sonra tıklayın İçerikle doldurun. Burada çok basit bir düzenleyici görüyoruz, tüm fotoğraflarımızı menüye eklemek için kamera işlevini seçin. Benimkine benzer bir şey ortaya çıkmalı.

Ancak resimler arasında boşluklar var, boşlukları kaldırmak için - wiki işaretleme moduna giriyoruz (bu sağ üst köşedeki tırnak işaretidir)<>) aşağıdaki "option;nopadding;" etiketini girin fotoğraf boyutlarından önce. Örneğin []

Ve hepsi bir araya geldi.

Ve şimdi geriye kalan tek şey, her düğmeye bağlantılar eklemek. Yine her şey wiki işaretlemesinde yapılır. Gerekli olduğunu düşündüğünüz makalelere önceden hazırlanmış bağlantıları yönlendiriyoruz.

Kaydet'e tıklayın, ne olduğunu görün, benim için her şey bir araya geldi, tıklarsanız "https://vk.com/page-91934542_49969122" bağlantılarına gider

Daha sonra gruba gidiyorum ve ondan önce gruptaki insanlara gösterilecek bir resim yapıyorum.

Ve sadece yayınlıyorum. Menüye bir bağlantı yapıştırıyorum ve yeni çektiğim bir fotoğrafı ekliyorum.

Yani açık bir menü oluşturmak için açık menü rolünü oynayacak bir görsele ihtiyacımız var. Grafik menü oluşturmayla ilgili makaleye eklediğimiz görseller çalışmayacaktır çünkü her bir öğeye ayrı ayrı değil, genişletilmiş menünün görseline ihtiyacınız vardır. Ek olarak, grup menüsünü gizlediğini gösteren herhangi bir resmi kesinlikle kullanabilirsiniz. Örneğin, "Grup Menüsü" başlıklı bir resim. Veya buna benzer bir şey.

Kullanacağımız görseli seçtikten sonra. Üstelik görselin boyutu, bir fotoğraf albümüne yüklenebilecek hemen hemen her boyutta olabilir. (UPD: Bu tamamen doğru bir bilgi değil. Boyutlar hakkında daha detaylı bilgiyi aşağıdaki yorumdan okuyabilirsiniz. Bunun için linke tıklamanız yeterli: /otkrytoe-menyu-gruppy-vkontakte/#comment-7633)

VKontakte grubuna gidelim. Daha önce oluşturulmuşsa menüyü yeni bir sekmede açmak için sağ tıklayın.

Bundan sonra menü sayfasında “Düzenle” bağlantısına tıklamanız gerekiyor.

Ancak kodu değiştirmenize gerek yok. “Sayfaya dön” bağlantısını tıklamanız yeterli. Menü sayfasına bir bağlantı almak için bu gereklidir.

Artık menü sayfasına geri döndük. Adres çubuğunda, adrese çeşitli eklemeler yapılmadan bu sayfaya bir bağlantı göreceğiz. Başka bir deyişle temiz bir bağlantı. İhtiyacımız olan şey bu.

Bu sayfayı açık bırakıp VKontakte grubuna dönüyoruz. Burada open rolünü oynayacak görseli ekleyeceğimiz bir kayıt oluşturmamız gerekiyor. Bunu yapmak için aşağıdan “fotoğraf ekle”yi seçin. Ve albümden bir resim seçin veya bilgisayarınızdan yükleyin.

Bir gönderiye resim eklendikten sonra onu henüz yayınlamıyoruz.

Ve menü sayfasına dönüyoruz ve VKontakte grup menü sayfasının adresini adres çubuğundan kopyalıyoruz. Ve kopyalanan menü adresini henüz kaydetmediğimiz girişe yapıştırın. Nihai sonuç şöyle görünmelidir:

Bağlantıyı ekledikten sonra aşağıda sayfanın adı ve adresi belirdi. Sayfa altta göründüğünde, yayına yeni eklediğimiz bağlantıyı kaldırabiliriz. Bundan sonra “Gönder” butonuna tıklayın. Böylece yazımızı grup duvarında yayınladık.

Şimdi haber tarihine tıklayın.

Bundan sonra girişi kapatın ve VKontakte grup sayfasını güncelleyin. Şimdi en üstte, eğer her şey doğru yapılırsa, açık bir VKontakte menüsü rolünü oynayan bir menü resmine sahip olacaksınız. Ancak menüdeki bağlantılar etkin değil. Ve bu girişe bir bağlantı aktif.

Artık kullanıcı grubumuza girdiğinde menünün taklidini görecektir. Ve tıkladıktan sonra menüyü aç VKontakte grubu, olması gerektiği gibi çalışacak olan menünün kendisinde görünecektir.

Maalesef açık iletişim menüsü oluşturmanın başka bir yolunu bilmiyorum. Ancak yine de bu seçenek, tam menüyü açmak için kullanılan bir bağlantıdan çok daha iyidir.

Umarım bu makale, açık bir VKontakte menüsünün nasıl oluşturulacağını anlamanıza yardımcı olacaktır. Ve benim için hepsi bu.

Grubumda açık grup menüsünün nasıl göründüğünü görebilirsiniz.

VKontakte topluluğunun güzel tasarımı bir heves değil, önemli unsur, kullanıcıların size ve şirketinize güven duymasını sağlar. Herkese açık bir sayfa veya grup profesyonelce tasarlanmadıysa, potansiyel müşteriler Oldukça mantıklı bir şekilde sizin de işiniz konusunda eşit derecede ihmalkar olduğunuz sonucuna varabilirler. Bunun olmasını önlemek için VKontakte sayfanızın güzel, derli toplu ve kullanımı kolay olduğundan emin olun. Bu nasıl yapılır? Aşağıyı okuyun.

VKontakte görsellerinin mevcut boyutları

Bir süre önce geliştiriciler sosyal ağ VKontakte başlatıldı yeni tasarım. Bu, görüntü gösteriminin boyutunda ve ilkelerinde değişikliklere yol açtı. Aşağıda verilecek olan bildiri tüm yeniliklere karşılık gelmekte ve ilgili boyutları içermektedir. şu anda zaman.

Şimdi her noktayı daha ayrıntılı olarak ele alalım.

VK avatar boyutu

Minimum avatar boyutu 200 x 200 pikseldir. Genişliği veya uzunluğu 200 pikselden az olan bir görseli yüklemeye çalışırsanız şuna benzer bir hata görürsünüz:

Maksimum avatar boyutu 200 x 500 pikseldir. Ancak prensip olarak resim yükleyebilir ve daha büyük boyut– her iki tarafta en fazla 7000 piksel. Önemli olan en boy oranının 2 ila 5'i geçmemesidir.

Size bir örnekle göstereceğim.

Bir imajım var. Boyutu: 200 x 800 piksel (oran 2 ila 8). Yüklerken herhangi bir hata yok. Ancak yine de bu görseli kullanamıyorum çünkü “İletişim” onu tamamen seçmeme izin vermiyor.

Kapak

Sitenin tam sürümünün kapak boyutu 1590 x 400 pikseldir.

Lütfen dikkat: içinde mobil versiyon ve uygulamalarda kapağın tam sürümü değil, yalnızca 1196 x 400 piksel boyutundaki bir kısmı görüntülenir. Mobil uygulamada nasıl kırpıldığını görün:

Bunun olmasını önlemek için kapağınızın ana unsurlarını 1196 x 400 piksel içerisine yerleştirin.

Ekli resimler

İletişim'in güncellenen tasarımında haber akışının genişliği sabit hale getirildi. Bu, gönderiye eklenen görsellerin artık uzatılmadığı, olduğu gibi kaldığı anlamına gelir. Bu nedenle görselinizin haber kaynağındaki alanının tamamını doldurmasını istiyorsanız genişliğinin en az 510 piksel olması gerekmektedir. Yatay yönde kare veya dikdörtgen olması en iyisidir.

Biraz kafa karıştırıcı gibi geliyor :) O yüzden size bir örnekle göstereceğim.

Diyelim ki kenarları 510 piksel olan kare şeklinde bir görselimiz var. Gönderimize eklersek tüm cihazların haber akışında çok güzel görünecektir:

Yatay bir görüntü yatay yönde şöyle görünür (genişlik 510 piksel):

Gördüğünüz gibi görüntü ne kadar darsa (yükseklik olarak), akıllı telefon beslemesinde o kadar küçük görünür. Bunu görmek için aşağıdaki resme bakın:

Buradaki farkın özellikle kritik olmadığı açık ve akıllı telefon kullanıcıları yine de resminize bakacak, sadece ikinci durumda biraz daha rahat olacaklar.

Bağlantı içeren yayınlara ilişkin görseller

Tüm bu veriler Open Graph işaretleme kodundan gelir:

Grafiği Aç belirtilmezse başlık, Başlık meta etiketinden, görsel ise makaleden alınır. Aynı zamanda, onu kolayca değiştirebilir veya özel okları kullanarak makaleden başka bir resim seçebilirsiniz:

Veya sizinkini yükleyin:

Yazınız için duyuru olarak kullanabileceğiniz görselin minimum boyutu 537 x 240 pikseldir. Ancak oranlar korunduğu sürece daha büyük görseller yükleyebilirsiniz.

Editörde oluşturulan bir makalenin resmi

Editörde oluşturulan bir makalenin kapağının görsel boyutu 510 x 286 pikseldir. Makalenin ve topluluğun adı açık renkli bir arka planda kaybolduğu için koyu renkli ve az çok tek renkli olması daha iyidir.

İyi örnek:

Pek iyi bir örnek değil:

Hikayeler için fotoğraf ve video boyutu

Fotoğrafların boyutu 1080 x 1920 pikseldir. Video boyutu 720 x 1280 pikseldir.

Video kayıtları için teknik özellikler:

• 15 saniyeye kadar;
• 5 MB'tan fazla değil;
• h.264 kodlayıcı;
• AAC sesi.

Hikayelerde dikey formattaki fotoğraf ve videolar kullanılmalıdır.

Lütfen unutmayın: topluluklar adına hikayeler şu anda yalnızca VKontakte geliştiricilerinin bu işlevi açtığı büyük topluluklar tarafından eklenebilmektedir. Ve bu resmi başvuru kullanılarak yapılır. Bu bir bilgisayardan yapılamaz.

Fotoğraf albümü kapağı boyutu

Video görüntü boyutu

1280 x 720 piksel.

Viki sayfası

Bir wiki sayfasının içerik alanı genişliği 607 pikseldir. Daha büyük bir resim yüklerseniz, otomatik olarak 400 piksel genişliğinde yüklenecektir. Örnek: 1366 x 768 ölçülerinde bir resmim var. Bunu wiki sayfasına eklersem şöyle görünecektir:

Bir resmin boyutunu değiştirmek için üzerine tıklamanız ve istediğiniz değerleri ayarlamanız gerekir:

Aşağıda wiki sayfalarıyla nasıl çalışılacağından detaylı olarak bahsedeceğim. Bu nedenle burada bu nokta üzerinde durmayacağız.

VKontakte görüntülerinin küçülmediğinden nasıl emin olunur? Arka plan ve boyutun resim kalitesi üzerindeki etkisi.

VKontakte'ye resim yüklemeyi denediyseniz (bunun bir avatar resmi mi yoksa sadece seyahatinizden bir fotoğraf mı olduğu önemli değil), o zaman muhtemelen bunların küçülme eğiliminde olduğunu zaten biliyorsunuzdur. Bu, özellikle koyu (ve özellikle kırmızı) bir arka planda ve resim çok net olmadığında fark edilir. büyük boy. Örnek:

Resimlerin kalitesinin bozulmadığından nasıl emin olunur?

Görüntünün küçülmesini (veya daha doğrusu küçülmesini, ancak çok daha az ölçüde) önlemek için, onu 2-3 kat büyütmek gerekir. doğru boyut. Örneğin 200 x 500 piksel boyutunda bir avatar yapmamız gerekiyorsa 400 x 1000 piksel boyutunda bir resim çekiyoruz. 510 x 400 piksel boyutunda bir menü yapmanız gerekiyorsa 1020 x 800 piksel alın.

Hemen yukarıda gösterdiğim lacivert zemin üzerine görselin boyutu 510 x 350. Ben bunu iki katı büyük (1020 x 700) yapıp kaydettim. İşte bundan çıkanlar:

Bu nasıl düzeltilir? Cevap çok basit; farklı bir arka plan seçmeniz gerekiyor. Gerçek şu ki, pikseller koyu bir arka planda açık bir arka plana göre daha iyi görünür. Bu nedenle, eğer başarmak istiyorsanız mükemmel kalite(yukarıdaki resim zaten oldukça normal görünse de), o zaman renk düzenini biraz değiştirmeniz gerekir. Örneğin, arka planı beyaz ve metni mavi yapın:

Sayfa başlığı nasıl tasarlanır

Genel sayfanızın veya grubunuzun başlığı, kullanıcıların sizi ziyarete geldiklerinde gördükleri ilk şeydir. Çoğu durumda bu yer, halka açık materyaller, bazı ilginç gönderiler veya önemli duyurular için bir gezinme menüsü içerir. Nasıl olduğuna dair örneklere bakalım çeşitli şirketler bu alanı kullanın.

Kapak

Kısa bir süre önce VKontakte bir güncelleme başlattı - artık sayfalara büyük ve güzel kapaklar (1590 x 400 piksel) yükleyebilirsiniz. Bunu yapmak için ayarlara gidin ve "İndir" düğmesini tıklayın.

Kapağın üzerine şirketinizin adından ve sloganına, her türlü promosyon, teklif ve hatta yarışmalara kadar istediğiniz her şeyi yerleştirebilirsiniz.

Dinamik bir kapağın olanaklarına özellikle dikkat etmenizi öneririm. Nasıl çalıştığı, hangi amaçlarla kullanılabileceği ve hangi servislerle kurulabileceği hakkında yazımızı okuyun.

Dinamik kapak örnekleri:

Kapak + topluluk açıklaması + web sitesi bağlantısı

Bazı şirketler, kullanıcıların sayfa hakkındaki temel bilgileri okuyup hemen siteye gitme fırsatına sahip olması için özellikle başlığa herhangi bir gönderi sabitlemez.

Hashtag'lerle açıklama

Bazı şirketler standart sayfa açıklamasına onu karakterize eden hashtag'ler ekler. Bu, sayfanın daha net bir alaka düzeyine sahip olması ve dolayısıyla ilgili sorguların aranmasında daha yüksek olması için yapılır. Açıkçası bu yöntemin işe yarayıp yaramayacağını bilmiyorum. Bu konuyla ilgili herhangi bir vaka görmedim, dolayısıyla bilen biri varsa bağlantıyı paylaşırsa minnettar olurum.

Sayfanın neyle ilgili olduğunu anlatan sabitlenmiş gönderi

Sayfanız hakkında daha ayrıntılı bilgi vermek istiyorsanız (fotoğraflar, bağlantılar ve güzel düzen ile), duyurunun üzerine kullanıcıları teşvik edecek parlak bir resim ile bir wiki gönderisini veya editörde hazırlanmış bir makaleyi başlığa ekleyebilirsiniz. üzerine tıklamak için. Böyle bir yazıya örnek:

Kullanıcının bağlantıya tıkladıktan sonra gördüğü şey budur:

Grup menüsü açık

Açık menüye, hangi öğelerden oluştuğunu anında gösteren bir menü diyorum. Yani wiki gönderisi duyuru resmi, içeriğini tamamen kopyalıyor. Böylece kullanıcılar içeride kendilerini neyin beklediğini anında görüyor. Size bir örnekle göstereceğim.

Flatro sayfa başlığında sabitlenmiş bir yazı şu şekilde görünür:

Grup menüsü kapatıldı

Kapalı menü, önceki paragraftakiyle aynı wiki gönderisidir; yalnızca duyuru, menü öğesi olmayan bir resim içerir. Genellikle üzerine şunu yazarlar: “Menü”, “Gezinme menüsü” veya “Genel materyallerde gezinme”.

Ve üzerine tıkladığımızda şunu görüyoruz:

Bu arada, bunların tek seçenek olmaktan uzak olduğunu belirtmekte fayda var. Temel olarak bu resmin üzerine istediğinizi yazabilirsiniz. Önemli olan, kullanıcının üzerine tıklamak istemesi ve bundan sonra kendisini neyin beklediğini anlamasıdır. Örnek:

Bir grup için birleştirilmiş menü

Birleştirilmiş menü, menünüzün duyurusundaki resmin avatarla tek bir resim oluşturmasıdır. Aşağıda size böyle bir menünün nasıl yapılacağını detaylı olarak anlatacağım ama şimdilik bakın ne kadar güzel görünüyor.

GIF ve avatar tek görselde

Ancak şapkanın bu tasarım seçeneği beni gerçekten çok memnun etti. Otomatik olarak oynatılan GIF, avatarla tek bir kompozisyonda birleşerek hakkında hiçbir bilgi olmamasına rağmen kullanıcıların dikkatini çekiyor.

Bu arada bu örneği SMM pazarlamacısı Sergei Shmakov'un grubunda gördüm. Bu yüzden bu buluş için kendisine şükranlarımı sunuyorum :)

Gizli menü

Gizli menü yalnızca gruplar için kullanılabilir (sayfalarda bu işlevsellik yoktur). Görmek için uygun bağlantıya tıklamanız gerekir. Bu tasarım yönteminin avantajı, kullanıcıların topluluğun ana bilgilerini görebilmesi ve menüyü kullanmak istediklerinde tek tıklamayla yetinmeleridir. Ancak burada küçük bir dezavantaj var - tüm kullanıcılar bu işlevin varlığından haberdar değil, bu nedenle menünüz, sayfanın üst kısmına sabitlendiğinden daha az ilgi görebilir.

Otomatik oynatılan video

Kasım 2015'in sonunda, VKontakte sosyal ağında ilginç bir yenilik ortaya çıktı - kullanıcı sayfanızı ziyaret ettiği anda başlığa eklenen video otomatik olarak oynatılmaya başlıyor. Bu teknikle kullanıcıların (özellikle sayfanızı ilk kez ziyaret edenlerin) daha fazla ilgisini çekebilir ve aynı zamanda video oynatıldığı için içeriklerinin kendilerine empoze edilmesinden hoşlanmayanları rahatsız etmemiş olursunuz. sessizdir ve pratik olarak müdahale etmez.

Sayfanızın başlığına böyle bir video nasıl eklenir?

Bunu yapmak için üç koşulun karşılanması gerekir:

• Videoyu gönderiye ekleyin ve bu gönderiyi topluluğun en üstüne sabitleyin.
• Kayda video dışında başka hiçbir şey eklenmemelidir. Yalnızca video ve metin isteğe bağlıdır.
• Videonun VKontakte'ye yüklenmesi gerekiyor - üçüncü taraf oynatıcılar desteklenmiyor.

Çok sayıda paylaşım alan bir gönderi

Sayfanızın başlığındaki alanı verimli bir şekilde kullanmanın bir başka yolu da, en başarılı gönderilerinizden birini (zaten kazanmış ve kazanmaya devam eden) buraya sabitlemektir. büyük sayı beğenir ve paylaşır. Bunu neden yapıyorsunuz, sanırım herkes anlıyor - ne kadar çok yeniden yayınlanırsa erişim o kadar artar, sayfa o kadar çok abonelik alır.

Yeni videoların, albümlerin, etkinliklerin duyuruları

Yeni ürün/hizmetlerin sunumu

İndirimler ve promosyonlar

Vakalar, müşteri yorumları

Uygulama reklamcılığı

Beraberlik

Topluluk Kuralları

Diğer sosyal ağlara bağlantılar

Tüm başlık tasarımı seçeneklerini listelemedim. Temel olarak kapak sayfanıza ve sabitlenmiş gönderinize her türlü bilgiyi koyabilirsiniz: iş ilanları, duyurular, en çok satan ürünlerin bağlantıları vb. Bu nedenle kendinizi yukarıdaki örneklerle sınırlamayın. Hedeflerinize ulaşmak için hayal gücünüzü kullanın ve topluluğunuzun tasarımını kullanın.

Avatar nasıl olmalı?

Avatar yalnızca şirketinizin logosunun yer aldığı güzel bir görüntü değil, aynı zamanda bir pazarlamacının hedeflerine ulaşmasında kullandığı çalışma aracıdır. Kullanıcıların dikkatini çekmek ve onları hedef eylemi gerçekleştirmeye teşvik etmek için nasıl olması gerektiğine detaylı olarak bakalım. Minyatürle başlayalım.

Avatar küçük resmi

1. Avatar küçük resminizdeki metin okunabilecek kadar büyük olmalıdır.







2. Metin küçük resmin ötesine geçmemelidir.







3. Kullanıcılar avatarda ne gösterildiğini anlamalıdır.







4. Mümkünse stok görselleri kullanmamak daha iyidir çünkü bunlar genellikle şirketin güvenilirliğini azaltır.




5. Avatar küçük resminin çok soluk ve sıkıcı olması istenmez, aksi takdirde rakiplerin daha parlak avatarlarının arka planında kaybolacaktır.



6. Avatarınızın modern görünmesini istiyorsanız, onu minimalist bir tarzda yapın: daha az metin, gölgeler, degradeler ve herhangi bir anlamsal anlam taşımayan öğeler. Avatarınız mümkün olduğunca basit ve düzgün olmalıdır. Bu tarz şu anda trend.







7. Amacınız kullanıcıların dikkatini çekmek ve akıştaki diğer avatarların arasından sıyrılmaksa hayal gücünüzü kullanmanız gerekecek. İlginç toplulukları ararken nelere dikkat ettiğinizi düşünün. Örneğin, genellikle yeni bir mesajın geldiğini gösteren yanan ışıklı avatarlar beni birden çok kez etkiledi. Bu çok eski numara ama bazı nedenlerden dolayı hala beni etkiliyor - böyle bir ışık gördüğümde kesinlikle bakışlarımı onun üzerinde tutacağım.

Bu tekniğin sayfanızda işe yarayacağını söylemiyorum. Anlatmak istediğim nokta, öne çıkmanın pek çok yolu olduğu, sadece kendinize sormanız ve biraz yaratıcı olmanız gerekiyor. Mesela burada bir tane daha var ilginç fikir, bunu kendim hakkında pek düşünmezdim:

Avatar siyah bir dairedir: büyük ve küçük. Öyle görünüyor ki, bunu neden yapıyorsunuz? Ancak toplulukların listesini kaydırdığınızda bu tür avatarlar dikkat çekiyor çünkü diğerlerinden çok farklılar.

Avatar küçük resmine hangi bilgiler yerleştirilebilir?

Avatar küçük resminin çok büyük olmasına rağmen küçük boy aboneleri topluluğunuza çekmek için kullanılabilir (ve kullanılmalıdır). Bu nasıl yapılır? Birkaç seçeneğe bakalım:

Yeni bir ürün/hizmet/etkinliğin duyurulması

Şirketin/hizmetin/sayfanın avantajları

Şirket telefon numarası

Uygun fiyatlar

Ücretsiz kargo

Bu arada, çoğu zaman şirketin ücretsiz teslimat sağladığı bilgisi grup adına eklenir, böylece kullanıcılar kesinlikle buna dikkat eder.

Stoklamak

Yarışmalar

Boş pozisyonlar

Avatarın kendisi nasıl olmalı?

Avatar küçük resminin ne olması gerektiğine ve üzerine hangi metnin yerleştirilebileceğine baktım. Şimdi avatarın kendisine geçelim. Tam sürüm Avatar yalnızca kapağın yüklü olmadığı toplulukta görüntülenecektir. Bu bölümü bu tür durumlar için yazdım. Peki, topluluğunuzun avatarı nasıl olmalı ki kullanıcılar, şirketinizin sayfanın oluşturulmasına sorumlu ve profesyonel bir şekilde yaklaştığını hemen anlasın.

1. Avatarın yüksek kalitede olması gerekir. Bunu nasıl biraz daha yükseğe çıkarabileceğimi yazdım. Bu kısmı kaçıranlar için kısaca anlatacağım; avatarın boyutu planladığınızdan 2-3 kat daha büyük olmalı.
2. Avatarın menü ile birleştirilmesi arzu edilir: aynıdır renk aralığı, aynı yazı tiplerine, öğelere vb. sahipti. Bu, sayfa başlığınızın daha temiz ve daha profesyonel görünmesini sağlayacaktır. Örnek:
3. Avatarın kendisi ve avatar küçük resmi farklı olabilir. Örneğin avatarınızın üzerine bir daire çizip, onu istediğiniz gibi tasarlayabilir, o alanı küçük resim olarak seçebilir ve avatarın geri kalanını farklı tarzda tasarlayabilirsiniz.




Diğer bir seçenek de avatarı iki parçaya bölmektir. Biri minyatür için, ikincisi ise avatarın geri kalanı için.




4. Kullanıcıları sayfanıza abone olmaya veya bir şirket temsilcisine mesaj yazmaya teşvik etmek için, avatarın en altına ilgili bir harekete geçirici mesaj yerleştirebilir ve buna düğmeyi işaret eden bir okla eşlik edebilirsiniz.




5. Avatarınıza çok fazla bilgi koymamaya çalışın, aksi takdirde aşırı yüklü ve düzensiz görünecektir. Sadece en önemli noktaları ekleyin ve aralarında “hava” olduğundan emin olun.

Avatara hangi bilgiler yerleştirilebilir?

Temel olarak avatarınıza istediğiniz her şeyi koyabilirsiniz. Minyatürden farklı olarak burada gerçekten dolaşacak yer var. Önemli olan kötüye kullanmamak :)

Site alanı

Telefon/adres/çalışma saatleri

Yarışmalar/promosyonlar

En çok satın alınan ürünler/yeni ürünler

Teslimat bilgileri

Mobil uygulama reklamcılığı

Şirketin/sayfanın/ürünün vb. temel avantajları.

Ürün çeşidi güncellemesi/yeni yaratıcılık vb.

Topluluğunuzun resmi olduğuna dair bilgi

Yaklaşan etkinlikler hakkında bilgi

Diğer sosyal ağlardaki hesapların adresleri

Genişletilmiş sayfa açıklaması

Övünmeler

Genel olarak avatarınıza kesinlikle her türlü bilgiyi yerleştirebilirsiniz. Başkalarının neler yaptığını görüp ilham alabilmeniz için birkaç fikir ekledim. Temel önerileri aklınızda bulundurun: Avatar yüksek kalitede olmalı, yazı tipi büyük olmalı ve öğeler arasında daha fazla "hava" bulunmalıdır.

Kusursuz bir avatar ve menü nasıl oluşturulur?

Birleştirilmiş bir avatar ve menü oluşturmak için Adobe Photoshop veya eşdeğerine ihtiyacınız olacak. Tüm süreci örnek olarak Photoshop kullanarak anlatacağım. Öyleyse gidelim.

1. Bu yazıya özel hazırladığım Photoshop şablonunu indirin. Normal boyutta (menü – 510 piksel genişliğinde, avatar – 200) veya büyütülmüş (menü – 1020 piksel genişliğinde, avatar – 400).
2. Temel olarak kullanmak istediğiniz görüntüyü açın.
3. Kopyalayın, şablona yapıştırın ve kesmek istediğiniz şekilde konumlandırın.

1. Efektler, metinler, grafikler vb. ekleyin.

1. Görüntünün bir kısmını (bu 50 piksellik boşlukta) kaybetmek istemiyorsanız, aşağıdaki GIF'te gösterildiği gibi sağa taşıyın:

1. “Kesme” aracını seçin ve “Kılavuzlar Boyunca Parçalar” düğmesine tıklayın.

1. Gereksiz parçaları kaldırın (fareye sağ tıklayın - “Parçayı sil”) ve mevcut olanları düzenleyin (sağ fareye tıklayın - boş alana tıklayın - istediğiniz alanı alın ve istediğiniz boyuta kadar uzatın).

1. "Dosya" bölümüne gidin ve "Web için Kaydet" komutunu seçin.

1. Resimleri kaydettiğiniz konuma (masaüstü veya belirli bir dizin) gidin ve “Görüntüler” adlı bir klasör bulun. Resimlerinizin gideceği yer burasıdır. Şimdi geriye kalan tek şey bunları sayfada doldurmak.

Not: Avatarın yüksekliği sizin takdirinize bağlı olarak değiştirilebilir. aldım maksimum boyut– 500 piksel, ancak değeriniz daha az olabilir. Örneğin, "Wiki İşaretleme" sayfasında olduğu gibi:

Widget'lar nasıl kullanılır?

Widget'lar aynı zamanda VK topluluğunun tasarımının bir parçasıdır. Kullanıcı bunları kullanarak şunları yapabilir: sipariş verebilir, bülteninize abone olabilir, bir yarışmaya katılabilir, yorumları okuyup bırakabilir, toplulukta bir arama açabilir, bir hediye, indirim kuponu vb. alabilir.

VKontakte sayfasında widget'ların nasıl göründüğüne dair bazı örnekler:

Gönderiler için görseller nasıl tasarlanır?

Bir web tasarımcısıysanız veya sanatsal bir zevke ve güzellik anlayışına sahipseniz, görselleriniz için kurumsal bir tarz bulmanız sizin için zor olmayacaktır. Ancak bana öyle geliyor ki bu yazıda bu tür insanlar azınlıkta kalacak (bu arada ben de onlardan değilim). Bu nedenle başarılı şirket örneklerinden yola çıkarak bunun nasıl yapıldığına daha yakından bakalım.

Bu arada, hemen hemen tüm tanınmış VKontakte şirketlerinin görsellerini markaladığını, yani küçük bir logo, sayfalarının adresini veya filigranı eklediklerini lütfen unutmayın. Bu, marka bilinirliğini artırır ve görsellerinizi kopyalanmaya karşı korur. Bunu yapmaya değip değmeyeceğine herkesin kendisi karar verecektir. Tavsiye etmek istediğim tek şey şu: eğer bunu yapmaya karar verirseniz, logonuzun çok parlak olmadığından ve fazla yer kaplamadığından emin olun, aksi takdirde tüm vurgu onun üzerinde olacaktır ve görüntü çekiciliğini kaybeder.

İyi görüntüleri nereden alabilirim?

Blogumuzda bu konuyla ilgili güzel bir makalemiz var - “”. Hepsi ücretsizdir ancak bazıları kayıt gerektirir. Kendinize uygun bir şey bulamazsanız, anahtar kelime + duvar kağıdı (veya İngilizce ise duvar kağıdı) ile arama yapmayı deneyin. Genellikle bu tür istekler yüksek kaliteli görüntülerle sonuçlanır. Ancak burada dikkatli olmanız ve lisans türünü kontrol etmeniz gerekiyor, aksi takdirde ciddi bir işiniz varsa başınız belaya girebilir.

Photoshop'ta çalışmayı bilmeyenler ne yapmalı?

Photoshop'ta (veya başka bir grafik düzenleyicide) hiç çalışmadıysanız ve bu konuda uzmanlaşmaya henüz zaman ayırmaya hazır değilseniz, halihazırda sahip olduğunuz hizmetleri kullanabilirsiniz. hazır şablonlar farklı sosyal ağlar için resimler:

1. Fotor.com

Bundan sonra ekranın sol tarafında ilgimizi çeken şablonu seçin. Yalnızca elmas simgesi olmayan şablonların ücretsiz olarak sağlandığını lütfen unutmayın.

Bunu şablona ekliyoruz, farenin sol tuşuyla seçiyoruz, Katman komutunu (sandviç simgesi) seçiyoruz ve Alta taşı'yı tıklıyoruz. Bu şekilde resmimiz arka planda gidecek ve tüm yazılar onun üzerine bindirilecektir.

Bundan sonra metni, yazı tipini, yazı tipi boyutunu, yazının konumunu vb. değiştiriyoruz.

Daha sonra disket simgesine tıklayın, adı, görüntü formatını, kalitesini seçin ve İndirmek için oturum aç düğmesine tıklayın.

2.Canva.com

Görüntünüzü güzel bir şekilde tasarlamanıza yardımcı olacak başka bir hizmet. Öncekiyle aynı prensipte çalışır. Hizmete kaydolun (Google+ hesabınızı veya e-postanızı kullanabilirsiniz).

Faaliyet alanınızı seçin. Arkadaşlarınızı davet etmenizin istendiği adımı atlıyoruz. Dikdörtgen bir fotoğrafa ihtiyacımız varsa bir Facebook gönderisini veya kare bir fotoğrafa ihtiyacımız varsa bir Instagram gönderisini seçtiğimiz ana menüye ulaşıyoruz.

Bir şablon seçin (şablon “ÜCRETSİZ” olarak işaretlenmişse, bu ücretsiz olduğu anlamına gelir), metni değiştirin.

Gerekirse görselinizi yükleyin, boyutları ayarlayın, yazının metnini, yazı tipini ve konumunu değiştirin. Bundan sonra “İndir” düğmesine tıklayın, görüntü formatını seçin ve bilgisayarınıza veya başka bir cihaza kaydedin.

Editörde makaleler nasıl biçimlendirilir?

Son zamanlarda VKontakte, makaleleri özel bir düzenleyicide yazmayı mümkün kıldı. Bir makale oluşturmak için “T” harfine tıklamanız gerekir:

Wiki işaretlemesi nasıl kullanılır?

İşte burada en ilginç ve aynı zamanda zor kısma geliyoruz. Belki okuyucular arasında wiki işaretlemesinin ne olduğunu bilmeyen ve bu terimi ilk kez duyan kişiler vardır. Bu nedenle özellikle sizin için “İletişim”in kendisinin verdiği tanımı vereceğim.

Wiki işaretlemesi, web sitelerindeki metni (genellikle wiki projeleri olarak sınıflandırılır) biçimlendirmek için kullanılan ve HTML dilinin özelliklerine daha kolay erişim sağlayan bir işaretleme dilidir. Web sitemizin wiki sayfalarında - iyi bir alternatif düzenli gönderiler ve metin navigasyonu. Farklı metin formatlarına (kalın, altı çizili, başlıklar vb.) sahip büyük bir makale oluşturmanız veya buna grafikler eklemeniz veya yalnızca topluluğunuz için renkli bir gezinme menüsü oluşturmanız gerekiyorsa, bir wiki vazgeçilmezdir.

Tıpkı Wordpress'in (veya başka herhangi bir CMS'nin) makaleler oluşturduğunuz bir HTML düzenleyicisine sahip olması gibi, Contact'ın da wiki sayfaları oluşturmak ve düzenlemek için kendi düzenleyicisi vardır. Şuna benziyor:

Bu düzenleyiciyi kullanarak gezinme menülerinin yanı sıra resim, video ve ses kayıtları içeren makaleler oluşturulur. Aşağıda bu düzenleyicide nasıl çalışılacağını ayrıntılı olarak tartışacağım, ancak önce sizden iki bağlantıyı yer imlerinize eklemenizi rica ediyorum. Wiki işaretlemesini öğrenmede size çok yardımcı olacaklar.

2018'de VKontakte'de nasıl grup oluşturulacağını bilmek ister misiniz? Ve sadece tasarlamakla kalmayın, aynı zamanda doğru ve güzel bir şekilde kendiniz yapın! Cevabınız “Evet” ise bu yazımız tam size göre!

Sosyal ağ “VKontakte” en popülerlerden biridir. Buna göre burada daha fazla iletişim, benzer düşünen insanlar ve sadece arkadaşlar bulabilir, hizmetlerinizi ve ürünlerinizi tanıtabilirsiniz. Oluşturulan topluluklar sayesinde ilginizi çeken bir etkinlik, ürün, hizmet vb. ile ilgili her şeyi hızlı bir şekilde bulabilirsiniz.

Yönetim sayfasında “Yükle”ye tıklayın ve bir görsel seçin. Şuna benzer: grup adı, ardından avatar küçük resmi, durum.

Maalesef mobil henüz bu işlevi desteklemiyor. Ancak bu yenilik çok uzun zaman önce gerçekleşmediğinden, diğer her şey gibi tanıtım için de geçerli olacaktır.

Önerilen materyallere daha kolay erişim için bir menü oluşturabilirsiniz. Ve bir dahaki sefere bunu kendi başınıza nasıl yapacağınızı anlatacağız.

Sabitlenmiş gönderi

VK grubu oluşturmanın sırları

Bonus olarak bir VK grubu oluşturmanın sırlarını ve kişisel deneyim Bu, tasarımı anında ileri düzeyde kendi başınıza tamamlamanıza olanak tanır. Örneğin, çeşitli uygulamalardan oluşan çok güzel bir blok oluşturabilirsiniz, bu da etkileşimi birkaç kat artırır!

Ücretsiz uygulamalar. Topluluk yönetimine gidin ve ayarları düzenlemek için "Uygulamalar"a gidin.

Burada grubun işlevselliğine mükemmel bir katkı sağlayacak bir uygulama eklemeyi seçebilirsiniz. Örneğin ücretsiz olarak faydalı içerikler üreten grubumuzda “Topluluğu Destekle” butonu bulunmaktadır ve buna tıklayarak 100 ruble'den itibaren topluluğun yararına istediğiniz miktarda bağışta bulunabilirsiniz. Bu aynı zamanda bir ürün mağazası, bir anket, testler, çevrimiçi sohbet, bülten aboneliği vb. de olabilir.

Diğer yararlı widget'lar ve uygulamalar:

• anketler;
• testler;
• hizmetler için kayıt;
• mesaj gönderme;
• mal mağazası;
• ve benzeri.

Tartışmalar. Müşterilerin veya abonelerin ilgisini çekecek ana konular hakkında aynı anda birkaç konu yapın. Bu ticari bir topluluksa, bunlar incelemeler, sık sorulan sorular, ödeme, garantiler ve teslimatla ilgili bilgilerdir. Topluluk bilgilendiriciyse, ana tartışma konuları grubun ele aldığı konulara ayrılmalıdır.

Çözüm

Başarılı olmak istiyorsanız, bunu doğru şekilde yapmak için zaman ayırdığınızdan emin olun ve güzel tasarım. Bu konuya ne kadar derinlemesine yaklaşırsanız ve grup sayfasına gittikten sonra kullanıcı davranışına ilişkin tüm senaryoları düşünürseniz, aboneliğe ve ardından satın almaya dönüşüm o kadar yüksek olacaktır.

Bir VKontakte grubunda menü oluşturmak için bir tür grafik düzenleyiciye sahip olmanız gerekir. En yaygın olanı Adobe Photoshop'tur. Onun yardımıyla bir VKontakte grubu için bir menü oluşturmak mümkündür.

İnternette çok sayıda şablon ve boşluk var, kendiniz oluşturamıyorsanız bunları kullanabilirsiniz.

Grafik düzenleyicide menü oluşturma

Öncelikle bir menü şablonu oluşturmanız ve ancak o zaman onu VKontakte'ye eklemeniz gerekir. Menü arka plan genişliği 370 pikselden fazla olmamalıdır. Daha büyük olsa yine bu boyuta küçülecektir. Artık her şeyin sığması ve aynı zamanda çok uzun olmaması için yüksekliği genişliğe orantılı olarak ayarlayabilirsiniz. Bir menü oluşturmadan önce menü butonlarının üzerinde olması gereken arka planı ve metni düşünün.

Photoshop'u başlatın ve oluşturun yeni belge(dosya - oluştur veya ctrl+N). Oluşturulan dosyanın parametrelerini ayarlıyoruz. Maksimum genişlik 370 piksel, 200 piksel, yüksekliği 250 piksel yaptım. Çok daha küçük ve daha kompakt hale getirebilirsiniz. Oluşturulan dosyaya arka plan görevi görecek bir resim ekleyin. Şimdi metni oluşturalım. Benim örneğim en basit olanı, onu çok daha güzel ve kompakt hale getirebilirsiniz.

Böyle bir menü oluşturdum. Kesme aletini seçtim ve onu resimde 1,2,3 sayılarıyla gösterilen üç parçayı kesmek için kullandım; bunlar düğme olacak. Kestikten sonra oluşturulan menüyü kaydedin. Dosya - web ve cihazlar için kaydet'i tıklayın.

Açılan pencerede hiçbir şeyi değiştirmeyin, kaydet'i tıklayın. Bir kaydetme konumu seçin ve kaydet'i tıklayın.

İşte bu, Photoshop'taki çalışma bitti.

Bir kişiye menü ekleme

Artık oluşturulan görüntüler kaydedildikten sonra görüntüler klasöründe olacaktır. Standart bir fotoğraf yükleyiciyi kullanarak bunları iletişim kurmak için yüklüyoruz. Bu dosyaları grup fotoğraf albümüne yükleyebilirsiniz. Basit kelimelerle– olarak eklendi düzenli fotoğrafçılık, iletişime geçmek için yüklediğiniz . Şimdi grup ayarlarınızda aşağıdakilerin etkinleştirildiğinden emin olun. Grubunuza gidin, topluluk yönetimine tıklayın (sağ tarafta, grubun ana fotoğrafının altında bulunur). Daha sonra altta malzeme öğesini buluyoruz, oraya bağlanması gerekiyor. Bağlan'ı seçtikten sonra kaydet'i tıklayın. Kaydet'e tıklamazsanız değişiklikler geçerli olmayacaktır.

Bundan sonra grubunuzun ana sayfasına gidin ve grupla ilgili bilgilerin bulunduğu yerde (açıklama, konum), en son haberler için bir satır var. En son haberleri yazıya yönlendiriyoruz ve sol taraftaki düzenle'ye tıklıyoruz.

Görünen pencerede [] kodunu belirtmeniz gerekir. Doğrudan makaleden kopyalayıp yapıştırabilirsiniz. Şimdi tek yapmanız gereken onu verilerinize değiştirmek.

photo-40781312_285935465 – fotoğraf kodu. Adres çubuğunda görebilirsiniz. Fotoğrafı ziyaret ettiğinizde bu kod görünür. Adresin kendisi çok daha büyüktür, ancak kodun fotoğraf kelimesiyle başlayan ve sayılarla biten kısmını kopyalamanız gerekir. Genellikle sayıların ardından örneğin yüzde işareti bulunabilir.

Nopadding – bu komut resimler arasındaki boşlukları kaldırır.

100 piksel – menü genişliği (eğer bu ayrı bir düğme ise, bu düğmenin genişliği olacaktır).

club40781312 - kişinin bu butona tıklayarak gideceği bölüme bağlantı (resim). Ayrıca, bir kişinin düğmeye tıkladığında gitmesi gereken bölümde olduğunuz anda tarayıcının adres çubuğunda da bulunur. Kodun yalnızca son eğik çizgiden / (aynı zamanda eğik çizgi de denir) sonra gelen son kısmına ihtiyacınız vardır. bende varım bu durumda, grubumdaki bir butona (resime) tıkladığınızda grubun ana sayfasına gidecektir. Bölümünüze gelecek kodunuzu girin.

Başlığı da değiştirebilirsiniz. Mesela son haberler yerine grup menüsünü yazdım. Sen istediğini yaz. Kodunuzu düzenlemeyi bitirdikten sonra kaydet'i tıklayın. Bunu, iletişim halindeki menü için oluşturduğunuz her düğmeyle yapıyoruz. Kodu kodun altına yerleştirirseniz butonlar aynı yeri kaplar. Aşağıdaki kodu kodun sağına yerleştirirseniz menü butonları da tam olarak kodu girdiğiniz yerde olacaktır.

Grup menüsü nasıl yapılır sorusuna cevap alamadıysanız

Okuduğunuz talimatlara göre VKontakte grubunda menü nasıl yapılır sorusuna cevap almak mümkün olmadı, tıklayarak bize yazın. bir soru sor. Sorununuzu ve uyguladığınız adımları yazın. Kişisel olarak cevap vereceğiz.

• Grup menüsü oluşturmaya ilişkin video