تا سال گذشته در شبکه اجتماعی VK مملو از آواتارها و بنرهایی بود که انتخاب آنها سخت و ناخوشایند بود. بسیاری از تصاویر زیبا باید در اندازه‌های خاصی تنظیم می‌شدند، اما همه آنها مناسب به نظر نمی‌رسند - آنها کشیده، کوچک شده و "غمگین" به نظر می‌رسند.
از سال گذشته، یک تغییر انقلابی رخ داده است که منجر به منفی های زیادی شده است. اما با گذشت زمان، بسیاری متوجه شدند که چقدر راحت، روشن و خلاقانه است. پس از همه، شما به راحتی می توانید یک تصویر استاندارد یا اصلی را انتخاب کنید، نه یک بنر ساده.
اکنون پس از بارگذاری جلد، زیر آن کتیبه ای با نام انجمن، مینیاتوری از تصویر شما و همچنین چندین دکمه کاربردی "پیام بنویس" و "پیوستن به گروه و با سمت راستیک کنترل پنل گروهی وجود دارد.
امروز وب سایت ما پوشش های آماده ای را برای جوامع VK ارائه می دهد که روشن، جذاب و دارای طراحی منحصر به فرد هستند. در کاتالوگ تمامی دسته ها بر اساس نام ساختار بندی شده اند و امکان انتخاب بر اساس رنگ نیز وجود دارد. بنابراین، شما مجبور نیستید مجموعه را مرور کنید و به دنبال آن بگردید کاغذ دیواری خوباز هزار عکس
حداکثر بارگیری کنید
نصب تصاویر پس زمینه آماده در VK آسان است. شما مجبور نیستید عکس ها را سفارشی کنید، فقط عکسی را که دوست دارید از وب سایت ما دانلود کنید، سپس شبکه اجتماعی، گروه خود را باز کنید.
به طور کلی، شما باید از قبل در مورد نصب کاغذ دیواری برای یک گروه فکر کنید - حتی قبل از اینکه جامعه شما عمومی شود، زیرا این طرح است که در وهله اول توسط بازدیدکنندگان به خاطر سپرده می شود. تبدیل به کارت ویزیت شما می شود که به راحتی قابل تشخیص خواهد بود. اما تغییر طرح در یک گروه موجود آسان است. و اگر به سایت ما بیایید، نمی توانید بدون والپیپرهای منحصر به فرد آنجا را ترک کنید.
فقط بهترین - برای شما
تمام جلدهای ما تصاویر بی نظیری هستند، آنها با عمق توسعه تصویر و وضوح افزایش یافته متمایز می شوند. صفحه نمایش با وضوح بالا)، که سهولت نصب را به عنوان یک طراحی گروهی تضمین می کند.
در عین حال، هیچ تبلیغات سرزده با تصاویر پر زرق و برق و پرش وجود ندارد. کاغذ دیواری به سرعت نصب می شود و نیازی به دانش نصب خاصی ندارد. با ما راحت است ما ثبت نام یا خدمات پولی نداریم، همه چیز بدون هیچ مشکل اضافی دانلود می شود. ما دائماً مجموعه خود را با تصاویر شیک و روشن تکمیل می کنیم که برای افراد جوان و فعال ، طرفداران کلاسیک و دوستداران اصالت جذابیت دارد.
تصاویر پس زمینه ما برای VK برای گروه های جدی با موضوع تجاری، برای جوامع سرگرمی، برای تیم های جوانی که در حال افزایش هستند و همچنین برای کسانی که قبلاً موقعیت خود را در جامعه اجتماعی گرفته اند مناسب است. نکته اصلی این است که به یاد داشته باشید که هدف گروه چیست - فروش هر کالایی، اطلاع رسانی به مشترکین خود در مورد حقایق جالبیا سرگرم کردن این به شما این امکان را می‌دهد که مجموعه‌های ارتباطی را بین تصویر طراحی و جهت "کار" جامعه متعادل کنید و با موقعیتی روبرو نشوید که یک گروه تجاری جدی یک جن وحشتناک در خیابان خود داشته باشد.
پوشش های گروه های VK یک راه شخصی برای خودآگاهی است. با نصب یک عکس اختصاصی، می توانید به طور موثر از بقیه متمایز شوید، سلیقه بی عیب و نقص خود را نشان دهید و افراد بیشتری را به جامعه خود جذب کنید. و با افزایش مخاطبان، می توانید درآمد خود را افزایش دهید.
دریغ نکنید - دانلود کنید، آپلود کنید و لذت ببرید.
سلام به همه امروز به شما نشان خواهم داد که چگونه یک آواتار بزرگ را در گروه VKontakte خود قرار دهید! احتمالاً همه شما متوجه شده اید که برخی از گروه ها، به جای آواتار مستطیلی معمولی در سمت راست، یک تصویر گسترده دارند. به نظر می رسد (مثال گروه من): 
قبل از اینکه بتوانید چنین آواتاری را قرار دهید، باید تصویری با اندازه های مناسب پیدا کنید یا بکشید. خود Contact ابعاد زیر را توصیه می کند: 1590x400 پیکسل، تصویر باید در فرمت JPG، GIF یا PNG باشد. اگر چنین تصویری را مثلاً در فتوشاپ ترسیم می کنید، ابعاد پیشنهادی را تنظیم کنید، اما اگر می خواهید یک عکس آماده و مناسب پیدا کنید، در هنگام جستجو، به شما توصیه می کنم ابعاد را تعیین کنید: 16000×400، در غیر این صورت شما چیزی پیدا نخواهد کرد
نصب و راه اندازی
بنابراین، وقتی از قبل یک عکس دارید، تنها چیزی که باقی می ماند نصب آن است - انجام این کار بسیار آسان است! به گروهی که می خواهید یک آواتار بزرگ در آن قرار دهید (شما باید مدیر یا خالق باشید) بروید و در منوی سمت راست روی 3 نقطه کلیک کنید و - Community Management را انتخاب کنید: 
در مرحله بعد، شما باید پوشش انجمن (این آواتار بزرگ است) را با کلیک کردن انتخاب کنید - آپلود: بعد، کلیک کنید - انتخاب فایل: 
تصویر مورد نظر را در رایانه انتخاب کنید، آن را در صورت نیاز برش دهید (اگر تصویر دارای ابعاد توصیه شده است، پس نیازی به برش نیست) و - ذخیره و ادامه را کلیک کنید: 
پس از این، یک اعلان ظاهر می شود که نشان می دهد جلد با موفقیت بارگذاری شده است: همین، اکنون با رفتن به صفحه اصلی انجمن، یک جلد بزرگ و زیبا خواهید دید. این همه، برای شما آرزوی موفقیت دارم، خداحافظ!
پوشش گروه VKontakte یک عنصر طراحی جدید برای گروه پس از طراحی مجدد است. به نظر می رسد که گرفتن یک تصویر باید آسان باشد، اما در عین حال یافتن عکس کامل بسیار دشوار است.
جلد VKontakte یکی از اولین چیزهایی است که افراد هنگام بازدید از گروه شما می بینند. به همین دلیل است که بسیار مهم است که تأثیر خوبی بر بازدیدکننده بگذارد، درک روشنی از موضوع و علاقه گروه را منتقل کند.
در آوریل 2017، در دسترس جوامع قرار گرفت. این یک ویژگی کاملاً جدید و فرصتی عالی برای احیای (به معنای واقعی کلمه) طراحی گروه خود به منظور افزایش کارایی و تأثیر تبلیغات است.
از این مقاله سه چیز دریافت خواهید کرد:
- اندازه جلد برای گروه VKontakte؛
- دستورالعمل نحوه ایجاد پوشش VKontakte و نحوه انتخاب تصویر عالی.
- نمونه هایی از گروه ها با پوشش های با کیفیت بالا.
پوشش یک گروه VKontakte چقدر است؟
اندازه تصویر بهینه برای یک جلد VKontakte ممکن است متفاوت باشد. در رایانه ها، تصویر جلد با عرض 795 پیکسل و ارتفاع 200 پیکسل نمایش داده می شود. در تلفن های همراه، متناسب با عرض صفحه نمایش تنظیم می شود. با این حال، VKontakte آپلود تصویری با اندازه حداقل 1590x400 پیکسل را توصیه می کند.
مشاوره: اگر تصویری را پیدا کردید که واقعاً دوست دارید، اما نسبت های آن به اندازه های توصیه شده نیست، همچنان می توانید از آن استفاده کنید! با آپلود این تصویر، می توانید ناحیه قابل مشاهده را انتخاب کنید و با استفاده از ابزارهای داخلی VKontakte، تمام قسمت های غیر ضروری را برش دهید.
هنگام توسعه طراحی جلد، به خاطر داشته باشید که در دستگاه های تلفن همراه با عرض صفحه نمایش کمتر از 400 پیکسل، لبه های تصویر در 196 پیکسل برش داده می شود و تقریباً 83 پیکسل توسط نمادهای سیستم تلفن اشغال می شود. راحتی را برای کاربران موبایل در نظر بگیرید. در VKontakte اینها اکثریت هستند.
اطمینان حاصل کنید که متن روی جلد به اندازه کافی در صفحه تلفن همراه قابل خواندن است، زمانی که جلد با عرض آن سازگار است. همچنین بررسی کنید که عناصر مهم روی جلد توسط نمادهای منو و پیام‌های شخصی پنهان نشده باشند.
در زیر یک مثال بصری از ظاهر پوشش در رایانه و ابعاد از لبه تا عناصر فعال گروه نشان داده شده است.
ابعاد پوشش VKontakte در رایانه نحوه ساخت پوشش برای گروه VKontakte
اگر مهارت های طراحی دارید، با استفاده از نرم افزارهایی مانند Adobe Photoshop. انتخاب این مسیر به شما این امکان را می دهد که طرحی را برای کسب و کار خود به شکلی که تصور می کنید ایجاد کنید.
اگر نمی خواهید فتوشاپ بخرید و یاد بگیرید، از خدمات آنلاین استفاده کنید. اینجا روشن در حال حاضراین محبوب ترین سرویس است.
قالب های جلد برای گروه VKontakte
به منظور کمک به شما در توسعه طراحی، ما یک الگو برای جلد یک گروه در VK (1590x400px) ایجاد کرده ایم.
بیایید در مورد چند جزئیات اضافی در مورد کار با الگوی خود صحبت کنیم:
- وقتی قالب را باز می کنید ظاهر طرح خود را خواهید دید. برای ارزیابی ظاهر آن، لازم نیست جلد را در گروه آپلود کنید.
- برای ایجاد کاور خود، روی لایه “cover” دوبار کلیک کنید. این شما را به داخل شی هوشمند می برد.
- سپس می توانید شروع به ایجاد کنید، تمام اندازه ها در داخل نشان داده شده است.
شما می توانید این و سایر قالب ها را در مقاله دانلود کنید:.
عکس های شما
ما درک می کنیم که همه نمی توانند طراح باشند. اما این بدان معنا نیست که همه نمی توانند یک پوشش زیبای جامعه VK داشته باشند. در اینجا چند مکان وجود دارد که می توانید برای ایجاد هدر خود به آنها نگاه کنید، و همچنین نکاتی برای نشان دادن اینکه این رویکرد می تواند برای شما و کسب و کار شما منطقی باشد.
به عنوان مثال، اگر گروه شما درباره کتاب است، می توانید از قفسه های کتاب خود عکس بگیرید و از آن عکس به عنوان عکس روی جلد استفاده کنید. این نشان می دهد که شما اهل کتاب هستید و می توانید انتظار داشته باشید که سایر طرفداران کتاب به خوبی به عکس پاسخ دهند.
vk.com/best_psalterium عکس های استوک
اگر هیچ عکس شخصی ندارید که بخواهید از آن استفاده کنید، آنها را در استوک های عکس (سایت های دارای تصاویر رایگان) جستجو کنید، در آنجا می توانید تصویر عالی برای پوشش جامعه VK را پیدا کنید. سایت های مورد علاقه من برای یافتن عکس های زیبا Unsplash و Pixabay هستند.
می‌خواهم شما را تشویق کنم که همه عکس‌های انتخابی را تغییر دهید/بهبود دهید تا شخصی‌تر شوند. می توانید از ابزار ویرایشگرهای آنلاین Fotor، Pablo یا Canva استفاده کنید. اگر بخواهید، حتی می توانید با این ابزارها عکاسی خود را بهبود ببخشید. به عنوان مثال، یکی از نقل قول های مورد علاقه خود را انتخاب کنید و آن را روی عکس اضافه کنید.
نحوه انتخاب پوشش
اکنون که می دانیم چگونه برای یک گروه VKontakte پوشش بسازیم، سؤال این است که چه محتوایی را برای آن انتخاب کنیم؟ آیا عکس هایی وجود دارند که بهتر از دیگران کار کنند؟
بیایید به چند نکته مهم توجه کنیم:
- ابعاد پوشش مورد نیاز (1590px عرض و 400px ارتفاع) را حفظ کنید.
- انتخاب تصاویر با کیفیت بالا؛
- تصویر را با عناصر بصری بیش از حد بار نکنید.
- با تمرکز بر طراحی کلی گروه VKontakte، تصویری را برای جلد انتخاب کنید.
- از تصاویری استفاده کنید که اصلی و مرتبط با برند شما هستند.
چه نوع تصاویری افراد را جذب می کند
در اینجا برخی از مؤلفه هایی وجود دارد که تصاویر را جذاب می کند:
- احساسات: احساسات افراد را وادار به عمل می کند.
- ارتباط: از جمله آنچه که با علایق مخاطبان شما مطابقت دارد.
- رنگ ها: انتخاب رنگ مناسب منجر به افزایش تبدیل می شود.
- تایپوگرافی: انتخاب فونت مناسب پیام شما را واضح می کند.
- هشتگ و متن: کلمات مناسبی را بیابید که مخاطب شما را برای انجام عمل هدف تحریک کند.
این مؤلفه‌ها می‌توانند هنگام ایجاد پوشش جامعه VKontakte مورد استفاده قرار گیرند تا افراد احساس خاصی داشته باشند یا اقدامات خاصی انجام دهند.
به عنوان مثال، کوکاکولا از لوگوی قرمز رایج روی جلد با عنوان «طعم... احساس» استفاده می‌کند و یک زوج شاد که نوشیدنی را در پس‌زمینه نگه می‌دارند. این البته به این امید است که مردم نوعی ارتباط را در ذهن ایجاد کنند که نوشیدن کولا به معنای خوشبختی است. و موثر است!
vk.com/cocacola مردم به کجا نگاه می کنند؟
هنگامی که به یک جلد عالی می رسید، نگاه کردن به برخی تحقیقات می تواند جالب باشد. من موفق شدم چیز جالبی در مورد این موضوع پیدا کنم. این به زبان انگلیسی است، اما من به طور خلاصه اصل را بیان می کنم.
مشخص شده است که اگر بخواهید توجه را به عنصر خاصی در یک تصویر جلب کنید، با استفاده از اصل صف بصری، نگاه فردی که در عکس به عنصر نگاه می کند، بیننده را به آن مکان هدایت می کند. می تواند باشد به روشی جالباستفاده از دیدگاه یک شخص در جلد برای یک گروه VKontakte.
Kissmetrics همچنین دریافت که افزودن عنصری که "پاپ" در جلد می‌تواند موثر باشد. نکته مهم این است که باید یک عنصر وجود داشته باشد و عنصری که خواستار اقدام باشد.
در مثال زیر، الکترونیک آرتز این را می‌داند و به مردم نشان می‌دهد که می‌توانند بازی جدید FIFA17 را خریداری کنند.
vk.com/easportsfifa فکر کردن خارج از چارچوب
پوشش های گروه VKontakte به روشی عالی برای بیان خود تبدیل شده است، راهی برای برجسته شدن. در اینجا چند راه اصلی آورده شده است.
استفاده شخص معروفدر طراحی یک صفحه عمومی محبوب در مورد استارتاپ ها 
تغییر پوشش برای مناسبت های خاص، رویدادهای آینده، تبلیغات یا تعطیلات 
استفاده از صفحه جلد برای ارسال افراد به سایت شما 
استفاده از جلد برای نشان دادن پیشنهاد ویژه خود 
از بازدیدکنندگان خواسته می شود که به گروه بپیوندند یا پیام بنویسند. نمونه هایی از گروه ها با پوشش های با کیفیت بالا
اکنون که می دانیم چگونه یک جلد خوب برای گروه VKontakte بسازیم، می توانیم به برخی از صفحاتی که از تصاویر باکیفیت و ساده استفاده می کنند نگاهی بیندازیم. امیدواریم در آنها الهام بگیرید.
vk.com/adsnews 
vk.com/wbrussia 
vk.com/sci_one 
vk.com/businessgazeta 
vk.com/cds از آنجا که ما اکنون کارهای سفارشی انجام می دهیم، در صورت داشتن سوالات شما در مورد طراحی شبکه های اجتماعی می توانیم پاسخ دهیم. می توانید آنها را به ایمیل ما ارسال کنید یا آنها را در نظرات اینجا بنویسید. ما با هم می توانیم پوشش عالی برای گروه VKontakte شما ایجاد کنیم و تأثیر تلاش های شما برای تبلیغ آن را افزایش دهیم.
اوگنیا کریوکووا
*به روز رسانی مقاله
طراحی زیبای انجمن VKontakte یک هوی و هوس نیست، بلکه عنصر مهمی است که باعث ایجاد اعتماد کاربر در شما و شرکت شما می شود. اگر یک صفحه یا گروه عمومی غیرحرفه ای طراحی شده باشد، مشتریان بالقوه شما ممکن است کاملا منطقی به این نتیجه برسند که شما به همان اندازه در کار خود سهل انگاری می کنید. برای جلوگیری از این اتفاق، مطمئن شوید که صفحه VKontakte شما زیبا، مرتب و آسان برای استفاده است. چگونه این کار را انجام دهیم؟ زیر را بخوانید.
اندازه های فعلی تصاویر VKontakte
مدتی پیش، توسعه دهندگان شبکه اجتماعی VKontakte طراحی جدیدی را راه اندازی کردند. این امر منجر به تغییراتی در اندازه و اصول نمایش تصویر شد. یادداشت، که در زیر ارائه خواهد شد، با تمام نوآوری ها مطابقت دارد و شامل اندازه هایی است که در حال حاضر مرتبط هستند.
حالا بیایید به جزئیات بیشتر در مورد هر نقطه بپردازیم.
اندازه آواتار VK
حداقل اندازه آواتار 200 در 200 پیکسل است. اگر بخواهید تصویری با عرض یا طول کمتر از 200 پیکسل آپلود کنید، با خطای زیر مواجه خواهید شد:
حداکثر اندازه آواتار 200 در 500 پیکسل است. اما، در اصل، شما می توانید تصاویر و اندازه بزرگتر- حداکثر 7000 پیکسل در هر طرف. نکته اصلی این است که نسبت تصویر از 2 به 5 تجاوز نمی کند.
من با یک مثال به شما نشان می دهم.
من یک تصویر دارم. اندازه آن: 200 در 800 پیکسل (نسبت 2 به 8). هنگام بارگذاری هیچ خطایی وجود ندارد. با این حال، من هنوز نمی توانم از این تصویر استفاده کنم، زیرا "Contact" به من اجازه نمی دهد آن را به طور کامل انتخاب کنم.
پوشش
اندازه جلد برای نسخه کامل سایت 1590 در 400 پیکسل است.
توجه داشته باشید: در نسخه موبایل و اپلیکیشن ها، نسخه کامل کاور نمایش داده نمی شود، بلکه تنها بخشی از آن در ابعاد 1196 در 400 پیکسل نمایش داده می شود. نحوه برش آن در اپلیکیشن موبایل را ببینید:
برای جلوگیری از این اتفاق، عناصر اصلی پوشش خود را در 1196 در 400 پیکسل قرار دهید.
تصاویر پیوست شده
در طراحی به روز کنتاکت، عرض فید خبر ثابت شده است. این به این معنی است که تصاویر پیوست شده به پست دیگر کشیده نمی شوند، بلکه همانطور که هستند باقی می مانند. بنابراین، اگر می خواهید تصویر شما تمام فضای خود را در فید خبر پر کند، عرض آن باید حداقل 510 پیکسل باشد. اگر در جهت افقی مربع یا مستطیل باشد بهتر است.
کمی گیج کننده به نظر می رسد :) بنابراین من با یک مثال به شما نشان خواهم داد.
فرض کنید یک تصویر مربع شکل با اضلاع 510 پیکسل داریم. اگر آن را به پست خود ضمیمه کنیم، در فید خبری همه دستگاه ها بسیار خوب به نظر می رسد:
و این همان چیزی است که یک تصویر افقی در جهت افقی به نظر می رسد (عرض 510 پیکسل):
همانطور که می بینید، هرچه تصویر باریکتر (از نظر ارتفاع) در فید گوشی هوشمند کوچکتر به نظر می رسد. برای مشاهده این موضوع به تصویر زیر نگاه کنید:
واضح است که تفاوت در اینجا بسیار مهم نیست و کاربران گوشی های هوشمند همچنان به تصویر شما نگاه می کنند، فقط در مورد دوم کمی راحت تر خواهند بود.
تصاویر برای پست های دارای پیوند
همه این داده ها از کد نشانه گذاری Open Graph می آیند:
اگر Open Graph مشخص نشده باشد، عنوان از متا تگ Title و تصویر از مقاله گرفته می شود. در همان زمان، می توانید به راحتی آن را تغییر دهید - یا با استفاده از فلش های ویژه، تصویر دیگری را از مقاله انتخاب کنید:
یا مال خودتون رو آپلود کنید:
حداقل اندازه تصویری که می توانید به عنوان اعلامیه مقاله خود استفاده کنید 537 در 240 پیکسل است. با این حال، تا زمانی که نسبت ها حفظ شود، می توانید تصاویر بزرگتر را آپلود کنید.
تصویر برای مقاله ایجاد شده در ویرایشگر
اندازه تصویر برای جلد مقاله ایجاد شده در ویرایشگر 510 در 286 پیکسل است. بهتر است رنگ آن تیره و کم و بیش تک رنگ باشد، زیرا نام مقاله و انجمن در زمینه روشن گم شده است.
مثال خوب:
مثال خیلی خوبی نیست:
اندازه عکس و ویدیو برای داستان ها
اندازه عکس ها 1080 در 1920 پیکسل است. اندازه ویدیو 720 در 1280 پیکسل است.
مشخصات فنی فیلمبرداری:
- حداکثر 15 ثانیه؛
- حداکثر 5 مگابایت؛
- کدک h.264;
- صدای AAC.
داستان‌ها باید از عکس‌ها و ویدیوها با فرمت عمودی استفاده کنند.
لطفاً توجه داشته باشید: داستان ها از طرف جوامع در حال حاضر فقط توسط جوامع بزرگی که توسعه دهندگان VKontakte این عملکرد را برای آنها باز کرده اند، می توانند اضافه شوند. و این با استفاده از برنامه رسمی انجام می شود. این کار را نمی توان از طریق کامپیوتر انجام داد.
نمونه هایی از پوشش های پویا:
جلد + توضیحات انجمن + لینک وب سایت
برخی از شرکت ها به طور خاص هیچ پستی را در هدر پین نمی کنند تا کاربران این فرصت را داشته باشند که اطلاعات اولیه صفحه را بخوانند و بلافاصله به سایت مراجعه کنند.
توضیحات با هشتگ
برخی از شرکت ها هشتگ هایی را به شرح استاندارد صفحه اضافه می کنند که مشخصه آن است. این کار به این منظور انجام می شود که صفحه ارتباط واضح تری داشته باشد و به همین دلیل در جستجوی پرس و جوهای مرتبط بالاتر است. راستش من نمیدونم این روش جواب میده یا نه. من هیچ موردی در این موضوع ندیده ام، بنابراین اگر کسی می داند، اگر لینک را به اشتراک بگذارد، ممنون می شوم.
پست پین شده که نشان می دهد صفحه درباره چه چیزی است
اگر می‌خواهید در مورد صفحه خود با جزئیات بیشتری بگویید (با عکس‌ها، لینک‌ها و طرح‌بندی زیبا)، می‌توانید یک پست ویکی یا مقاله‌ای که در ویرایشگر ایجاد شده است را با یک تصویر روشن روی اعلامیه که باعث تشویق کاربران می‌شود، به سربرگ پیوست کنید. تا روی آن کلیک کنید. نمونه ای از چنین پستی:
و این چیزی است که کاربر پس از کلیک بر روی پیوند می بیند:
منوی پیوندهای جدید
چندی پیش، توسعه دهندگان VKontakte بالاخره صاحبان جامعه را با ابزار جدیدی خوشحال کردند که با آن می توانید منوها را ایجاد کنید - به سرعت و بدون هیچ زحمتی با صفحات ویکی. تا حدودی ابتدایی به نظر می رسد، بنابراین من همچنین به شما خواهم گفت که چگونه یک منوی زیبا ایجاد کنید.
اگر از برنامه‌های انجمن استفاده می‌کنید یا فروشگاهی متصل دارید، منو به‌طور خودکار ظاهر می‌شود. به عنوان مثال، در تصویر قبلی، هر سه آیتم منو پیوندهایی به برنامه ها هستند. می توانید قسمت خود را در اینجا اضافه کنید - برای پست های مهم، آلبوم ها، بحث ها و غیره، تا 7 قطعه (بدون احتساب برنامه). اما شما فقط می توانید به منابع درون شبکه اجتماعی پیوند دهید، به جز صفحات ویکی.
برای ویرایش منو، روی “Customize” در گوشه سمت راست بالای ویجت کلیک کنید:
برای افزودن یک آیتم منو، روی پیوند جدید کلیک کنید.
در پنجره ای که باز می شود، یک تصویر روی جلد (حداقل اندازه – 376x256 پیکسل) را انتخاب کنید، نام آیتم منو را وارد کنید (مهم است که آن را در 20 کاراکتر با فاصله نگه دارید)، یک پیوند اضافه کنید و روی «ذخیره» کلیک کنید.
اگر می‌خواهید برنامه‌ای را از منو پنهان کنید، عنوان یا جلد آن را تغییر دهید، روی «ویرایش» در کنار مورد مربوطه کلیک کنید. همین کار را می توان با پیوندهای دیگری که به صورت دستی اضافه شده اند و نیاز به تنظیمات دارند انجام داد.
خروجی باید چیزی شبیه این باشد:
منوی گروه باز است
من یک منوی باز را منویی می نامم که بلافاصله نشان می دهد از چه مواردی تشکیل شده است. یعنی تصویر اعلام پست ویکی محتوای آن را کاملا کپی می کند. بنابراین، کاربران بلافاصله می بینند که در داخل چه چیزی در انتظار آنها است. من با یک مثال به شما نشان می دهم.
این چیزی است که یک پست پین شده در هدر صفحه Flatro به نظر می رسد:
منوی گروه بسته است
منوی بسته همان پست ویکی در پاراگراف قبلی است، فقط اعلامیه حاوی یک تصویر بدون آیتم های منو است. معمولاً روی آن می نویسند: "منو"، "منوی ناوبری" یا "ناوبری از طریق مواد عمومی".
و این چیزی است که وقتی روی آن کلیک می کنیم می بینیم:
به هر حال، شایان ذکر است که اینها از تنها گزینه ها فاصله دارند. در اصل، شما می توانید هر چیزی که می خواهید روی این تصویر بنویسید. نکته اصلی این است که کاربر می خواهد روی آن کلیک کند و می فهمد که پس از آن چه چیزی در انتظار او است. مثال:
منوی ادغام شده برای یک گروه
منوی ادغام شده زمانی است که تصویر روی اعلام منوی شما یک تصویر با آواتار تشکیل می دهد. در زیر با جزئیات به شما خواهم گفت که چگونه چنین منویی درست کنید، اما در حال حاضر فقط ببینید چقدر زیبا به نظر می رسد.
آیا می خواهید انجمن VKontakte خود را به زیبایی طراحی کنید، اما مهارت های لازم را ندارید؟ ثبت سفارش از شرکت ما ما برای شما یک آواتار، جلد، الگوهایی برای سرفصل ها، منوها و پیش نمایش محصول آماده خواهیم کرد.
GIF و آواتار در یک تصویر
اما این گزینه طراحی برای کلاه واقعاً من را خوشحال کرد. GIF پخش شده به طور خودکار با آواتار در یک ترکیب واحد ادغام می شود و توجه کاربران را به خود جلب می کند، حتی اگر اصلاً اطلاعاتی در مورد آن وجود نداشته باشد.
به هر حال، من این نمونه را در گروه بازاریاب SMM سرگئی شماکوف مشاهده کردم. بنابراین، من از او برای یافتن تشکر می کنم :)
منوی مخفی
منوی مخفی فقط برای گروه ها در دسترس است (صفحات این قابلیت را ندارند). برای دیدن آن باید روی لینک مربوطه کلیک کنید. مزیت این روش طراحی این است که کاربران می توانند اطلاعات اصلی جامعه را ببینند و اگر بخواهند از منو استفاده کنند فقط باید یک کلیک انجام دهند. با این حال، یک نقطه ضعف کوچک در اینجا وجود دارد - همه کاربران از وجود این عملکرد اطلاعی ندارند، بنابراین ممکن است منوی شما نسبت به زمانی که در بالای صفحه پین شده باشد کمتر مورد توجه قرار گیرد.
پخش خودکار ویدیو
در پایان نوامبر 2015، یک نوآوری جالب در شبکه اجتماعی VKontakte ظاهر شد - به محض اینکه کاربر از صفحه شما بازدید می کند، ویدیوی متصل به هدر به طور خودکار شروع به پخش می کند. با استفاده از این تکنیک می توانید توجه کاربران را بیشتر جلب کنید (مخصوصاً کسانی که برای اولین بار از صفحه شما بازدید کرده اند) و در عین حال کسانی را که دوست ندارند محتوای آنها به آنها تحمیل شود را عصبانی نکنید، زیرا ویدیو پخش می شود. بدون صدا و عملا تداخل ندارد.
چگونه می توان چنین ویدئویی را به سربرگ صفحه خود اضافه کرد؟
برای این کار سه شرط باید رعایت شود:
- ویدیو را به پست پیوست کنید و این پست را به بالای انجمن پین کنید.
- به غیر از ویدیو، چیز دیگری نباید به ضبط ضمیمه شود. فقط ویدیو و متن اختیاری است.
- ویدئو باید در VKontakte آپلود شود - پخش کننده های شخص ثالث پشتیبانی نمی شوند.
پستی که به اشتراک گذاری زیادی دارد
راه دیگر برای استفاده مؤثر از فضا در هدر صفحه، پین کردن یکی از موفق‌ترین پست‌های خود در آن است - پستی که قبلاً تعداد زیادی لایک و اشتراک‌گذاری دریافت کرده و همچنان ادامه دارد. فکر می‌کنم چرا این کار را می‌کنید، فکر می‌کنم همه می‌دانند - هرچه ارسال مجدد بیشتر، دسترسی بیشتر باشد، اشتراک‌های بیشتری را صفحه دریافت می‌کند.
اطلاعیه های ویدیوها، آلبوم ها، رویدادهای جدید
ارائه محصولات/خدمات جدید
تخفیف و تبلیغات
موارد، نظرات مشتریان
تبلیغات اپلیکیشن
قرعه کشی می کند
قوانین جامعه
پیوند به سایر شبکه های اجتماعی
من تمام گزینه های طراحی هدر را فهرست نکرده ام. اساساً، شما می توانید هر نوع اطلاعاتی را در صفحه جلد و پست پین شده خود قرار دهید: فرصت های شغلی، اطلاعیه ها، لینک های محصولات پرفروش و غیره. بنابراین خود را به مثال های بالا محدود نکنید. از تخیل خود استفاده کنید و از طراحی جامعه خود برای رسیدن به اهداف خود استفاده کنید.
آواتار باید چگونه باشد؟
آواتار نه تنها یک تصویر زیبا با لوگوی شرکت شما است، بلکه ابزار کاری یک بازاریاب است که با آن به اهداف خود می رسد. بیایید با جزئیات به این نگاه کنیم که برای جلب توجه کاربران و تشویق آنها به انجام عمل هدف چگونه باید باشد. بیایید با مینیاتور شروع کنیم.
تصویر کوچک آواتار
- متن روی تصویر کوچک آواتار شما باید به اندازه کافی بزرگ باشد که خوانده شود.
- متن نباید فراتر از تصویر کوچک باشد.
- کاربران باید آنچه را که در آواتار نشان داده شده است درک کنند.
- در صورت امکان، بهتر است از تصاویر استوک استفاده نکنید، زیرا اغلب اعتبار شرکت را کاهش می دهند.
- نامطلوب است که تصویر کوچک آواتار بیش از حد محو و خسته کننده باشد، در غیر این صورت در پس زمینه آواتارهای روشن تر رقبا از بین می رود.
- اگر می‌خواهید آواتارتان مدرن به نظر برسد، آن را به سبک مینیمالیستی بسازید: کمتر متن، سایه‌ها، گرادیان‌ها و عناصری که بار معنایی ندارند. آواتار شما باید تا حد امکان ساده و مرتب باشد. این سبک در حال حاضر مرسوم است.
- اگر هدف شما جلب توجه کاربران و متمایز شدن از دیگر آواتارها در فید است، باید از تخیل خود استفاده کنید. به این فکر کنید که خودتان وقتی به دنبال جوامع جالب می گردید به چه چیزی توجه می کنید؟ به عنوان مثال، من بارها و بارها جذب آواتارهایی با نور سوزان شده ام، که معمولاً نشان می دهد که یک پیام جدید رسیده است. این یک تکنیک بسیار قدیمی است، اما به دلایلی هنوز روی من تأثیر می گذارد - وقتی چنین نوری را می بینم، قطعاً نگاهم را به آن نگاه خواهم کرد.
من نمی گویم که این تکنیک در صفحه شما کار خواهد کرد. نکته ای که می خواهم به آن بپردازم این است که راه های بسیار زیادی برای برجسته شدن وجود دارد، فقط باید از خود بپرسید و کمی خلاق باشید. به عنوان مثال، این یکی دیگر است ایده جالب، که من به سختی در مورد خودم فکر می کردم:
آواتار یک دایره سیاه است: بزرگ و کوچک. به نظر می رسد، اصلاً چرا این کار را انجام دهید؟ اما هنگامی که در لیست جوامع حرکت می کنید، چنین آواتارهایی توجه را به خود جلب می کنند زیرا با بقیه تفاوت های زیادی دارند.
چه اطلاعاتی را می توان در تصویر کوچک آواتار قرار داد؟
حتی اگر تصویر کوچک آواتار بسیار کوچک است، می‌تواند (و باید) برای جذب فالوور به جامعه‌تان استفاده شود. چگونه این کار را انجام دهیم؟ بیایید به چند گزینه نگاه کنیم:
اعلام یک محصول/خدمات/رویداد جدید
مزایای شرکت/خدمات/صفحه
شماره تلفن شرکت
قیمت های مناسب
ارسال رایگان
ضمناً اغلب اوقات اطلاعاتی که شرکت ارسال رایگان ارائه می دهد به نام گروه اضافه می شود تا کاربران حتماً به آن توجه کنند.
سهام
مسابقات
جای خالی
خود آواتار چگونه باید باشد؟
من نگاه کردم که تصویر کوچک آواتار باید چه باشد و چه متنی می تواند روی آن قرار گیرد. حالا بیایید به سراغ خود آواتار برویم. نسخه کاملآواتار فقط در جامعه ای نمایش داده می شود که پوشش در آن نصب نشده باشد. برای چنین مواردی است که این بخش را نوشتم. بنابراین، آواتار جامعه شما چگونه باید باشد تا کاربران فوراً بفهمند که شرکت شما مسئولانه و حرفه ای به ایجاد صفحه پرداخته است.
- آواتار باید از کیفیت بالایی برخوردار باشد. من در مورد چگونگی رسیدن به این کمی بالاتر نوشتم. برای کسانی که این قسمت را از دست داده اند، به طور خلاصه به شما می گویم - اندازه آواتار باید 2-3 برابر بزرگتر از آنچه شما برنامه ریزی کرده اید باشد.
- توصیه می شود که آواتار با منو ترکیب شود: طرح رنگی یکسان باشد، فونت ها، عناصر و غیره یکسان باشد. به همین دلیل، هدر صفحه شما مرتب تر و حرفه ای تر به نظر می رسد. مثال:
- خود آواتار و تصویر کوچک آواتار ممکن است متفاوت باشند. به عنوان مثال، می توانید یک دایره روی آواتار خود بکشید، آن را به شکلی که دوست دارید طراحی کنید، آن قسمت را به عنوان تصویر کوچک انتخاب کنید و بقیه آواتار را به سبک دیگری طراحی کنید.
- به منظور تشویق کاربران به عضویت در صفحه شما یا ارسال پیام به نماینده شرکت، می توانید یک تماس برای اقدام مربوطه را در پایین آواتار قرار دهید و آن را با فلشی که به دکمه اشاره دارد همراه کنید.
- سعی کنید اطلاعات زیادی روی آواتار خود قرار ندهید، در غیر این صورت پربار و نامرتب به نظر می رسد. فقط مهمترین نکات را به آن اضافه کنید و مطمئن شوید که بین آنها "هوا" وجود دارد.
گزینه دیگر این است که آواتار را به دو قسمت تقسیم کنید. یکی برای مینیاتور و دومی برای بقیه آواتار.
چه اطلاعاتی را می توان روی آواتار قرار داد؟
در اصل، شما می توانید هر چیزی را که می خواهید روی آواتار خود قرار دهید. برخلاف مینیاتور، اینجا واقعاً جا برای پرسه زدن وجود دارد. نکته اصلی این است که از آن سوء استفاده نکنید :)
دامنه سایت
تلفن/آدرس/ساعت کاری
مسابقات/تبلیغات
بیشترین محصولات خریداری شده/اقلام جدید
اطلاعات تحویل
تبلیغات اپلیکیشن موبایل
مزایای اصلی شرکت/صفحه/محصول و غیره
به روز رسانی مجموعه / خلاقیت جدید و غیره
اطلاعاتی که نشان می دهد انجمن شما رسمی است
اطلاعات در مورد رویدادهای آینده
آدرس اکانت ها در سایر شبکه های اجتماعی
توضیحات صفحه گسترده
لاف می زند
به طور کلی، شما می توانید مطلقاً هر اطلاعاتی را روی آواتار خود قرار دهید. من فقط چند ایده گنجانده ام تا بتوانید ببینید دیگران چه می کنند و الهام بگیرید. خوب، توصیه های اساسی را در نظر داشته باشید: آواتار باید با کیفیت بالا باشد، فونت باید بزرگ باشد و باید "هوا" بیشتری بین عناصر وجود داشته باشد.
چگونه یک آواتار و منوی بدون درز ایجاد کنیم
برای ایجاد یک آواتار و منو ادغام شده، به Adobe Photoshop یا معادل آن نیاز دارید. من کل فرآیند را با استفاده از فتوشاپ به عنوان مثال توضیح خواهم داد. پس بیا بریم
- قالب فتوشاپی را که مخصوص این مطلب آماده کردم دانلود کنید. در اندازه معمولی (عرض منو - 510 پیکسل، آواتار - 200) یا بزرگ شده (منو - عرض 1020 پیکسل، آواتار - 400).
- تصویری را که می خواهید به عنوان پایه استفاده کنید باز کنید.
- آن را کپی کنید، آن را در قالب بچسبانید و آن را طوری قرار دهید که می خواهید برش دهید.
- افکت، متن، گرافیک و غیره اضافه کنید.
- اگر نمی خواهید بخشی از تصویر را از دست بدهید (در آن شکاف 50 پیکسلی)، آن را همانطور که در GIF زیر نشان داده شده است به سمت راست حرکت دهید:
- ابزار "برش" را انتخاب کنید و روی دکمه "Fragments along Guides" کلیک کنید.
- قطعات غیر ضروری را حذف کنید (کلیک راست ماوس - "حذف قطعه") و موارد موجود را ویرایش کنید (کلیک راست ماوس - در فضای خالی کلیک کنید - ناحیه مورد نظر را بردارید و آن را به اندازه دلخواه بکشید).
- به بخش "فایل" بروید و دستور "ذخیره برای وب" را انتخاب کنید.
- به محلی که تصاویر را در آن ذخیره کرده اید (دسکتاپ یا دایرکتوری خاص) بروید و پوشه ای به نام "تصاویر" را پیدا کنید. این جایی است که تصاویر شما خواهند رفت. اکنون تنها چیزی که باقی می ماند این است که آنها را در صفحه پر کنید.
P.S.ارتفاع آواتار به صلاحدید شما قابل تغییر است. من حداکثر اندازه را گرفتم - 500 پیکسل، اما مقدار شما ممکن است کمتر باشد. به عنوان مثال، مانند صفحه "ویکی نشانه گذاری":
نحوه استفاده از ویجت ها
ویجت ها نیز بخشی از طراحی جامعه VK هستند. با استفاده از آنها، کاربر می تواند: سفارش دهد، در خبرنامه شما مشترک شود، در یک مسابقه شرکت کند، نظرات را بخواند و بگذارد، جستجویی را در جامعه باز کند، هدیه دریافت کند، کوپن تخفیف و غیره.
در اینجا چند نمونه از ظاهر ویجت ها در صفحه VKontakte آورده شده است:
class="incut">
نحوه طراحی تصاویر برای پست ها
اگر شما یک طراح وب هستید یا ذوق هنری و حس زیبایی دارید، پس برای شما سخت نخواهد بود که یک سبک شرکتی برای تصاویر خود ایجاد کنید. با این حال، به نظر من چنین افرادی در این مقاله در اقلیت خواهند بود (اتفاقاً من نیز یکی از آنها نیستم). بنابراین، بیایید بر اساس نمونه هایی از شرکت های موفق، نگاهی دقیق تر به نحوه انجام این کار بیندازیم.
به هر حال، لطفاً توجه داشته باشید که تقریباً همه شرکت های مشهور VKontakte تصاویر خود را مارک می کنند، یعنی یک لوگوی کوچک، آدرس صفحه خود یا یک واترمارک اضافه می کنند. این امر آگاهی برند را افزایش می دهد و از تصاویر شما در برابر کپی محافظت می کند. این که آیا ارزش انجام این کار را دارد یا خیر به هر کسی بستگی دارد که خودش تصمیم بگیرد. تنها چیزی که می خواهم به شما توصیه کنم این است: اگر تصمیم به انجام این کار دارید، سعی کنید مطمئن شوید که لوگوی شما خیلی روشن نباشد و فضای زیادی را اشغال نکند، در غیر این صورت تمام تاکید بر روی آن خواهد بود و تصویر به این کار ادامه خواهد داد. جذابیت خود را از دست بدهد
از کجا می توانم تصاویر خوب تهیه کنم؟
ما یک مقاله خوب در مورد این موضوع در وبلاگ خود داریم - "". همه آنها رایگان هستند، اما برخی نیاز به ثبت نام دارند. اگر چیزی مناسب برای خود پیدا نکردید، سعی کنید با کلمه کلیدی + کاغذ دیواری (یا اگر به زبان انگلیسی، کاغذ دیواری) جستجو کنید. به طور معمول، این نوع درخواست منجر به تصاویر با کیفیت بالا می شود. اما در اینجا باید مراقب باشید و نوع مجوز را بررسی کنید، در غیر این صورت، اگر یک تجارت جدی دارید، ممکن است به مشکل بر بخورید.
کسانی که کار در فتوشاپ بلد نیستند چه کار کنند؟
اگر هرگز در فتوشاپ (یا هر ویرایشگر گرافیکی دیگری) کار نکرده‌اید و هنوز آماده نیستید تا زمانی را برای تسلط بر آن اختصاص دهید، می‌توانید از خدماتی استفاده کنید که قبلاً قالب‌های تصویری آماده برای شبکه‌های اجتماعی مختلف دارند:
1. Fotor.com
پس از آن، در سمت چپ صفحه، الگوی مورد علاقه ما را انتخاب کنید. لطفا توجه داشته باشید که فقط آن قالب هایی که نماد الماس ندارند به صورت رایگان ارائه می شوند.
ما آن را در قالب قرار می دهیم، با دکمه سمت چپ ماوس آن را انتخاب می کنیم، دستور Layer (آیکون ساندویچ) را انتخاب می کنیم و روی Move to bottom کلیک می کنیم. به این ترتیب تصویر ما در پس‌زمینه خواهد رفت و تمام کتیبه‌ها در بالای آن قرار می‌گیرند.
پس از آن، متن، فونت، اندازه فونت، موقعیت کتیبه و غیره را تغییر می دهیم.
سپس بر روی آیکون فلاپی دیسک کلیک کنید، نام، فرمت تصویر، کیفیت را انتخاب کنید و روی دکمه ورود برای دانلود کلیک کنید.
نحوه استفاده از نشانه گذاری ویکی
خوب، در اینجا به جالب ترین و در عین حال سخت ترین بخش می رسیم. شاید در بین خوانندگان افرادی باشند که نمی دانند ویکی نشانه گذاری چیست و برای اولین بار است که این اصطلاح را می شنوند. بنابراین، به خصوص برای شما، من تعریفی را که خود "Contact" ارائه می دهد، ارائه می کنم.
نشانه گذاری ویکی یک زبان نشانه گذاری است که برای قالب بندی متن در وب سایت ها (معمولاً به عنوان پروژه های ویکی طبقه بندی می شوند) استفاده می شود و امکان دسترسی آسان تر به قابلیت های زبان HTML را فراهم می کند. در سایت ما، صفحات ویکی جایگزین خوبی برای پست های معمولی و پیمایش متنی هستند. اگر نیاز به ایجاد یک مقاله بزرگ با قالب بندی متن های مختلف (پررنگ، زیرخط، عنوان و غیره) دارید یا به آن گرافیک اضافه می کنید، یا به سادگی یک منوی پیمایش رنگارنگ برای جامعه خود ایجاد می کنید، ویکی ضروری است.
درست مانند وردپرس (یا هر CMS دیگری) یک ویرایشگر HTML دارد که با آن مقاله ایجاد می کنید، Contact نیز ویرایشگر خود را برای ایجاد و ویرایش صفحات ویکی دارد. به نظر می رسد این است:
با استفاده از این ویرایشگر، منوهای ناوبری و همچنین مقالاتی با تصاویر، فیلم ها و ضبط های صوتی ایجاد می شود. در زیر به طور مفصل درباره نحوه کار در این ویرایشگر صحبت خواهم کرد، اما ابتدا از شما می خواهم که دو پیوند را نشانک کنید. آنها در یادگیری نشانه گذاری ویکی کمک زیادی به شما خواهند کرد.
امروز دوباره به موضوع طراحی گروه های VKontakte برمی گردیم. قبلاً یاد گرفته ایم. امروز یاد می گیریم که چگونه گرافیک بسازیم منو با بنر ثابت بالاو یک پیوند به یک صفحه داخلی با آیتم های منوی گسترده. به طور کلی هر اطلاعاتی می تواند در صفحه داخلی باشد. به خصوص قرار دادن کاتالوگ با طیف وسیعی از محصولات در آنجا بسیار راحت است. هم منوهای کشویی و هم منوهای چسبناک مزایا و معایب خود را دارند. عیب اصلی یک منوی کشویی این است که به طور پیش فرض در حالت بسته است. اما می توانید چندین لینک را همزمان روی آن قرار دهید.
منوی پین شدهبه دلیل برداشت کلی، تأثیرگذارتر به نظر می رسد، اما فقط می تواند یک پیوند داشته باشد که به صفحه داخلی VKontakte یا به یک سایت خارجی منتهی می شود (و پیوند به سایت خارجی از تصویر نمی آید، بلکه از پیوند متنی زیر است. تصویر). همچنین، یکی از معایب آشکار این است که در دستگاه های تلفن همراه، منوی گرافیکی به عنوان یک ورودی معمولی در فید ارائه می شود، در بالا ایستاده است، و نه آنطور که در کنار آواتار سنجاق شده است. به طور کلی، هنگام انتخاب یک طرح، باید این تفاوت های ظریف را در نظر بگیرید. بنابراین بیایید ببینیم که چگونه یک منوی بالای چسبنده با پیوند به یک صفحه داخلی ایجاد کنیم.
من گروه های VKontakte را ایجاد می کنم
طراحی با کیفیت بالا گروه های VK و صفحات عمومی، منوی پین شده، منوی کشویی، منوی گرافیکی داخلی، کاتالوگ ها، ناوبری داخلی - قیمت هاو نمونه کارها.
مرحله 1
یک سند جدید در فتوشاپ در اندازه تقریبا 900x700 پیکسل ایجاد کنید و آن را با رنگ سفید پر کنید. اکنون باید دو پنجره را در لایه برش دهیم که از طریق آنها خود طرح گرافیکی واقعی قابل مشاهده خواهد بود. ابتدا یک مستطیل با ابعاد 200x500 پیکسل (آواتار) انتخاب کنید و Del را فشار دهید. سپس یک مستطیل به ابعاد 510x352 را انتخاب کنید (آن را با خط پایین آواتار تراز کنید و فاصله بین اشکال را 50 پیکسل کنید) و همچنین Del را فشار دهید.
بعد از بروزرسانی طراحی بعدی توسط VKontakte (31 اکتبر 2016)، ابعاد بنر 510x307 (نه 510x352) شد.
مرحله 2
اکنون در زیر لایه سفید، تعدادی عکس تکی قرار می دهیم که اساس طرح را تشکیل می دهد. 
مرحله 3
پس از آن، تصویر را با عناصر مختلف تکمیل می کنیم - یک آرم، کتیبه های متنی و یک دکمه که از شما دعوت می کند روی منو کلیک کنید. سپس دو تصویر جداگانه را در رایانه ذخیره می کنیم - یکی آواتار (در سمت راست)، دومی یک منو با یک دکمه کلیک (در سمت چپ). 
مرحله 4
همچنین در فتوشاپ یک منوی گرافیکی متشکل از چندین آیتم ایجاد می کنیم. عرض این منو باید 600 پیکسل باشد، ارتفاع آن اختیاری است، بسته به تعداد موارد. برای کمک، از درس "". 
مرحله 5
منوی خود را مطابق با تعداد آیتم های منو به چندین نوار افقی برش می دهیم. به عنوان فایل جداگانه ذخیره کنید. 
مرحله 6
ما به گروه VKontakte خود می رویم، روی "مدیریت انجمن" کلیک می کنیم (با کلیک بر روی سه نقطه زیر نویسنده یک منوی کشویی باز می شود) و بررسی می کنیم که تنظیمات درست باشد. گروه باید باز باشد و مواد نیز باز باشد. 
مرحله 7
حالا یک آواتار جدید آپلود می کنیم. ماوس خود را به محل آواتار ببرید و از منوی پاپ آپ گزینه Update photo را انتخاب کنید. عکس سمت راست را از مرحله 3 بارگیری کنید، ناحیه انتخابی را تا لبه‌های تصویر به بالا و پایین بکشید، روی «ذخیره» کلیک کنید و سپس ناحیه تصویر کوچک گرد را انتخاب کنید. 
مرحله 8
اکنون باید یک صفحه داخلی ایجاد کنید. نحوه انجام این کار با جزئیات در درس توضیح داده شده است. راه جایگزین دیگری برای ایجاد یک صفحه داخلی در درس "" در مراحل 5 و 6 توضیح داده شده است. 
مرحله 9
پس از ایجاد صفحه داخلی، می توانیم به آن برویم. برای انجام این کار، باید روی منوی کشویی گروه کلیک کنید (به طور پیش فرض این مورد "آخرین اخبار" نامیده می شود - من آن را به "منو" تغییر نام دادم) و در آنجا روی پیوند "منو" کلیک کنید. پس از این به صفحه خالی جدید ایجاد شده می رویم. 
مرحله 10
حال باید یک منوی گرافیکی از پنج آیتم ایجاد کنیم. برای انجام این کار، ما پنج عکس خود را از مرحله 5 در آلبوم گروه آپلود می کنیم و روی نماد دوربین کلیک می کنیم و تصاویر برش را از رایانه بارگذاری می کنیم. تصاویر با ارجاع به گروه در جایی در سرورهای VKontakte ذخیره می شوند، بنابراین لازم نیست یک آلبوم جداگانه برای تصاویر بریده شده ایجاد کنید. شما باید تصاویر را در حالت نشانه گذاری ویکی آپلود کنید. 
مرحله 11
اکنون در حالت نشانه گذاری ویکی یک منوی گرافیکی ایجاد می کنیم. ایجاد در حالت نشانه گذاری ویکی (آیکون در گوشه سمت راست بالای دو براکت مثلثی) بسیار مهم است و نه در حالت ویرایش بصری. اطلاعات بیشتر در مورد ایجاد کد در نشانه گذاری ویکی در مرحله 4 و مرحله 5 درس "" توضیح داده شده است. همچنین یک الگوی کد برای درج وجود دارد. اگر همه چیز به درستی انجام شود، باید مانند شکل زیر یک منوی گرافیکی آماده دریافت کنید. 
مرحله 12
حالا به صفحه اصلی گروه برمی گردیم، آدرس صفحه داخلی خود را می گیریم (باید اینگونه باشد https://vk.com/page-78320145_49821289) و آن را در پنجره ای که اخبار ایجاد می شود قرار دهید. یک پنجره با پیوند به این صفحه داخلی باید به طور خودکار پیوست شود. پس از آن، ما مکان نما را به کتیبه "Attach" منتقل می کنیم و یک عکس را به پست متصل می کنیم، یعنی تصویر خود را در سمت چپ مرحله 3. پس از آن، خط را از URL صفحه داخلی پاک می کنیم و فضای خالی را باقی می گذاریم. مهم! در این مرحله، باید کادر را علامت بزنید (اگر چنین حقوقی دارید، این عمدتاً برای گروه‌هایی با دیوار باز اعمال می‌شود) در کادر چک «از طرف گروه». اگر این کادر را علامت ندهید، ورودی پین نخواهد شد. در نهایت روی «ارسال» کلیک کنید. 
مرحله 13
مکان نما را به سه نقطه کنار عنوان پست ببرید و در پنجره کشویی "Pin" را انتخاب کنید. بر این اساس در صورت لزوم خبر نیز جدا می شود. 
مرحله 14
یک اخطار وجود دارد. گاهی اوقات، پس از برداشتن پین یک خبر، با توجه به تاریخ ایجاد، در فید بسیار پایین می‌رود و یافتن دوباره آن می‌تواند بسیار دشوار باشد. بنابراین بهتر است بلافاصله آدرس خبر پین شده را در جایی یادداشت کنید. برای این کار، مکان نما را به زمان ایجاد خبر منتقل کرده و روی لینک کلیک کنید. 
مرحله 15
اکنون صفحه اصلی گروه را به روز می کنیم. منوی گرافیکی ما در بالای صفحه در کنار آواتار قرار خواهد گرفت. و وقتی روی عکس کلیک می کنیم به یک صفحه داخلی با منوی پنج آیتم هدایت می شویم. 
