VKontakte topluluğunu tasarlama: Runet'te bir grup veya genel sayfa için en ayrıntılı kılavuz. Vkontakte kamu tasarımı: menü ve başlık nasıl yapılır

  • 15.09.2019

Bugün sizinle VK'da nasıl menü yapılacağı hakkında konuşacağız. En basit şeylerle başlayacağız ve sonra daha büyük bir şeyle bitireceğiz. Aslında, grubunuzu dekore etmeye karar verirseniz, görev üzerinde uzun süre çalışmak zorunda kalacağınız gerçeğine hazırlıklı olmalısınız. Özellikle grafik editörlerinde nasıl programlanacağını ve çalışılacağını bilmiyorsanız. VK'da halka nasıl menü yapılacağını hızlıca görelim.

Bir fikir geliyor

Öyleyse, belki de bugün yalnızca karşılaşabileceğimiz en basitiyle başlayalım - bu, menünüzün fikrini ve genel görünümünü düşünmekten başka bir şey değildir. Bu olmadan güzel, çekici ve ilginç bir şey yaratamazsınız.

"VKontakte" halka açık bir menü yapmayı düşünüyorsanız, zamanında stok yapmak ve "rehberinizin" tüm noktalarını ve ayrıca nihai nesnemizin görsel olarak nasıl görüneceğini düşünmek en iyisidir. Aklına geldi mi? Harika, sonra grafik düzenleyiciyi açın ve sizinle düğmeler çizin. Üzerlerine uygun yazıları yapıyoruz. Başka bir deyişle, bir düzen hazırlıyoruz. Her buton için ayrı bir dosya bulunmaktadır. Başlangıçta her şeyi tek bir belgede yapabilir, ardından parçalara "kesebilirsiniz". Bu adım tamamlandıktan sonra, "VK" da halka açık bir menü nasıl yapılır daha fazla görebiliriz. Adım adım talimatlar bu zor görevde size yardımcı olabilir.

malzemeleri dahil ediyoruz

Pekala, seninle devam ediyoruz. Zaten bir "menü" fikrimiz var - tüm öğeler planlandı, düğmeler yapıldı. Geriye bunları halka tanıtmak ve pekiştirmek kalıyor. Bunu yapmak için, grup ayarlarında sözde "materyalleri" etkinleştirmeniz gerekecektir.

Bir public oluşturmaya yeni karar verdiyseniz, adı girdikten sonra ayarlar otomatik olarak açılır. Orada "Malzemeler" öğesini bulmanız ve bunları "Bağlı" durumuna geçirmeniz gerekecek. Ardından ayarları kaydedin. Ancak o zaman VK'da bir menünün nasıl halka açık hale getirileceğini düşünebilirsiniz.

Halihazırda bir grup oluşturduysanız ve şimdi onun tasarımını düşünüyorsanız, "Topluluk Yönetimi"ne tıklamalı ve ardından "Topluluk Ayarları"nı seçmelisiniz. Ayrıca, önünüzde zaten aşina olduğumuz bir pencere açılacaktır. Orada malzemeleri "bağlayın", değişiklikleri kaydedin ve sorun üzerinde çalışmaya devam edin. Aslında, "VK" da halka açık bir menü yapmayı düşünüyorsanız, şimdi en zor anlara hazırlanmanız gerekiyor.

Arka planda çalışmak

Ama önce sizinle daha keyifli anlara odaklanalım. Özellikle menümüzün tasarımı konusunda ufak bir çalışma yapacağız. Düğmeler hazır - bu harika. Ama bir şeye yerleştirilmeleri gerekiyor. Doğal olarak, onu standart bir "beyaz" arka plana yerleştirme seçeneğiniz vardır. Bu durumda, bu öğe atlanabilir. VKontakte'de halka açık bir menü yapmayı bilmek istiyorsanız, adım adım talimatlar kesinlikle özel bir şey yaratmanıza yardımcı olacaktır.

Diyelim ki grubun profil resmini ve arka planını aynı renkte oluşturmaya karar verdik. Yani menümüz adeta "ava" dan geliyor. Bunu yapmak için sadece hayal gücünü değil, aynı zamanda bazı bilgileri de göstermeye değer. Özellikle kullanıcının boyutu bilmesi gerekecektir.Avatarınızın 200 x 710 piksel boyutunda bir dikdörtgen şeklinde olacağını ve menü arka planının 382 x 442 piksel olduğunu açıkça anlamalısınız. Bu "tuvalleri" oluşturduktan sonra onları renklendirebilirsiniz.

Ama sevinmek için çok erken - bu, editörle olan eziyetimizin sonu değil. Şimdi arka plan çizgilere bölünmelidir. Resmi "Dilim Aracı" ile dilimleyin, düğmelerinizi her sektöre yerleştirin ve ardından "Web Sayfası için Kaydet"e tıklayın. Devam edebilirsin.

Yükleme malzemeleri

Sosyal ağdaki grubumuza dönüyoruz. Bu nedenle, sizinle zaten düğmeler, bir arka plan ve bir avatar aldık. Şimdi geriye kalan tek şey hepsini sayfaya yüklemek ve çalışmasını sağlamak. Ava'yı indirmekle ilgili herhangi bir sorun yoksa, grubun biraz acı çekmesi gerekecek.

Bir sayfaya avatar yüklemek için, bu nesnenin bulunması gereken yerin altındaki "Fotoğraf yükle" seçeneğine tıklamanız yeterlidir. Şimdi oraya 200 x 710 piksellik bir dosya yükleyin ve kaydedin. Ne olduğunu görün. VK'da halka nasıl menü yapılacağını daha fazla düşünebilirsiniz.

Artık "menümüzün" öğeleriyle çalışmaya başlayabiliriz. Düğmelerle arka planın "kesilmiş" bir versiyonunu zaten kaydettik. Şimdi onları indireceğiz. Grubun ana sayfasında "Son Haberler" bölümüne bakın. Satırın sağ tarafında "Düzenle" yi bulun. Bundan sonra, önünüzde bir wiki düzenleyici belirecektir. Sadece menümüzü doğru sıraya koyması gerekiyor. Bundan önce, tüm grafik dosyalarımızı içerecek bir albüm oluşturmanız gerekiyor. Hazır? Ardından gerekli tüm bağlantıları uygun alana yerleştirebilir, ardından değişiklikleri kaydedebilir ve ne olduğunu görebilirsiniz.

"Kuyrukları" temizlemek

Bir kullanıcı "VK" da halka açık bir menü yapmayı düşündüğünde, genellikle editörümüz tarafından otomatik olarak yapılan "söveleri" kaldırmak zorunda kalır. Prensip olarak bunu yapmanıza gerek yoktur, ancak daha sonra kafanızın karışmasını istemiyorsanız dahili kod üzerinde çok çalışmanız gerekecektir.

Unutulmamalıdır ki menü linklerimizin genel görünümü şu şekilde olmalıdır: [-]. Bundan sonra, gereksiz hiçbir şey olmamalıdır. Kod veya etiket yok - aksi takdirde fikri gerçekleştiremezsiniz.

Seçenekte, yüklenen fotoğrafın boyutunun genellikle yazıldığını ve ardından görüntüleri yapıştırma işlevinin atandığını (tek renkli ve eksiksiz bir liste elde etmek için) belirtmekte fayda var. "Nopadding" bundan sorumludur. Bundan sonra, oldukça işe yaramaz bir şeyin açıklamasını ekleyebilirsiniz) ve ardından tıkladığınızda atılacağınız bir bağlantı. Ortaya çıkan tüm değişiklikleri kaydedin ve ardından ne elde ettiğinizi görün.

Çözüm

Bugün sizinle VKontakte sosyal ağında menülerin nasıl oluşturulacağını ve düzenleneceğini öğrendik. Gördüğünüz gibi, belirli becerileriniz varsa, bu özellikle zor değildir. Özellikle, grafik dosyalarının oluşturulmasında.

Oldukça sık, grubun tasarımıyla uzun süre uğraşmamak için kullanıcılar hazır menüler veya avatarlı arka planlar seçerler. Bunları indirmek oldukça kolaydır. Bu hareket, menü öğelerinin oluşturulması ve düzenlenmesi ile eziyetinizi hafifletecektir. Doğru, bu tür dosyalar özellikle orijinal değil. Sizin için özel bir şey tasarlayabilecek ve güzel bir avatar ve menü arka planı oluşturabilecek, özel olarak eğitilmiş bir kişiyi işe almak daha iyidir.

İyi, benzersiz malzeme + benzersiz tasarımın doğrudan genel sayfanızın başarısı olduğu bir sır değil. Bir VKontakte halkının nasıl düzenleneceği hakkında bilgi bulmak çok zor.

Mesele şu ki, her birimizin bu yönde farklı bir fantezi uçuşu olduğundan, herkesin kendi genel sayfa tasarımı ve düzeni vardır.

Wiki işaretlemesi hakkında bilgi bulmaya karar verirseniz, çok fazla bilgi olmadığı için büyük bir sorunla yüzleşmeye hazır olun. Yapabileceğiniz tek şey, genel sayfanız için bir wiki sayfası oluşturmak ve onu tasarlamaktır. Bunu yapmak için, genel sayfanızın kimliğini bilmeniz gerekir. Ancak genel sayfanızın kimliğini nasıl öğrenirsiniz? Daha önce ayarlarda genel sayfanın adresini değiştirdiyseniz, sayfanın sayısal kimliğini bulmanız gerekir. Bunu yapmak için, fare imlecini örneğin "Sayfa Yönetimi" üzerine getirmeniz yeterlidir ve tarayıcıdaki ilgili pencerede sayısal bir kimlik göreceksiniz.

Tasarıma dolaylı olarak gelince, genel sayfanızın adını verdiğinizden emin olun. Dikkatli olun, çünkü kitlenizin adı açık ve doğru olmalıdır. Bu isim kaba veya kaba olmamalı, sadece İnternet kullanıcılarının ilgisini çekmeli.

Genel sayfanız kişiselse, resminizi avatarınıza koymalısınız. Ayrıca, kesinlikle biyografinizi yazmanız ve bir web sitesi eklemeniz gerekecek. Ayrıca, sizi bir birey olarak nitelendirebilecek en sevdiğiniz ifadeleri de yayınlayabilirsiniz. Genel sayfaya ses ve video kayıtları ile ilginç ve faydalı bilgiler içeren notlar ekleyin. Genel bir genel sayfanız varsa, onu tasarlamak çok daha kolay olmayacak, ancak daha uzun sürecek.

Genel sayfanıza yer imleri, ilginizi çeken sitelere bağlantılar, tartışmalar, fotoğraflar, ses kayıtları vb. eklemeyi unutmayın. Tartışmalara gelince, bunların genel sayfanızın ön tarafında yayınlanması gerekecek. Bunun nedeni, tartışmalar işlevsel bir pencere öğesi çubuğunda gizlenirse, insanların bu tür tartışmalarda daha az aktif olmalarıdır.

Çeşitli yeni ürünlerle ses kayıtlarını sürekli olarak yenileyin ve fotoğraflarda tematik albümler oluşturun. Görüyorsunuz, halka açık bir VKontakte sayfasının nasıl tasarlanacağı konusu giderek daha anlaşılır hale geliyor. Sadece tavsiyemizi daha fazla takip edin.

Ayrıca genel sayfanızda bir tür özellik yapmanızı öneririz. Örneğin, gruba her gün şakalar, ilginç hikayeler veya bilmeceler atabilirsiniz. Bu, İnternet kullanıcılarını sayfanıza çekecektir. Bu bağlamda, insanlar her gün herkese açık sayfanızı ziyaret edecek ve böylece daha popüler hale gelecektir. Herkese açık sayfanız bir markanın tanıtımına veya bazı şeylerin satışına dayanıyorsa, bu kadar aktif bir insan trafiği satışlarınızı artırabilir, çünkü bir bilmece veya anekdot nedeniyle halka giren her ikinci kullanıcı daha sonra gidecektir. sadece sattığınız ürün yüzünden.

Herkese açık bir sayfanın nasıl düzgün şekilde tasarlanacağını herkes anlayamaz. Bu çok yaygın bir durumdur, çünkü bu konuda kesinlikle hiçbir şey anlamadığınız zamanlar vardır, o zaman profesyoneller yardımınıza gelecektir. Bu tür insanların hizmetleri oldukça büyüktür, ancak çalışmalarının kalitesini gerçekten beğeneceksiniz. İnsanlar zaten ne yapacaklarını ve nasıl yapacaklarını biliyorlar, bu yüzden

Önsöz ...

Merhaba sevgili okurlar, yine 12 gündür yazmıyorum... Hayatınızda ilk kez ebeveyn olduğunuzda, zaman dağılımındaki tercihleriniz sevgili kızınızla birlikte olmak yönünde değişiyor... 🙂

Bugün blogumun yeni okuyucular bulmasına yardımcı olmak için blogumun ötesine geçmeye karar verdim. Herkese açık bir Vkontakte oluşturmaya karar verdim ve böylece blogumu sosyalleştirmeye başladım.

Neden halka açık ve Vkontakte grubu değil? Halk ve grup arasındaki seçim, yaratılış başlamadan önce yapılmalıdır - o zaman imkansız olacaktır. Bir halk ile bir grup arasındaki fark nedir - kısacası, grubun daha gelişmiş işlevleri vardır ve halk daha yerel ve açıktır. Bu nedenle, yaklaşık olarak, işlevsellikteki farklılıklara göre, Vkontakte grubunu bir forumla ve halka açık bir kişisel blogla karşılaştırılabilir.

Yine de, sosyal ağlarda web sitesi tanıtımına ilişkin yeni Batı kavramlarının tanımlarını kendim için netleştirmek istedim. SMO (Sosyal Medya Optimizasyonu) sosyal ağlarda web sitesi/blog optimizasyonudur ve SMM (Sosyal Medya Pazarlaması) sosyal ağlarda web sitesi/blog tanıtımıdır.

Bu arada, halk kavramı, halk, toplum, yani halk olarak tercüme edilen İngiliz halkından geliyor. kendini sosyalleşmeye borçlu! 🙂

Bu kadar önsöz yeter, bir Vkontakte halkı oluşturmaya başlıyorum. İçeri girmek Vkontakte sayfanıza ve Gruplarım menüsüne tıklayın.

Gruplarımın bir listesi açılıyor ve sağ üst köşede Bir topluluk oluştur yazısına tıklıyorum, topluluk türünü seçmemin istendiği bir plaka beliriyor: Grup, Genel sayfa veya Etkinlik.

Herkese açık bir sayfa veya daha basit bir şekilde genel bir sayfa seçiyorum. Yeni asistanımın adını tanıtım için Vkontakte sosyal ağına giriyorum — Kendin Yap WordPress blogu ve Topluluk Oluştur'u tıklayın.

Ardından sayfa geliyor - Halkımın ne olduğunu seçmeniz gereken resmi bir sayfa oluşturmak. Bir web sitesi seçiyorum ve sitemin resmi temsilcisi olduğumu onaylayarak Vkontakte Kuralları'nı kabul ediyorum, ardından alttaki Sayfa oluştur'a tıklıyorum.

Ardından aşağıdaki ek ayarlara tıklıyorum, orada twitter hesabınızı yetkilendirebilirsiniz, böylece kamuoyumdaki tüm yayınlar otomatik olarak twitterıma gider. Herhangi bir yüzyılda, blogum için köklü, ancak pratik olarak kullanılmayan bir twitter açarım. İzin veriyorum - şimdi daha düzenli girişleri olacak! Şimdi, genel kategorimi seçiyorum - Web Sitesi .. Bloguma bir bağlantı ekleyin. Blogumun oluşturulduğu tarihi dolduruyorum. Her şeyi temel ayarlarla bitirdim, kaydedebilirsiniz. Teknik olarak, hazır, işleyen ama yine de boş bir kitlem var.

Bir Vkontakte halkı nasıl güzelce tasarlanır?

Bugünkü arayışımın ikinci önemli kısmına dönüyorum - boş bir genel sayfanın okuyucuları çekecek bir şeyle doldurulması gerekiyor. Ama önce, grafiksel olarak düzenlemeniz gerekir. Kolay görünüyor - bir fotoğraf seçin ve yükleyin, hepsi bu.

Ancak bir halka açık veya bir Vkontakte grubunu güzel ve çekici hale getirmek için, Photoshop'ta basit bir kullanıcı düzeyinde ustalaşmanız ve birkaç püf noktası bilmeniz gerekir - bir kamu veya Vkontakte grubunun başlığına nasıl resim gönderebilirsiniz.

Fotoğraf makinemi alıyorum, bir tripoda koyuyorum, netbook'umu elime alıyorum ve bir sonraki fotoğrafı çekiyorum ->

Fotoğraf çok sıcak çıkmadı…. Yaratıcı fikrim için bu tür bir ışık çok uygun! 🙂 Photoshop'a yükleyin ve netbook ve shadow ile kendimi dikkatlice kesin. Photoshop'ta nasıl çalıştığımı anlatmayacağım, blogunuz varsa ve hala Photoshop'u bilmiyorsanız çok ilginç değil, öğrenmenizi tavsiye ederim, neyse ki, "Photoshop öğreticileri veya Photoshop öğreticileri" için bir arama çıkıyor. çok faydalı linkler.

Biri Vkontakte halkımın başlığının ortasında büyük olmak üzere iki resim yapıyorum. Sır, bir kamu veya Vkontakte grubunun başlığına nasıl resim ekleneceğidir ??? Bu kadar basit! Bitmiş resmi duvarda yeni bir gönderide yayınlamak ve yayınlamak gerekir.

Ve ana resmi yükledim, şimdi standart yan resmi yüklüyorum ... Ve şimdi Vkontakte halkım şöyle görünüyor:

Halkımı görebilir ve abone olabilirsiniz ->

Lütfen tüm açıklama metninin bir kerede göründüğünü ve "Tam olarak göster" seçeneğine gitmediğini unutmayın. Oklar, tüm bilgileri okunması kolay bloklara ayırmaya yardımcı olur.

Açıklamada, benzersiz satış teklifimi yansıtmaya çalıştım - okuyucu, bu grupta VKontakte sosyal ağıyla çalışmak için tüm ipuçlarını bir uzmandan bulabileceğinizi hemen anlıyor.

Bir VKontakte grubu için açıklama nasıl yapılır

Yani, açıklamanızı okunabilir hale getirmek istiyorsunuz, ancak VKontakte grubunun açıklamasına nasıl ifade ekleyeceğinizi bilmiyorsunuz. Burada da karmaşık bir şey yok. İhtiyacınız olan ifadeyi gruptan alabilirsiniz Bunun pratikte nasıl yapıldığını bu eğitim videosunda izleyebilirsiniz

Son zamanlarda, artan sayıda VKontakte topluluğu, topluluğun avatarıyla aynı tarzda yapılmış sabit bir afiş kullanıyor.

Çok hoş görünüyor, ancak önemli olan şu ki, ziyaretçiler artık grubun açıklamasını görmüyor, çünkü grup sabit bir afişin arkasına gizlenmiş durumda. Bu durumda ziyaretçilerinize iletmek istediğiniz önemli bilgileri doğrudan banner'a getirebilirsiniz.

Grubumda, abonelerimin grupta neler bulabileceğine dair afiş bilgilerini koydum ve bunlar adım adım talimatlar, video eğitimleri, web seminerleri ve haberler.

Örnek olarak, bir süre önce tasarladığım başka bir topluluktan bahsetmek istiyorum. Bu grupta açıklama da bir banner ile kaplıdır. Müşteri avantajlarının ve ilgi alanlarının doğrudan banner'a yansıtıldığını lütfen unutmayın.

Soru ortaya çıkıyor, afişi hemen düzeltmeyi planlıyorsanız, bir açıklama yazmaya değer mi? Neye değer olduğunu kesinlikle söyleyebilirsin.

VKontakte grubunuzun açıklamasına doğru bir şekilde girdiyseniz anahtar kelimeler, o zaman hem Google hem de Yandex sizi arama sonuçlarının en üstüne getirebilir. Bu nedenle, her durumda, topluluk tanımını ihmal etmemelisiniz.

özetleyelim

  1. Açıklama kısa, anlamlı ve özlü olmalıdır;
  2. Okunabilir olmalıdır;
  3. Açıklama, anahtar kelimeler içermeli ve USP'nizi (Benzersiz Satış Teklifi) yansıtmalıdır;
  4. Açıklama, hedef kitlenizin yararlarını, ilgi alanlarını ve acılarını okumalı;
  5. VKontakte grubunun tanımını kalp ve ok şeklinde çeşitli süslemelerle aşırı yüklemeye gerek yoktur - bu, dikkati projenizin özünden uzaklaştırır;
  6. Açıklamada harekete geçirici mesaj var.

Topluluğunuzun tanımı nedir? Herhangi bir sorunuz varsa, sormaktan çekinmeyin! seve seve cevap veririm

Makaleyi beğenin, arkadaşlarınızla paylaşın!

Tartışma: 8 yorum

    1. Julia, grubun tanımıyla iyi iş çıkardın!)

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ınmasını artırır. Ek olarak, grafik menü, grubun bölümleri arasında gezinmeyi kolaylaştırarak, sosyal ağın üyelerine ve diğer kullanıcılarının büyük bir topluluk yapısında gezinmesine yardımcı olur.

VK'da bir arama veya bir tasarımcı portföyünü görüntülemek, topluluğunuz için bir kapak menüsü seçerken oluşturabileceğiniz Vkontakte gruplarının tasarımının birçok başarılı örneğini gösterecektir.

Vkontakte grubunun tasarımı için aşağıdaki boyutlar kullanılır:

  • Sayfanın kapağı en üstte, tüm halka açık, 1590 x 400 piksel boyutunda gösterilir;
  • Büyük avatar - sağ üstte gösterilen dikey afiş 200x500 piksel (en boy oranı 2: 5);
  • Küçük bir avatar, yuvarlak bir resim, grubun her mesajında ​​200x200 piksel boyutunda gösterilir.
  • Vkontakte grubu için menü resmi, genişlik 510 piksel, yükseklik - 307 (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ına bir kapak resmi yüklenirse, sağdaki büyük avatar gösterilmez.

Bir Vkontakte grubu için kendiniz şapka nasıl yapılır

Topluluk başlığının güzel görünmesi için, tüm grafik bileşenleri aynı tarzda (bir dizi renk, logo, yazı tipi) tasarlanmalı veya tek bir resmin parçası olmalıdır. Kendiniz bir Vkontakte grubu tasarladığınızda, ilk adım bir arka plan görüntüsü hazırlamaktır. Bu, ücretsiz fotoğraf bankalarından (örneğin, pixabay.com) tematik bir resim olabilir.

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

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

"Topluluk Kapağı" alanındaki "İndir" başlığına tıklayın.

Bir sonraki pencerede, bilgisayarınızda önceden hazırlanmış olan kapak dosyasını seçin ve "Kaydet ve devam et" seçeneğine 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 konusuyla alakalı olmalıdır.
  • Yüksek kaliteli görüntüler kullanın.
  • Görüntüler için başkalarının telif haklarını ihlal etmeyin (şu anda ücretsiz stoklar çok sayıda fotoğraf ve illüstrasyon sunmaktadır).
  • Kapağı ayrıntılarla aşırı yüklemeyin.
  • Başlığa bir kişinin fotoğrafını koyarsanız, ziyaretçiye değil, sayfadaki en önemli öğeye (menü, site adresi, eylemle ilgili mesaj, çağrı) bakması daha iyidir.
  • Kaliteli yazı tipleri kullanın ve yazıların her ölçekte okunaklı olduğundan emin olun.

Yeni tasarımda Vkontakte kamuoyundaki başlığın boyutu

Bu sosyal ağın yeniden tasarımı gerçekleştikten sonra yeni bir tasarım öğesi ortaya çıktı - bir kapak. Bu, 1590 x 400 piksellik büyük bir yatay resimdir. Vkontakte grubunun başlığı statik bir görüntüdür. Üzerine parlak, akılda kalıcı bir fotoğraf veya resim ve halkın adını, şirketin sloganını, sitenin adını, çalışma programını ve diğer yazıları yerleştirecek kadar büyük.

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

Vkontakte grup menüsü için tasarım süreci aşağıdaki aşamalardan oluşur:

  • Menü bağlantılarının bir listesini hazırlayın (bunlar sayfalar, topluluk bölümleri veya harici siteler olabilir).
  • Arka plan resminin hazırlanması.
  • Menünün yazıtlarının ve "düğmelerinin" arka plan görüntüsü üzerinde çizim.
  • Resmi parçalara ayırma.
  • Bir wiki sayfası dahil.
  • Bir grafik menü yükleme ve onu wiki işaretlemesi ile biçimlendirme.

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

Resmin aynı boyutta parçalara bölünebilmesi için menü öğelerinin yerleşimini hemen planlamalısınız. Bu, menünün akıllı telefonların veya tabletlerin ekranında düzgün şekilde ölçeklenebilmesi için önemlidir.

Bir sütunda öğeler içeren VK topluluğunun dikey menüsü

Resmi düzenleyicide açın. Menü öğelerini arka plan üzerine yazmak için editörün "Metin" aracını kullanın. Menü etiketlerini görünür kılmak için birkaç şekilde vurgulanabilirler:

  • Bir çerçeve ile anahat;
  • Harflerin altındaki arka plan rengini değiştirin;
  • Harflere gölge ekleyin.

Aşağıdaki ekran görüntüsünde, her öğe bir şekilde vurgulanmıştır.

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


Bir görüntüyü kesme işlemi, uygun bir çevrimiçi araç olan www.imgonline.com.ua/cut-photo-into-pieces.php kullanılarak da gerçekleştirilebilir.

Ardından, "Topluluk Yönetimi" menüsünde "Bölümler" öğesine gidin ve "Materyaller" öğesinde "Kısıtlı" öğesini seçin (bu, yalnızca grup yöneticisinin sayfaları oluşturabileceği ve düzenleyebileceği anlamına gelir).

Kaydet'e tıklayın ve ana gruba gidin. Grupla ilgili bilgilerin olduğu bölümün yanında "Yeni 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 gerekli bölümün bağlantısını belirtin.

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

Her resim etiketi "[[" ile başlar ve "]] ile biter," | " ile ayrılmış üç bölümden oluşur: resim kimliği, özellikler ve bağlantı. Resimlerin boyutunu düzeltmek ve özelliklerine "nopadding" etiketini eklemek gerekir. Resimlerin özellikleri ";" ile listelenmiştir.

Değişiklikleri kaydettikten sonra menünün oluşturulması tamamlanmıştır.

Öğelerin yatay veya çok satırlı düzenine sahip menü

Bu durumda görüntülerin hazırlanması aynı şekilde ancak kaynaktan ve dikey olarak kesilerek yapılır. Dilimlenen dilimler sayfa düzenleme arayüzü üzerinden 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ılı resim etiketi, bir tablo hücresinin içine yerleştirilir.

Tablo tasarım kuralları:

  • Başlangıç ​​"(|", tablonun sonu - "|)" sembolü ile gösterilir.
  • Ek özellikler "| ~"den sonra 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ütunlu, 2 satırlı bir grafik menünün işaretlemesi şöyle görünür:

Ve gruptaki menünün kendisi:

VK halkının tasarımı için yeni tasarımda grubun avatarının boyutu

Vkontakte toplulukları iki avatar kullanır:

  • Kapak yüklü değilse, sağ üstte gösterilen 200 x 500 noktalı büyük dikdörtgen afiş.
  • Küçük resim 200x200 piksel, gönderilerde ve tartışmalarda daire şeklinde gösterilir.