Temas halinde bir ortak girişim grubu nasıl oluşturulur? Yeni VKontakte tasarımı - yatay grup kapağı

Son zamanlarda VKontakte grubumun tasarımı beni şaşırttı. Çok güzel tasarlanmış gruplar gördüm ve benzer bir şey yapmak istedim. Birkaç saat boyunca Wiki işaretlemesi üzerinde çalıştıktan sonra sonunda kendim için güzel bir banner hazırladım ve açılır grafik menüsü, doğrudan sitemin sayfalarına yönlendiriyor. Kısaca nasıl yapılıyor. İlk önce Photoshop'ta aynı anda iki resim oluşturulur, ardından bunlardan biri birkaç parçaya bölünür. Daha sonra VKontakte'nin düzenleme sayfalarına harici bağlantılara sahip özel bir kod eklenir. Şimdi her şeyi sırayla konuşalım.

VKontakte grupları oluşturuyorum
VK gruplarının ve genel sayfaların yüksek kaliteli tasarımı, sabitlenmiş menü, açılır menü, dahili grafik menü, kataloglar, dahili gezinme - Fiyat:% s Ve portföy.

Dikkat!
31 Ekim 2016 tarihli bir sonraki VKontakte güncellemesi nedeniyle, grup tasarımı için bu seçenek geçersiz hale geldi. Durum satırının altındaki bloktaki En Son Haberler sekmesinde de benzer bir menü uygulanabilir. Ancak bu, avatar içeren tek bir kompozisyon değil, ayrı bir menü olacak.

Aşama 1.
Photoshop'ta yaklaşık 850x700 piksel boyutunda yeni bir belge oluşturun ve içini beyazla doldurun. Bu örnekte, netlik sağlamak için VKontakte arayüzünü hemen üstüne yerleştirdim. Şimdi katmanda gerçek grafik tasarımın görülebileceği iki pencereyi kesmemiz gerekiyor. Öncelikle 200x500 piksel boyutunda bir dikdörtgen seçin ve Del tuşuna basın. Ardından 510x309 boyutunda bir dikdörtgen seçin ve ayrıca Del tuşuna basın.

Dikdörtgenleri alt kenara hizalayın, şekiller arasındaki mesafe 50 pikseldir. Bu tasarım bir satır grup adı, bir satır durum ve üç satır açıklama ve teknik bilgi için tasarlanmıştır. Farklı sayıda çizginiz varsa soldaki görselin yüksekliğini konuma göre ayarlayın.

Adım 2.
Şimdi bu katmanın altına tüm grafik tasarımımızı yerleştiriyoruz. Bu durumda, ana arka plana sahip bir resim koydum, ardından metni yazdım ve ardından sol dikdörtgene yazdım.

Aşama 3.
Şimdi hemen sağdaki dikdörtgeni (avatar) 200x500 piksel boyutunda ayrı bir resim olarak kaydediyoruz. Bu grup tasarımı için hazır bir resimdir. Grubun sağ üst köşesindeki “Fotoğrafı güncelle” yazan bloğa yüklenir. Ve soldaki resmin, menü öğelerinin sayısına göre birkaç resme bölünmesi gerekiyor. Bu durumda bunlar 510 piksel genişliğinde 5 resimdir.

Adım 4.
Bu adımda kesilmiş VKontakte resimlerimizi yüklememiz gerekiyor. Bunu yapmak için grup açıklamasının hemen altında “Son Haberler” bloğunu seçin, sanırım orijinalinde buna deniyordu. Bunu “Menü” olarak yeniden adlandırdım. “Düzenle”ye tıklayın. Önemli! Öncelikle Sayfanız değil, Açık Grubunuz olmalıdır. Çünkü Sayfada böyle bir öğe yok. İkinci olarak Topluluk Yönetimi > Bilgi > Materyaller menüsünde “Aç” seçeneğinin seçilmesi gerekmektedir.

Adım 5.
Böylece, “Düzenleme” sekmesinde kamera simgesine tıklıyoruz ve beş adet kesme menüsü resmimizi yüklüyoruz. VKontakte bunları kendi yöntemiyle yükleyecek, boyutu 400 piksel genişliğe düşürecek ve görüntüye noborder etiketini atayacaktır. Bir sonraki adımda kodu biraz düzeltmemiz gerekiyor.

Adım 6.
Yani orijinal görsel boyutlarını ayarlayıp noborder etiketini nopadding etiketi olarak değiştiriyoruz. Ayrıca her menü öğesindeki bağlantıların URL'sini de yazmamız gerekiyor. Bu durumda, ilk bağlantı VKontakte'nin dahili sayfasına, diğer dört bağlantı ise doğrudan web sitemin sayfalarına yönlendirir.

Aşağıda menümün orijinal çalışma kodu bulunmaktadır. Bunu bir üs olarak kullanabilirsiniz. İçinde resimleri kendinize göre değiştirirsiniz, boyutlarınızı değiştirirsiniz ve bağlantılarınızı eklersiniz. Koddaki köşeli parantezler arasında boşluk olmadığından ve ayrıca satır sonları olmadığından emin olun, aksi takdirde grafik görselin görseller arasında boşlukları olacaktır.

[][][]

Adım 7
Bir kez daha tekrar ediyorum, bu menüyü açmak için “Menü” yazısına tıklamanız gerekiyor. Ve böylece her zaman katlanır. Gönderiye yapılan yorumları okuyun, orada ele alınan birçok soru var. Peki, VKontakte grubuma katılın.

Selamlar! Hadi söyleyin bana, kaçınız bir VKontakte topluluğu oluşturmayı ve bu girişimden nasıl para kazanılacağını düşündünüz mü? Eminim ki aranızda bir sosyal ağda karlı bir grubun sahibi olmaya çalışanlar, hatta belki de onu içerikle dolduranlar, tasarım üzerinde çalışanlar, ancak beyin çocuklarının popülaritesini asla elde edemeyenler, onu tanıtmayı başaramayanlar olacaktır. . Bu nedenle bugünkü makalemi bir VKontakte grubunun sıfırdan nasıl tanıtılacağına ayırmaya karar verdim. İncelememden birçok ilginç bilgi edineceksiniz, bunun için ne yapmanız gerektiğini öğreneceksiniz. grup gelişti. Tüm tavsiyeler olacak pratik ve bunları “Yarın” diye adlandırılan uzun bir kutuya koymadan hemen uygulayabilirsiniz.

Bunu neden yapıyoruz?

Bu nedenle, internette farklı tematik odaklara sahip çok çeşitli herkese açık sayfalar bulabileceğimiz gerçeğiyle başlamak istiyorum. Fakat, karlı bu çeşitlilikte yalnızca bireysel birimler vardır. Sanırım hepiniz projenin ölçeğinin öncelikle sahibinin, yani karavanını sonsuz olasılıklar çölünde yönlendiren liderin çabalarına bağlı olduğunu anlıyorsunuz. Bir VKontakte grubunun oluşturulması ve tanıtılması için tasarlanan sermaye miktarı bu durumda ikincil bir faktördür.

Hayal edin, bir kaynak oluşturmaya, ona abone toplamaya karar verdiniz ve şimdi oturup paranın akmaya başlamasını bekliyorsunuz. Dudağınızı kıvırıp salyanızı silmenizi tavsiye ederim. Bu dünyada hiçbir şey gökten düşmez(ve düşenler genellikle iyiye işaret değildir).

Birkaç peso kazanmak için kafanızı kullanmanız gerekecek. Öncelikle kendiniz düşünün ve karar verin, tam olarak ne yapmak istiyorsun? Yani, konuya karar vermek Topluluğun. Size en çekici görüneni seçebileceğiniz birkaç seçenek sunuyorum:

reklam ve bağlı kuruluş programlarından elde edilen kazançlar(bu durumda konu kesinlikle önemli değildir);
kişisel bir blog tutmak;
hobinize adanmış bir kaynak oluşturmak(bu finans, müzik, dans veya başka herhangi bir şey olabilir).

Yüksek kaliteli kamu aboneleri elde etmek için Socelin

A'dan S'ye topluluk oluşturmaya yönelik ayrıntılı talimatlar

Sıfırdan bir VKontakte grubu oluşturma

Grup kurma

Tamamen ücretsiz bir iletişim topluluğunun nasıl oluşturulacağını aşağı yukarı anladığımıza göre, sanırım onun asıl konusuna geçebiliriz. bir inşaat sahasında. Bunu yapmak için aşağıdakileri yapmanız gerekir:

Brobot'u kullanarak VK sayfalarını ve genel yayınlarını tanıtın

Dekor

Sen ve ben ilgilendiğimiz için topluluğumuzda olduğundan emin olmalıyız. yeterli sayıda katılımcı. İtibaren tasarım kalitesi grup, kullanıcıların gözündeki çekiciliğine bağlı olacaktır ve bu nedenle bu etkinliğe geçmenizi öneriyorum:

Topluluğunuza bir fotoğraf (avatar) yükleyin. Lütfen fotoğraf parametrelerinin olması gerektiğini unutmayın. 200*500 . Fotoğrafı ve küçük resmi düzenleyin ve ardından sonucu kaydedin.
Bağlantılar İndir, web sitenize veya diğer tematik topluluğa yönlendirir. Abonelerinize Skype, Telegram sohbet linkinizi, Instagram sayfanızı ve YouTube kanalınızı bırakmayı unutmayın. Tüm adları düzenleyin ve kaydedin.
Temas halinde popüler bir grubun nasıl oluşturulacağıyla gerçekten ilgileniyorsanız, o zaman "" gibi önemli bir noktayı göz ardı etmeyin. Son Haberler" Bu bloğu düzenli olarak düzenleyin, yazı tiplerinin önemini ihmal etmeyin. Sonucu kaydetmeden önce sayfayı önizleyin.
Bölümde " Tartışmalar» Okuyucularınızın işine yarayacak yeni konular ekleyin.
Projenize videolar ekleyin. Videoların sizin tarafınızdan çekilip YouTube'da yayınlanması harika olacaktır. Bu şekilde kanaldaki trafiği artıracaksınız.
Performans yaparken şunu unutmayın içindeki malların satışı ancak “Fotoğraf Albümleri”nin iyi muhafaza edilmesi durumunda geçerli olacaktır.. Yüksek kaliteli fotoğraflar yükleyin, satılan ürünün ayrıntılı bir açıklamasını yapın, her fotoğrafın altında ürünün fiyatını belirtin ve satıcıya (yönetici veya yönetici) bir bağlantı verin.
"Bölümüne Dokümantasyon" indirebilirsin faydalı talimatlar ve kılavuzlar. Çevrimiçi mağazaların sahipleri, örneğin bu bölümde fiyat listeleri veya sağlanan hizmetlerin listelerini tutabilir.
Abonelerinizle düzenli etkileşimleri unutmayın. Haftada birkaç kez anket yapın ve insanları yorumlarda görüşlerini belirtmeye teşvik edin. Bir grubun hedef kitlesini genişletirken kullanmak çok iyidir. promosyonlar ve yarışmalar. Örneğin ayda bir yapılabilirler.
Kendi grubunda iş yapmayı planlayanlar için dikkat etmeniz gerekenler Açık bir ad ve ayrıntılı bir açıklama ile ona ürünler ekleme. Bir ürüne olan talebin, bu ürünün fotoğrafının ne kadar çekici olduğuna bağlı olacağını unutmayın. Her üründe bulunması gereken makul fiyat bunun da belirtilmesi gerekiyor. Siparişin ödemesini kime/nereye yapacağınızı, ödemenin ne şekilde yapılacağını, teslimatın nasıl ve nerede gerçekleştirileceğini ve müşterilerinize hangi garantileri verdiğinizi (kapıda ödeme, değişim seçeneği) belirtmeyi unutmayın.
Dilerseniz grubu değiştirip herkese açık sayfa haline getirebilirsiniz. Bir halk ile bir grup arasındaki farkın ne olduğunu bilmiyorsanız, bu konuya ayrılmış ayrı bir makale okumanızı tavsiye ederim.
Grupta oluştur kullanışlı menü gezinmeyi kolaylaştırın. Yapmak topluluktaki banner ve wiki menüsü Bu konudaki uzmanlara başvurdum, ihtiyacınız olursa yorumlardan sorun veya kişisel bir mesaj yazın - size bunu yapan birkaç kişiyi göndereceğim. Bunu kendim yaparak zaman kaybetmemeye karar verdim, ancak internette bu adımları kendi başınıza nasıl yapacağınıza dair birçok kılavuz ve makale var. Arama motorunu kullanarak kontrol edebilirsiniz.
Ve tabi ki, içeriğin kalitesine dikkat edin. Gruptaki ticari gönderilerin fotoğraf içermesi ve yayınladığınız toplam materyalin %50'sinden fazlasını oluşturmaması gerektiğini lütfen unutmayın. Abone sayınızı artırmak için etkileyici bilgiler içeren gönderilere dikkat edin, insanların eğlenceden ve iyi bir mizah anlayışından etkilendiğini unutmayın. Resim şeklinde sunulan bilgiler daha çekicidir.
Müşterilerinizin size daha fazla güvenmeleri ve sonuç olarak arkadaşlarına ve tanıdıklarına tavsiyelerde bulunmaları, onlara işinizle ilgili geri bildirim bırakma fırsatı. Bunu yapmak için “Tartışmalar” bölümünde uygun bir konu oluşturabilirsiniz. Düzenli müşterilere indirimler, küçük hediyeler ve bonuslar sunun.

Pepper.ninja ile işletmeniz için hedef kitlenizi toplayın

Bir grup nasıl yönetilir?

Topluluğunuzda istediğiniz zaman ayarlamalar yapmak için grubunuzun avatarının altında bulunan üç nokta simgesine tıklamanız yeterlidir. Açılan pencerede kategorileri göreceksiniz:

« Bilgi", açıklamayı, adı ve diğer alanları istediğiniz zaman düzenleyebileceğiniz;
« Katılımcılar Grubun tüm abonelerinin tam listesini içeren ";
« Yöneticiler" Burada mevcut topluluk yöneticilerinin ve editörlerinin erişim haklarını yeni ekleyebilir veya değiştirebilirsiniz;
« Kara liste» - grubunuzun kurallarını gereksiz aboneleri veya kötü niyetli ihlal edenleri engelleyebileceğiniz bir yer;
« Bağlantılar»;
« Topluluk İstatistikleri" Bu kategori en önemlilerinden biridir ve aşağıdakilerle ilgili verileri içerir:

Grup katılımı– grubunuzla ilgilenen hedef kitlenin benzersiz ziyaretçi sayısı, görüşleri, özellikleri (yaş, coğrafi konum, cinsiyet);
Kitle erişimi"Haberlerim" bölümünde topluluğunuzun gönderilerine ve abonelerinizle ilgili verilere bakan;
Faaliyetler– abonelerin eylemleri, yayınlarınızın yeniden yayınlanması ve sosyal ağın diğer kullanıcılarının bu verilere tepkileri.

VKontakte topluluğunun tasarımındaki grafik öğeler, ziyaretçinin dikkatini çeker, onu tutar ve ayrıca binlerce benzer topluluk arasında grubun veya halkın tanınırlığını artırır. Ayrıca grafik menü, grubun bölümleri arasında gezinmeyi kolaylaştırarak katılımcıların ve sosyal ağın diğer kullanıcılarının büyük bir topluluğun yapısında gezinmesine yardımcı olur.

VK'da bir arama veya tasarımcı portföyünü incelemek, topluluğunuz için bir kapak menüsü seçerken başlangıç noktası olarak kullanabileceğiniz VKontakte grup tasarımının birçok başarılı örneğini gösterecektir.

Aşağıdaki VKontakte grup tasarım boyutları kullanılmaktadır:

Sayfa kapağı, 1590 x 400 piksel boyutunda, genel sayfanın tüm genişliği boyunca üstte gösterilir;
Büyük avatar - sağ üstte gösterilen 200x500 piksellik (en boy oranı 2:5) dikey bir banner;
Her grup mesajında 200x200 piksel boyutunda küçük bir avatar, yuvarlak bir resim gösterilir.
Bir VKontakte grubu için menü resmi, genişlik 510 piksel, yükseklik 307 (böylece menünün alt kenarı sağdaki büyük avatarın alt kısmıyla güzel bir şekilde eşleşir).

Topluluk ayarlarında bir kapak resmi yüklüyse sağdaki büyük avatar gösterilmez.

Bir VKontakte grubu için kendiniz nasıl başlık oluşturabilirsiniz?

Topluluk başlığının güzel görünmesi için tüm grafik bileşenlerinin aynı tarzda tasarlanması (renkler, logolar, yazı tipleri) veya aynı resmin parçası olması gerekir. Kendiniz bir VKontakte grubu oluştururken ilk adım bir arka plan resmi hazırlamaktır. Bu, ücretsiz fotoğraf bankalarından (örneğin pixabay.com) tematik bir resim olabilir.

Görüntüyü bir grafik düzenleyicide açın. Boyutuna göre kırpın veya ölçeklendirin: uzunluk 1590 piksel, yükseklik 400 piksel.

Daha sonra gerekli yazıları (grup adı, slogan, topluluğa katılma çağrısı) uygulayabilirsiniz. Şimdi kapağı topluluğa yüklemeniz gerekiyor; bunu yapmak için "Topluluk Yönetimi" menü öğesine gidin:

“Topluluk Kapağı” alanında “İndir” seçeneğine tıklayın.

Bir sonraki pencerede bilgisayarınızda daha önce hazırlanmış olan kapak dosyasını seçin ve “Kaydet ve Devam Et” butonuna tıklayın.

Artık grubunuzun yeni bir kapağı olacak. Bu durumda sağdaki büyük avatarın dikey resminin artık gösterilmeyeceğini unutmayın.

Resim veya fotoğraf topluluğun temasına uygun olmalıdır.
Yüksek kaliteli görseller kullanın.
Görsellerdeki diğer kişilerin telif haklarını ihlal etmeyin (şu anda ücretsiz stoklarda çok sayıda fotoğraf ve illüstrasyon bulunmaktadır).
Kapağı ayrıntılarla aşırı yüklemeyin.
Başlığa bir kişinin fotoğrafını yerleştirirseniz, ziyaretçiye değil sayfadaki en önemli öğeye (menü, web sitesi adresi, promosyonla ilgili mesaj, çağrı) bakması daha iyidir.
Yüksek kaliteli yazı tipleri kullanın ve metnin her ölçekte okunabilir olmasını sağlayın.

Yeni bir tasarımda VKontakte public'teki başlık boyutları

Bu sosyal ağın yeniden tasarlanması gerçekleştikten sonra yeni bir tasarım öğesi ortaya çıktı - kapak. Bu, 1590 x 400 piksel boyutlarında büyük bir manzara resmidir. VKontakte grubunun başlığı statik bir resimdir. Üzerine parlak, akılda kalıcı bir fotoğraf veya resim ile halkın adı, şirket sloganı, sitenin adı, çalışma programı ve diğer yazıların yerleştirilebileceği kadar büyük.

Yeni bir tasarımda VK grubu için menü nasıl yapılır

Bir VKontakte grup menüsü tasarlama süreci aşağıdaki adımlardan oluşur:

Menü bağlantılarının bir listesini hazırlamak (bu sayfalar, topluluk bölümleri veya harici siteler olabilir).
Arka plan resmini hazırlamak.
Arka plan görüntüsüne yazıtların ve menü “düğmelerinin” uygulanması.
Bir görüntüyü parçalara ayırmak.
Wiki sayfasını etkinleştirin.
Grafiksel bir menü yükleme ve bunu wiki işaretlemesiyle biçimlendirme.

Arka plan resmi 510 piksel genişliğinde olmalı ve yükseklik, menü öğelerinin sayısına ve yerleşimine bağlı olmalıdır. Görüntülerle çalışmak için bir raster grafik düzenleyicisine ihtiyacınız olacak; aşağıda ücretsiz ve hafif Paint.Net'in kullanıldığı örnekler bulunmaktadır.

Resmin aynı boyutta parçalara bölünebilmesi için menü öğelerinin yerleşimini hemen planlamalısınız. Menünün akıllı telefon veya tablet ekranında düzgün ölçeklenmesi için bu önemlidir.

VK topluluğunun tek sütundaki öğeleri içeren dikey menüsü

Resmi düzenleyicide açın. Editörün "Metin" aracını kullanarak menü öğelerini arka planın üstüne yazın. Menü etiketlerini görünür kılmak için bunlar birkaç şekilde vurgulanabilir:

Bir çerçeveyle daire içine alın;
Harflerin altındaki arka plan rengini değiştirin;
Harflere gölge ekleyin.

Aşağıdaki ekran görüntüsünde her öğe aşağıdaki yollardan biriyle vurgulanmıştır.

Bir sonraki adım görüntüyü parçalara ayırmaktır:

Bir görüntüyü kesme işlemi www.imgonline.com.ua/cut-photo-into-pieces.php adresindeki kullanışlı bir çevrimiçi araç kullanılarak da yapılabilir.

Daha sonra, "Topluluk Yönetimi" menüsünde "Bölümler" öğesine gidin ve "Malzemeler" öğesinde "Kısıtlı" seçeneğini seçin (bu, yalnızca grup yöneticisinin sayfaları oluşturup düzenleyebileceği anlamına gelir).

Kaydet'e tıklayın ve ana gruba gidin. Grupla ilgili bilgilerin yer aldığı bölümün yanında “Son Haberler” öğesi belirdi.

Bu bölüme gidin ve düzenle'yi tıklayın. Başlığı “Menü” olarak değiştirin ve ardından bir resim eklemek için kamera simgesine tıklayın.

Eklenen resme tıklayın ve özellikler penceresinde istediğiniz bölümün bağlantısını belirtin.

VKontakte, görüntüleri otomatik olarak 400 piksele düşürür ve ekstra etiketler ekler. Bunu düzeltmek için işaretleme düzenleme moduna gitmeniz gerekir.

Her resim etiketi “[[” ile başlar ve “]]” ile biter ve “|” ile ayrılmış üç bölümden oluşur: resim kimliği, özellikler ve bağlantı. Resimlerin boyutunu ayarlayıp özelliklerine “nopadding” etiketini eklemeniz gerekiyor. Resimlerin özellikleri “;” ile listelenir.

Değişiklikleri kaydettikten sonra menü oluşturma işlemi tamamlanır.

Yatay veya çok satırlı öğeler içeren menü

Bu durumda görüntülerin hazırlanması aynı şekilde gerçekleştirilir ancak kaynak dikey olarak kesilir. Kesilen parçalar sayfa düzenleme arayüzü aracılığıyla yüklenir. Dikdörtgen parçaların göreceli konumu, VK'daki wiki tablosu işaretlemesi kullanılarak belirlenir. Önceki bölümde açıklanan her bağlantı görseli etiketi, bir tablo hücresinin içine yerleştirilir.

Tablo tasarım kuralları:

Tablonun başlangıcı “(|), sonu ise “|)” sembolü ile gösterilmektedir.
Ek özellikler "|~" sonrasında belirtilir
Yeni satır "|-" ile başlar.
Her hücre "|" ile ayrılır.

Fazladan boşlukları hariç tutmak için "sabit nopadding noborder" tablo parametrelerini belirtmeniz gerekir. 2 sütun ve 2 satırdan oluşan grafik menünün düzeni şuna benzer:

Ve gruptaki menünün kendisi:

VK genel tasarımı için yeni bir tasarımda grup avatar boyutu

VKontakte toplulukları iki avatar seçeneği kullanır:

Kapak yüklü değilse sağ üstte 200 x 500 piksellik büyük bir dikdörtgen başlık gösterilir.
Küçük resim 200x200 pikseldir ve gönderilerde ve tartışmalarda daire şeklinde gösterilir.

Bu makale ayrıntılı bir kılavuz olacak ve size bir VKontakte grubu için nasıl menü oluşturulacağını anlatacağım. Güzel tasarlanmış bir VK grubu menüsü, sitedeki ziyaretçilerin ve satışların büyümesine gerçek bir artışa katkıda bulunur.

Merhaba sevgili okurlarım. Bugün sana söyleyeyim VKontakte grubu için güzel bir menü nasıl yapılır ve tamamen ücretsiz. Bu arada, bu tür konular oluşturmayı öğrendikten sonra bundan biraz para kazanabilirsiniz -))). Tek bir ticari web sitesi, sosyal ağlarda, özellikle de yeni müşteriler kazanmaya ve işinizi tanıtmaya yardımcı olacağı garanti edilen VK'da kendi topluluğunu oluşturmadan çalışmaz.

Ancak topluluğunuz çekici değilse ve herkes gibi değilse kim orada kalmak ister? Bence kimse yok!!! O halde gelin gruplarımızı kaliteli tasarımla süsleyelim ve bunu nasıl yapacağımızı çok hızlı bir şekilde öğrenelim. Grafik oluşturmaya ve gelecekteki menümüze başlamadan önce, resimlerin daha fazla kesilmesi için Photoshop programını bilgisayarınıza yüklemeniz gerekir. Birçoğu neden resimleri kesmeniz gerektiğini soracak. Buradaki önemli nokta, her menü bağlantısı için genel banner'dan ayrı bir şerit oluşturmamız gerekmesidir.

Bugün birkaç tür oluşturulmuş menü var:

Etkin öğelerle aç;
Sabitlenmiş bir gönderi olarak kapatıldı;
Banner ve menünün ayrı ayrı resimleri veya ortak bir bitişik resmi ile.

Her iki seçeneği de yaratmanın özü aynıdır. Tek temel fark, ek öğelerde ve kayıt türlerindedir ve bu, bu makalede daha ayrıntılı olarak tartışılacaktır.

Menüyle çalışmak bize yardımcı olacaktır wiki işaretlemesi Bugün VKontakte metin düzenleyicisine yerleşiktir. Belirli bir görüntüyü görüntülemek ve gerekli öğelere bağlantılar eklemek için standart komutları kullanması bakımından normalden farklıdır. Wiki işaretlemesinin kendisi resimleri, videoları ve diğer öğeleri görüntülemek için kod eklemenize olanak tanır.

VK grubu kapalı menü

Bu durumda ana grup avatarının solunda “grup menüsü” yazısı şeklinde bir köprü göreceğiz, tıklandığında aktif öğelerin ve görsellerin bulunduğu menümüz açılacaktır.

Menü şöyle görünecek:

Grup menüsünü aç (sabitlenmiş materyal)

Buradaki fikir, genellikle tüm koşullar için görüntülendiği grubun açıklamasında görüntülenecek, zaten açık olan menü öğeleri oluşturmaktır. Resmimiz önceden hazırlayacağımız açıklamaya eklenecek ve aktif öğelerin bulunacağı sayfaya bağlantı verilecektir. Bu menü son zamanlarda çok popüler hale geldi ve müşteriler arasında talep görüyor. Şuna benziyorlar:

Bir VKontakte grubu için güzel bir menü nasıl yapılır: adım adım talimatlar

Bu yüzden öncelikle sağ tarafa yerleştireceğimiz grubun ana avatarını ve menümüzün saplamasını banner şeklinde oluşturmamız gerekecek.

200x332 piksellik bir avatar için;
Ana menü başlığı için 395x282 piksel.

Fark etmiş olabileceğiniz gibi, görsellerin yüksekliği farklıdır ve bu, topluluk adının ve durumunun yüksekliği yaklaşık 50 piksel kapladığı için görsellerin yükseklikte aşağı doğru hareket etmemesi ve aynı seviyede olması için yapılır. bu değeri menünün yüksekliğinden kaldırmanız gerekir.

Açıklığa kavuşturmak gerekirse, bir grubun ana avatarının yüksekliği 332 ise, bundan 50 çıkarırız ve ana menünün yüksekliğini 282'ye eşitleriz. Boyutlar önemli değilse, yükseklik isteğe göre ayarlanabilir. .

Bir topluluk oluşturduktan sonraki bir sonraki adım materyalleri oluşturmak olacak ve burada katılımcıların ek sayfalar ve bloklar oluşturmasını, yalnızca duvara yazmasını yasaklamamız gerekiyor. Bunun için grup avatarının altında “topluluk yönetimi” adı verilen ve aşağıda gösterildiği gibi materyallerimizi “kısıtlı” hale getirmemiz gereken bölüme gitmeniz gerekecek.

Şimdi genel kompozisyonu oluşturmaya başlayalım. Tabii ki, açıklamaya avatar yerine bir resim ekleyebilirsiniz, ancak amatör olmayalım ve size bunu profesyonelce nasıl yapacağınızı göstereceğiz, böylece tam teşekküllü bir resim haline gelir, birbirine dönüşür.

Photoshop'ta resimlerimiz için içindeki açıklıkları keserek şablon olarak kullanacağımız 600x350 piksel boyutlarında yeni bir tuval oluşturalım. Çalışmak için tüm elemanların ve cetvellerin boyutlarını piksellere dönüştürmemiz gerekiyor ve bu şu şekilde yapılıyor: "Düzenle-kurulum-ana" ve burada pikselleri ayarlıyoruz.

Açık bir menü oluşturmanın bir sonraki adımı, daha sonra indirmek için alacağımız banner ve avatar için kesikler yapmaktır. Bunu yapmak için sol dikey menünün bölümüne gidin ve kesmeyi seçin.

Farenin sol tuşunu kullanarak sanki bir alan seçiyormuş gibi ihtiyacımız olan büyüklükteki blokları seçmelisiniz ve her seçimden sonra “Sil” butonuna basıp seçmelisiniz. %50 gri. Bu tür eylemler, blokların gerekli boyutta olmasına ve ana arka plandan farklı bir renkte vurgulanmasına yol açacaktır.

Şunun gibi görünmeli:

Şimdi sadece silgiyi seçiyoruz ve her gri bloğa tıklayıp kesikli bir şablon elde etmek için "sihirli silgi" işlevini kullanıyoruz. Bir sonraki adım, ana görselimizi seçip arka planın altına yerleştirmek ve üzerine menünün adını veya diğer reklam unsurlarını içeren metin yazabileceğiniz hazır resimler elde etmektir.

Harika. Tasarımımızın bir resmini yerleştirdikten sonra sadece “Web için kaydet”i seçiyoruz ve sonuç olarak 2 resmimizi elde ediyoruz. Şimdi grubumuza geri dönüyoruz ve ana avatarı (dikey) doldurabiliyoruz. Menü için banner'ı biraz sonra wiki işaretleme koduyla çalışırken kullanacağız.

Kullanıcıyı üçüncü taraf bir sitenin gerekli bölümlerine veya grubun kendisindeki albümlere ve kataloglara yönlendirecek aktif öğelerle menüyü kendisi oluşturalım. Çeşitlilik için yeni bir görsel kullanacağız -))).

Öyleyse Photoshop'a geri dönelim ve 400x300 piksel boyutlarında yeni bir tuval oluşturalım. Daha sonra şu bölümü seçin: file-place ve menünün arka planı için bir resim seçin.

Gelecek menümüzün butonlarını resmin üzerine yerleştirip yukarıda yaptığımız gibi gerekli blokları seçerek resmi kesiyoruz. Daha sonra "web için kaydet" i de seçip kesimlerimizin bulunduğu bir klasör alıyoruz. Benim durumumda ayrı bir klasörde 4 fotoğraf var.

Artık Photoshop'tan indirdiğimiz resimleri ayrı bir albüme yükleyip meraklı gözlerden saklamamız gerekiyor. Yüklendikten sonra her resim yeni adını ve benzersiz kimliğini alacaktır.

Lütfen aşağıdakilere sahip olmanız gerektiğini unutmayın:

Materyaller “kısıtlı” modda açılır;
Tartışmalar dahil;
Fotoğrafların bulunduğu klasör herkese açıktır.

Artık geriye kalan tek şey menünün görüntüleneceği sayfamızı yapılandırmak. Bunu yapmak için topluluğun ana sayfasına gidin ve yeni materyaller seçin ve düzenleyip “MENÜMÜZ”ü çağırın.

Daha sonra Photoshop'ta keserken aldığımız resimleri eklememiz gerekiyor. Bazı insanlar işaretleme kodları kullanır, ancak fazla düşünmemek için, kamera simgesine tıklayarak resim eklemeyi seçmenizi ve birbiri ardına yüklemenizi öneririm.

Bir metin düzenleyicide çalışırken, resimleri yükledikten sonra sağ üst köşedeki parantez şeklindeki simgeye tıklarsak şu kodu görmeliyiz:

Tavsiye: Görselleri yükledikten sonra önemli bir nokta dolgunun kaldırılmasıdır. Bu, görüntü boyutlarının önüne "nopadding" eklenerek çözülebilir.

Açıklayıcı olsun diye aşağıda neyin nereden geldiği yazıyor ama her şeyin otomatik olarak girileceğini ve akıllı olmaya gerek olmadığını ve bazılarının her resmi yazıp kimliğini alması gibi açıkları göz önünde bulundurarak indirip kaydediyoruz.

[]
xxxxx görüntünüzün kimliğidir
yyyyy - piksel cinsinden genişlik (maksimum 388)

Sonunda şu şekilde görünmeli:

Artık resimlerimiz ayrı bir banner'da toplanıyor. Her öğeye bir bağlantı eklemek için, işaretleme devre dışı bırakılmış görsele tıklayın ve kopyalanan URL'yi bağlantı bölümüne yapıştırın.

Ve şimdi VKontakte menümüzü oluşturmanın en önemli ve son noktasına geliyoruz. Şimdi sayfamızı resimlerle kaydetmemiz ve adresini kopyalamamız gerekiyor. Benim durumumda şöyle görünüyor:

http://vk.com/page-116682062_51411604?act=edit&hid=183950676§ion=edit

Unutmayın, yazının başında ana avatarımızın devamı olacak bir taslak menü hazırladık ve bunun için bir şablon hazırladık. Şu anda tam olarak ihtiyacımız olan şey bu.

Ana sayfaya gidin ve aşağıdakileri yapın:

Aşama 1.

Duvardaki yeni bir gönderi için sayfanın adresini metin alanına yapıştırıyoruz, ardından bağlantıya dönüştürülecek.

Adım 2.

Gönderiye menü yer tutucumuzun bir resmini ekliyoruz ve gönder'e tıklıyoruz.

Aşama 3.

Şimdi gönderiyi yayınladıktan sonra gönderinin sol alt kısmındaki oluşturulma zamanına tıklayın ve “PIN”i seçin.

Harika!!! Burada bitirelim. Artık harika menülerin nasıl oluşturulacağını biliyorsunuz ve bundan iyi para kazanabilirsiniz. Her şeyi aşağıdaki sırayla yapmanızı tavsiye ederim:

Bir yapı oluşturuyoruz ve menü görsellerinin tasarımını sıralıyoruz;
Tüm görselleri yeniden boyutlandırıyor ve kesiyoruz;
Fotoğrafları albümlere ekleyin;
Tüm kesimleri editörde düzenleyip grubun ana sayfalarında yayınlıyoruz.

Çalışmalarımız sonucunda bu menüyü elde edeceğiz.

Ancak tıklandığında menünün kendisi aktif bağlantılarla açılacaktır. Boyutlarla oynamaya ve bunları ekranınıza sığacak şekilde ayarlamaya değer, ancak mobil cihazlarda görüntülemeyi de unutmayın.

ÖNEMLİ: 2016 yılında VK tasarımı değiştirildikten sonra görseller oluşturulurken ve resimlere ilişkin gereksinimlerde yeni değişiklikler yapıldı.

VK grup menü şablonunu + tüm ders kaynaklarını indirin

Umarım materyal faydalı olmuştur ve artık bir VKontakte grubu için nasıl güzel bir menü hazırlayacağınızı kolayca anlayabilirsiniz. Blog güncellemelerine abone olun ve yakında yeni yazılarda görüşmek üzere. Sorularınız varsa yorumlara yazın, size kesinlikle yardımcı olacağım.

Okuduklarınızı pekiştirmek için bir video ekliyorum -))).

1 oy

İyi günler, blogumun sevgili okuyucuları. Önceki makalede büyüleyici bir şeyin nasıl yapılacağını öğrendik. Şimdi ikinci kısma geçelim. Avatar için güzel bir tek resim oluşturacağız ve etkili bir geçiş düşüneceğiz.

Bloguma ilk gelişinizse ilk dersle başlamanıza gerek yok. Öncelikle bu yayını okuyabilir ve bu adımdan başlayarak tasarlamaya başlayabilirsiniz. Şimdi size nasıl güzel bir VKontakte grubu oluşturacağınızı anlatacağım ve daha sonra ek özellikleri kullanıp kullanmayacağınıza karar verebilirsiniz.

Bu makalenin sonunda etkileyici ve bütünlüklü bir resme sahip olacaksınız.

Tembeller için yöntem

Zaten her şeyi nasıl yapacağını bilen, acelesi olan veya zahmet etmek istemeyenlerin dikkatini önemli konulardan uzaklaştırmamak için bir video eğitimi sunabilirim. Size anlatacağım şeyin aynısını, yalnızca Photoshop olmadan, hizmet aracılığıyla nasıl yapacağınızı anlatacak. www.vkprofi.ru .

Kullanmadım ve ücretli olup olmadığını söyleyemem. Bu bilgiyi kontrol eden ve bu yazıya bu yakıcı sorunun cevabını içeren bir yorum bırakanlara minnettar olurum.

Öğrenmek isteyenler için

Kalmaya ve uzun yola gitmeye karar verirseniz heyecan verici işler sizi bekliyor. Çevrimiçi iş yolculuğunuza yeni başlıyorsanız çok yararlı olacaktır.

Reklamcılıkla çalışmak için faydalı tavsiyeler vereceğim birçok püf noktası öğreneceksiniz, ayrıca faydalı beceriler ve deneyim kazanacaksınız.

İhtiyacın olacak…

Photoshop.
Temel resim.

Fotoğraf büyük ve kaliteli olmalı; arama motorlarında arama yapıyorsanız masaüstü duvar kağıdına dikkat edin. Özellikle işle ilgili harika bir topluluk için çalışıyorsanız, hizmeti kullanmanızı öneririm https://ru.depositphotos.com . Orada reklam görselleri bulacaksınız.

Bir ürünü tanıtacak resmi seçmek o kadar kolay değil. İş dünyası için kullanılıyorsa birçok gereksinimi karşılaması gerekir. Bunu herkes anlamıyor. Bir otel, han, bar veya kulübün tanıtımını yapıyorsanız boş odaların fotoğrafını çekmeniz önerilmez.

Öncelikle insanın oturabileceği bir yeri satmamalı, işletmeyi ziyaret ettiğinde alacağı duyguları göstermeliyiz. İç mekanların güzelliği bugünlerde kimseyi şaşırtmayacak. Alıcının içine dalmak isteyeceği benzersiz bir atmosfer yaratmanız gerekiyor.

Kimse yıpranmış fotoğrafları sevmez. Sürekli kullanılırsa müşteri kazanma şansı azalır. Kalite, ışığın doğru ayarlanması vb. hakkında. Konuşmayacağım bile. Umarım bunu zaten anlamışsındır. Aşağıdaki fotoğraftaki gibi seçenekler yaklaşık 5 yıldır yayınlanmıyor.

Kişisel deneyimime göre... projelerden birinde çok havalı bir reklam müdürüyle çalıştım. Her resmi parça parça çektik. Nesnenin merkezden belirli bir mesafede, belirli bir açıda, tercihen doğru iyimser aralıkta olması gerekir.

Tablonun en uzak köşede asılı olduğu çerçevenin rengini değiştirmek zorunda kaldık! İlk başta tüm bunların gereksiz bir sorun olduğunu düşündüm, ancak daha sonra karşılaştırma için benzer küçük şeylerle çalıştıktan sonra bana dönüşümü gösterdiler.

Gelecekteki güzel bir grup için şablon hazırlamak

Yani her şey hazır olduğunda boyutlara karar vermeniz ve gelecekteki görüntü için bir şablon hazırlamanız gerekiyor. Bu arada, bunu nasıl yapacağınızı öğrenirseniz, bu tekniği başka birçok görev için kullanabilir ve inanılmaz VKontakte resimleri oluşturabilirsiniz. Yakında neden bahsettiğimi anlayacaksınız.

O halde iletişimi açalım. Standart VKontakte gönderi boyutlarını ararsanız 200x500 ve 700x500'ü göreceksiniz. Ancak cetvel kullanırsanız küçük resimlerin bu göstergelere uymadığından emin olabilirsiniz. Hizmet, yükleme sırasında bunları sıkıştırır.

Ava'daki resimle her şey aynı, gerçekten 200x500.

Oruçla her şey farklıdır.

Her durumda ihtiyacınız veya hazırladığım şablonu indir veya kendi ekran görüntünüzü alın. İkinci seçeneği seçmenizi tavsiye ederim. Neden? Bu şekilde farklı görevler için şablonları kendiniz oluşturabilirsiniz. Örneğin, ana sayfanızda bir ürün galeriniz veya “Son Haberler” görüntüleniyorsa.

Benim seçeneğim yalnızca sabitlenmiş gönderiler için uygundur. En basit ve en popüler tasarım yöntemi.

Grubunuzu veya fotoğraflı bir gönderinin en üste sabitlendiği herhangi bir grubu açın. Benim çizimimdeki gibi. Bu fotoğrafı sağ tıklayıp “Farklı kaydet…” diyerek de çekebilirsiniz. Doğru, sonunda her şeyin senin için yolunda gideceğinden emin değilim. Bir deney için zamanınız var mı? Sonuçlarınızı yorumlarda paylaşın.

Diğerleri için adım adım talimatlar farklı olacaktır. Öncelikle tarayıcıdaki görüntüyü %100'e kadar büyütün (Ctrl tuşuna basın ve fare tekerleğini hareket ettirin). Açıkçası bunun neden yapıldığını pek anlamıyorum, ancak ilk denememde, tam da ölçek nedeniyle işe yaramadı.

Şimdi PrtSc düğmesine basın. Klavyede sayısız "F" harfinden sonra en üst sırada yer alır. Üzerine tıkladıktan sonra hiçbir şey olmayacak. Her şey yolunda, 100 kere tıklamanıza gerek yok, Photoshop'u açın.

Ctrl+V tuşlarına tıklayın, böylece ekranınızı programın çalışma alanına yapıştıracaksınız. Şimdi Dikdörtgen Seçim Çerçevesi aracını alın ve sol blokla çalışın.

Görüntünün kenarı boyunca düz bir şekilde yönlendirin. Aşağıdaki resmi görmemelisiniz. Bu doğru değil.

Kesinlikle kenar boyunca hareket edin.

İmleci dikdörtgenin sol üst köşesinden tutun ve sağ alt köşeye taşıyın. Büyüteçle kafanızı kandırmamak için, Alt tuşunu ve fare tekerleğini kullanarak büyütmeyi kullanın.

Şimdi Ctrl+J tuşlarına basın. Bu, seçilen parçayı yeni bir katmana aktaracak; arka planın üzerinde görünecektir.

Aynı şeyin avatar için de yapılması gerekiyor. Seç ve yeni bir katmana taşı (Ctrl+J)

Yeni bir katmana aktardığınızda, arka planın az önce oluşturduğunuz değil, aktif olması gerekir. Vurgulandığından emin olun.

Daha sonra arka plandan kurtulabilirsiniz. Bu katmanın yanındaki kilide tıklayın, bu onu değiştirmenize olanak sağlar.

Katmanı, masaüstünüzdeki normal bir dosya gibi çöp kutusuna sürükleyin.

Bu işimiz bitti. Şablon oluşturuldu.

Grup için benzersiz resim

Geçenlerde bununla ilgili bir makale yazdım. Yanlış açma ve boyutla daha fazla çalışma, en havalı resmin kalitesini önemli ölçüde kötüleştirebilir, ilgileniyorsanız blogumda bununla ilgili bir makale okuyabilirsiniz.

Ana fotoğraf olarak kullanacağımız fotoğrafı sürükleyin.

Doğru yansıtmıyor.

Eğer aynı saçmalığa sahipseniz, bunu en üstteki yapın. Ardından Alt düğmesini basılı tutarken katman 1 ve katman 2'ye tıklayın, böylece her ikisi de vurgulanır.

Farenin sağ tuşu ve uygun seçenek kullanılarak birleştirilmeleri gerekir. Bu durumda çalışmaya devam etmemiz daha uygun olacaktır. Önce avatar için, sonra da gönderi için fotoğrafı kaplayıp kesmeniz gerekmez.

Ctrl tuşuna basarsanız ve ardından yeni oluşturduğunuz katmanın küçük resmine basarsanız. Karıncalar yeni katmandaki nesnelerin kenarları boyunca koşarlar ve bu size alt resmin nasıl görüntüleneceğini söyleyecektir. Ctrl+D tuşlarına basarak bunları kaldırabilirsiniz. Şu anda iç kısımda bulunanlar daha sonra VK'ya eklenecek.

Fotoğrafı hareket ettirmeye başlarsanız, koşan karıncalar da onunla birlikte "gidecektir". Rehberler kurmanızı tavsiye edebilirim. Onlarla nasıl çalışılacağını bilmiyor musun? Bu videoyu buradan izleyin.

Her şeyi olması gerektiği gibi ayarladıktan sonra bir sonraki adıma geçebilirsiniz. Aynı etkiyi elde etmek için size iki seçenek göstereceğim. İlki basit. Üst katmanda sağ tıklayın ve "Kırpma Maskesi Oluştur"u seçin.

Ama ikinciyi seviyorum. O daha hızlı. Alt tuşuna basın ve imleci iki katman arasında hareket ettirin, görsel olarak değişecektir. Daha sonra sol tıklayın.

Sonuç bu fotoğraf.

Her parça Çerçeve aracı kullanılarak kesilebilir ve ardından jpeg olarak kaydedilebilir. Doğru fotoğrafı avatar olarak ekliyoruz. Sol tarafta bunu normal bir gönderi olarak ekleyebilir ve ardından sabitleyebilirsiniz.

Zor değil ama sorun yaşıyorsanız, bir okuyucunun fotoğrafınıza tıkladığında bir web sitesine yönlendirildiğinden nasıl emin olunacağını detaylı olarak anlattığım bu serinin üçüncü yayınını okumanızı tavsiye edebilirim.