اندازه های بنر برتر در گروه های VK. ایجاد یک جامعه در طراحی جدید Vkontakte: آیا دشوار است

با وجود CTR نسبتاً پایین آن، بسیاری از شرکت ها همچنان بودجه خود را در بنرها سرمایه گذاری می کنند. و دلایلی برای این وجود دارد. تبلیغات نمایشی به شما این امکان را می دهد که آگاهی از برند را افزایش دهید و دامنه آن را گسترش دهید.

بنر تبلیغاتی VKontakte

این پلتفرم چندین فرمت تبلیغاتی را ارائه می دهد که یکی از آنها بلوک متنی- گرافیکی است. فقط در ظاهر می شود نسخه کاملرسانه های اجتماعی در سمت راست

این بنر می تواند به هر منبع خارجی، گروه یا انجمن در VKontakte و همچنین یک برنامه پیوند دهد. 3 نوع اصلی بلوک وجود دارد:

1. تصویر و متن (145x85)
2. تصویر بزرگ (145x165)
3. تبلیغ انجمن (145x145)

نحوه ایجاد بنر VKontakte

شما می توانید یک بنر در هر ویرایشگر گرافیکی. یک تصویر ایجاد کنید سایز درستو اجازه دهید تخیل خود را اجرا کند.

همچنین می توانید از خدمات آنلاین و قالب های آمادهتا بنر شما حرفه ای تر به نظر برسد. مثلا Canva یا Easy.

نحوه قرار دادن بنر VK

فرمت مناسب خود را انتخاب کنید و یک بنر طراحی کنید.

مخاطب هدف خود را تنظیم کنید. هرچه انتخاب محدودتر باشد، احتمال جلب توجه کاربران علاقه مند بیشتر است.

پرداخت را برای 1000 نمایش یا کلیک تنظیم کنید. انتخاب به اهداف شما بستگی دارد: افزایش آگاهی از برند یا افزایش ترافیک؟ فراموش نکنید که کمپین خود را نام ببرید.

تمام جزئیات را بررسی کنید و روی ایجاد آگهی کلیک کنید. پس از آن در قسمت کمپین های تبلیغاتی می توانید نمایش بنر را شروع و متوقف کنید و همچنین آمار را پیگیری کنید.

نمونه هایی از بنرهای VKontakte

ایجاد و قرار دادن یک بنر آسان است، اما چگونه می توان آن را قابل توجه و تاثیرگذار کرد؟ در زیر به 50 نمونه از تبلیغاتی که توجه را جلب می کنند نگاه می کنیم.

رایگان

جذاب ترین و جلب توجه ترین تبلیغ، پیشنهادی برای دریافت رایگان چیزی ارزشمند است. کاربران فعالانه به این کلمه "جادویی" پاسخ می دهند و تبلیغ کنندگان از آن استفاده می کنند.

زنگ زدن

یکی دیگر از تکنیک های موثر این چالش است: "شدن!"، "دریابید!"، "ضعیف؟". کلماتی از این دست به شما انگیزه می دهد که دست به کار شوید.

ارزش

واضح ترین استراتژی جذب ترافیک، برقراری ارتباط ارزش پیشنهادی است.

فتنه

برند شخصی

بر در تعداد زیادبنرهایی که می توانید چهره افراد حرفه ای را ببینید که پیشنهاد می کنند زندگی شما را بهتر کنند. پذیرایی موثربرای ایجاد اعتماد

تصاویر

اگر برند شخصی مورد علاقه شما نیست، با یک تصویر و شخصیت جسورانه توجه را جلب کنید. ببینید چگونه کار می کند.

MEM

که در اخیرامتخصصان در چت های خصوصی، مبتدیان-هدف شناسان، اس ام اس، و همچنین کارآفرینانی که خودشان تلاش می کنند V پست های تبلیغاتی، اغلب آنها این سوال را می پرسند که "چه اندازه ای نیاز دارید؟ برای پست تبلیغاتی? به همین دلیل است که با استفاده از مثال ها، تصمیم گرفتم به طور مفصل توضیح دهم که چه فرمتی باید باشد بنر برای پست تبلیغاتیبه طوری که در رایانه های شخصی، تلفن های همراه و تبلت ها به زیبایی و حداکثر نمایش داده می شود. خب بریم 🙂

برای مثال تصویری دو بنر را با سایزهای 1280*720 و 800*525 مقایسه می کنم. بله، به هر حال، اندازه و کیفیت بنر می تواند متفاوت باشد - مهمترین چیز در اینجا نسبت است. بنابراین، در اینجا چگونه چنین بنری در فید اخبار دستگاه های مختلف به نظر می رسد:

کامپیوتر - طراحی قدیمی VKontakte

همانطور که می بینید بنری با سایز 800*525 حاشیه سمت راست بسیار بیشتر از سایز 1280*720 است. اگرچه وسیع‌تر است و منطقه بزرگ‌تری را برای مشاهده از طریق فید خبر می‌گیرد. بیایید ببینیم این بنرها در طراحی جدید VKontakte چگونه به نظر می رسند.

کامپیوتر - طراحی جدید

خوب، در طراحی جدید VKontakte، هر دوی این اندازه ها فقط از نظر ارتفاع متفاوت هستند، در حالی که عرض یکسان باقی می ماند. و بر خلاف نسخه قدیمی VK، در سمت راست ما یک تورفتگی بزرگ مشاهده نمی کنیم. اما بنر 800*525 ناحیه قابل مشاهده بسیار بزرگتری را در فید اخبار نسبت به اندازه 1280*720 می گیرد - تصویر بلندتر و بزرگتر است!

و حالا بیایید ببینیم این بنرها چگونه به نظر می رسند نسخه موبایلبرنامه های VKontakte برای IOS.

موبایل - خبر

درست مانند طراحی جدید VKontakte، بنر 800*525 بسیار بزرگتر (بالاتر) از بنر 1280*720 به نظر می رسد. و این یک مزیت بسیار بزرگ برای نسخه موبایل است، زیرا منطقه مشاهده اخبار در آنجا کوچک است و تبلیغات با چنین اندازه بنری بیشتر آن را به تصویر می کشد!

خب حالا ببینیم تصویر مربع در فید خبر چگونه به نظر می رسد! برای وضوح، یک جدول درست می کنم.

کامپیوتر - طراحی قدیمیدر تماس با	کامپیوتر - طراحی جدید VKontakte	موبایل - برنامه VKontakte

خوب، اکنون ما به وضوح این را دیدیم نمای بزرگترعکس هایی با اندازه 800 * 525 و بالاتر و نزدیک شدن به شکل مربع بگیرید. ولی! فراموش نکنید که پست های تبلیغاتی حاوی متن نیز هستند، بنابراین هنگام انتخاب اندازه تصویر، فراموش نکنید که برای مشاهده متن در دستگاه های مختلف، تصویر نباید تمام فضای قابل مشاهده در فید خبر را اشغال کند! مهم است!

از آنجایی که اکنون بخشی از مخاطبان از طریق طراحی جدید در VKontakte نشسته اند و بیشتر مخاطبان از طریق طراحی قدیمی، بهتر است از اندازه 800*525 استفاده کنند. بله، ما سعی کردیم و با سایزهای دیگر زحمت کشیدیم، سعی کردیم تورفتگی را از لبه سمت راست کاهش دهیم، اما فقط افزایش یافت و کوچکترین تورفتگی (با در نظر گرفتن) مشاهده بیشتراز طریق موبایل) با اندازه 800 * 525 مشخص شد.

خوب، این همه برای امروز است. با تشکر از توجه شما و تبلیغات با کیفیت برای شما! 😉

با تشکر از توجه شما!

در تابستان 2016، توسعه دهندگان شبکه اجتماعی Vkontakte سرانجام با طراحی کاملا به روز کاربران خود را غافلگیر کردند. در حقیقت، افراد عادی این سایت، طراحی جدید را بسیار مبهم درک کردند بیشتراین مربوط به صاحبان جوامع با یک تصویر ادغام شده به عنوان یک طرح (آواتار + بنر) بود. فاصله بین اخبار پین شده و آواتار به معنای واقعی کلمه دو برابر شده است، بنر به میزان قابل توجهی بزرگ شده و پایین آمده است، و اکنون مینیاتور جامعه یک مربع نیست، بلکه یک منطقه گرد است - همه این لحظات ناخوشایند برای افرادی که قبلاً طرح هایی را برای گروه خود سفارش داده و نصب کرده بودند، مشکلات زیادی ایجاد کرد. تنها راه نجات در این شرایط، بازسازی طرح قدیمی برای برآورده کردن الزامات جدید و در عین حال حفظ مفهوم بود.

اگرچه طراحی جوامع Vkontakte بسیار دردسرساز به نظر می رسد (مخصوصاً در مقایسه با سایر شبکه های اجتماعی ، جایی که یک پوشش مستطیلی و یک آواتار مربعی عمدتاً کافی است) ، اما در واقع این کاملاً درست نیست. در ادامه، الزامات تصاویر گرافیکی و به طور کلی، راه های طراحی یک گروه به این صورت شرح داده خواهد شد.

اولین راه برای ایجاد فروش و جذابیت در جامعه، طرح استاندارد "آواتار + بنر + منو" است.

آواتار

آواتار روی 200 در 500 پیکسل باقی می ماند (اما هنوز بهتر از 400 در 1000 با حاشیه کیفیت) اگرچه در ابتدا در آزمایش بتا طراحی جدید گزینه اندازه ای مانند 200 در 300 در نظر گرفته شد. تصویر بند انگشتی اکنون گرد است، اما اگر این دایره در یک مربع حک شده باشد، ابعاد آن به اندازه 20 در مربع خواهد بود.

بنر (پست پین شده)

اندازه بهینهبنر 1024 در 680 پیکسل (با حاشیه کیفیت) است. من در اینترنت با انواع مختلفی از اندازه بنر ایده‌آل برخورد کرده‌ام، اما با این حال، در ابعاد 1024 در 680، قسمت‌هایی از بنر هنگام مشاهده از رایانه، نسخه معمولی تلفن همراه یا برنامه اندروید قطع نمی‌شود. همچنین شایان ذکر است که به دلیل تکراری بودن نام انجمن در قسمت بالای تصویر و انتقال تاریخ ارسال از قسمت زیر تصویر به مکان تحت نام تکراری، بنر در حال حاضر پایین تر است. یکی دیگر نکته مهمعدم قابلیت کلیک روی بنر از دستگاه تلفن همراه است. آن ها از تلفن، افراد باید روی پیوند زیر تصویر کلیک کنند، نه روی خود تصویر.

منو

از نظر طراحی منو و نشانه گذاری ویکی، به طور کلی، چیزی تغییر نکرده است. من هنوز از عرض منو 606 پیکسل و هر مقدار طولی استفاده می کنم. برای تطبیق پذیری در دستگاه های تلفن همراه، بهتر است پیمایش را در داخل میز چیدمان کنید - به این ترتیب، هنگامی که در تلفن مشاهده می شود، به سادگی به نسبت متناسب با صفحه نمایش کوچک می شود. اما اگر یک ناوبری ایجاد کرده اید که در آن آیتم ها به سادگی یکی زیر دیگری هستند، لازم نیست این کار را انجام دهید - روش جدول فقط برای آن دسته از منوها ضروری است که تعداد دکمه ها در هر خط بیش از یک باشد. به طور کلی، برای راحتی کاربران، بهتر است منو فقط به صورت پیوند به مواد نباشد، بلکه صفحات ویکی با ساختار پیچیده ایجاد شود.

اگر برای طراحی به یک تصویر نیاز دارید، ابتدا گروهی را برای آزمایش با یک آواتار و یک بنر به شکل یک خبر پین شده پر کنید. تمام داده‌های جامعه نمونه را در گروه خود کپی کنید: وضعیت، نام (این مهم است، زیرا این داده‌ها در اخبار تکراری هستند) و از مشتری متنی را بخواهید که بالای بنر باشد.
پس از آن، می توانید با استفاده از یک اسکرین شات، که باید در فتوشاپ قرار داده شود، نمونه برداری کنید.

همچنین یک روش طراحی مانند "جلد + بنر + منو" وجود دارد. به طور کلی، شما می توانید تنها پوشش را ترک کنید و همه را بیشتر قرار دهید اطلاعات مهم. اما در هر صورت، آواتار باید تنظیم شود: در خود گروه قابل مشاهده نخواهد بود، با این حال، مینیاتور جامعه از آن گرفته می شود. اندازه بهینه جلد 1590 در 400 پیکسل است و می توانید با استفاده از فرمان "Community Management" - "Community Cover: Upload" تصویری را آپلود کنید.

اندازه های تصویر برای طراحی VKontakte

• آواتار: 200 در 500 پیکسل (کیفیت 400 در 1000 پیکسل)؛
• تصویر کوچک آواتار 200x200 پیکسل
• اندازه بنر یا پست پین شده در گروه: 1024 در 680 پیکسل، اما عرض آن کمتر از 510 پیکسل نیست.
• منو: عرض 606 پیکسل؛
• پوشش 1590 در 400 پیکسل.

تعداد کاربران فعال و طرفداران شبکه های اجتماعی به 100 درصد از تعداد کل کاربران تمایل دارد وب جهانی. در همان زمان، موقعیت پیشرو در Runet به طور پیوسته توسط شبکه اجتماعیدر تماس با. علاوه بر این، این بزرگترین در نظر گرفته می شود - بیش از 150 میلیون کاربر ثبت نام شده، و این بدون ربات، حساب های رها شده و جعلی است.

این واقعیت را نمی توان در کل تبلیغات استفاده کرد. امروز VKontakte راحت ترین تبلیغات را برای هر دو ارائه می دهد کاربران عادی، از جمله و برای آژانس های تبلیغاتی. در عین حال، بنرهای VKontakte محبوب ترین هستند. کاربران به طور موثر از آنها برای توسعه تجارت و اطلاع رسانی در مورد رویدادها در گروه های اجتماعی استفاده می کنند:

1. بنرهای VK

بنر VKontakte - یک تصویر ثابت یا متحرک با یک عنوان و یک شعار، که در عین حال یک پیوند است، با کلیک کردن روی آن می توانید به صفحه ای با اطلاعات دقیق تر در مورد محصول، خدمات، رویداد بروید. این اقدامبه نام " انتقال توسط بنر».

تبلیغات در شبکه اجتماعی VKontakte با دو بنر در سمت چپ نشان داده می شود. با این حال، سود حاصل از آنها می تواند فراتر از وحشیانه ترین انتظارات باشد. جالب است که شما می توانید نه تنها قرار دهید بنرهای تبلیغاتی Vkontakte، طراحی شده برای فروش یک محصول / خدمات، و همچنین مواردی که مورد علاقه کاربران معمولی است.

نوعی ترکیبی از تبلیغات حرفه ای و مصرفی قادر به کشتن دو پرنده با یک سنگ است. به همین دلیل ، مدیریت شبکه اجتماعی پیشرو روسیه تقریباً مخاطبان هدف تبلیغ کنندگان را دو برابر کرد:

انواع تبلیغات VKontakte

به طور معمول، تبلیغات VKontakte به دو نوع تقسیم می شود ( با روش پرداخت). می توان آن را هدف و غیر هدف نامید. اگر با تبلیغات هدفمند برای کلیک روی بنر هزینه پرداخت می کنید، با تبلیغات غیرهدفمند برای نمایش ها هزینه می کنید. در عین حال، 1000 نمایش بسیار ارزان تر از یک کلیک است. دوست داشته باشید یا نه، اما از 1000 برداشت، سوژه به احتمال زیاد حداقل 1 انتقال انجام می دهد. بنابراین، گزینه دوم سود بیشتری دارد.

• تصویر تصویر موضوعی که مشخصه محصول/خدمت، صفحه در یک شبکه اجتماعی و غیره است.
• نام. این می تواند یک شعار بلند، نام شرکت باشد.
• امضا. ورودی کوتاه یا پیشنهاد فروش منحصر به فرد ( اگر اندازه بنر به آن اجازه می دهد تا مناسب باشد).

قوانین تبلیغات VKontakte

2. چرا به بنرهای VKontakte نیاز داریم؟

علاوه بر پوشش گسترده مخاطبان و محبوبیت بالا، تبلیغات بنر VKontakte یک مزیت بسیار مهم دارد - توانایی هدف گیری دقیق. تقریباً 90 درصد موفقیت یک کمپین تبلیغاتی به تنظیم صحیح آن بستگی دارد. از این گذشته ، شما به همه شرکت کنندگان در VKontakte علاقه ندارید ، بلکه فقط به بخش خاصی از آنها علاقه دارید.

تنظیمات VK به شما این امکان را می دهد که به طور مستقل تعیین کنید که بنر شما در کدام قسمت از مخاطبان نمایش داده می شود. هدف گذاری بر اساس سن، جغرافیا، جنسیت و غیره وجود دارد.

با تنظیم صحیح هدف گذاری، برداشت های غیرضروری را حذف خواهید کرد و در نتیجه بودجه یک کمپین تبلیغاتی را بهینه خواهید کرد.

مانند سایر پلتفرم های تبلیغاتی، مهم است که بدانید دقیقاً چه چیزی ارزش تبلیغ را از طریق VKontakte دارد. هدف اصلی از بازدید از یک شبکه اجتماعی ارتباط و سرگرمی است. از این ما می توانیم نتیجه بگیریم که بهتر است برای تبلیغات کالاهای مصرفی، آن را نیز می دهد نتیجه خوبتبلیغات با هدف تولید سرنخ تقریباً هر بسیار تخصصی تبلیغات VKontakte محکوم به شکست است.

قبل از درج بنر، بررسی کنید که آیا محصول/برند تبلیغ شده دارای انجمن، گروه طرفداران، عمومی است یا خیر. حضور آنها شانس موفقیت کمپین تبلیغاتی شما را بسیار افزایش می دهد.

همچنین، توجه کنید دسته قیمت. تبلیغ محصولاتی که بیش از 200 دلار قیمت دارند در شبکه های اجتماعی منطقی نیست:

3. چگونه یک بنر در VKontakte قرار دهیم؟ برگه تقلب برای مبتدیان، رازها و نکات

قبل از افزودن بنر، لینک "تبلیغات" در فوتر صفحه را دنبال کنید:

روی " کلیک کنید ایجاد آگهی” و لیست زیر را ببینید:

در اینجا شما باید انتخاب کنید که دقیقاً چه چیزی را تبلیغ می کنید: برنامه VKontakte (IFrame و Flash) ، انجمن ( عمومی، گروهی یا جلسه)، ضبط ویدئو ( با پیوند به وب سایت آگهی دهنده) یا یک سایت خارجی.

آخرین گزینه محبوب ترین است. پیوندی از چنین بنر VKontakte، به طور معمول، کاربران را به آن هدایت می کند صفحه فرود (صفحه فرود).

فرمت های بنر تبلیغاتی VKontakte

از سه نوع تبلیغات می توان استفاده کرد:

• عکس + متن. در اینجا می توانید یک بنر VKontakte 90 در 65 پیکسل با عنوان (25 کاراکتر) و توضیحات (60 کاراکتر) قرار دهید.
• تصویر بزرگ امکان افزودن بنری در ابعاد 90 در 120 پیکسل بدون شرح و با عنوان 25 کاراکتر وجود دارد.
• گزینه انحصاری بنر 90 در 160 پیکسل با عنوان 25 کاراکتر. مزیت اصلی آن این است که در طول نمایش آن، سایر تبلیغات نمایش داده نمی شود. با این حال، هزینه چنین تبلیغاتی 2 برابر بیشتر است.

با انتخاب فرمت مورد نظرو در آپلود داده ها باید موضوع و زیربخش ( جغرافیا، جمعیت، علایق، تحصیلات و کار، و همچنین پارامترهای اضافی). که در گزینه های اضافیرا می توان روشن کرد سیستم عامل، نوع دستگاه، گروه های هدف گیری مجدد، مرورگر.

دقیق تر تنظیم شده است مخاطب هدف، CTR بهتر و با حضور و تبدیل خوب است.

در مرحله نهایی راه اندازی، قبل از ساخت بنر VKontakte، روش پرداخت را مشخص می کنیم ( برای نمایش یا کلیک، پلتفرم های تبلیغاتی ( علاوه بر این می توانید سایت های شریک شبکه اجتماعی را انتخاب کنید، هزینه انتقال. یک نام به کمپین تبلیغاتی اختصاص دهید.

کلیک " ایجاد آگهی"! و صبر می کنیم تا از حد اعتدال بگذرد. به عنوان یک قاعده، ظرف چند ساعت بنرهای VKontakte شما به مشتریان بالقوه نشان داده می شود. اکنون وظیفه شما ردیابی آمار ارائه شده توسط شبکه اجتماعی VKontakte و تصمیم گیری به موقع برای بهبود عملکرد است.

4. چگونه یک بنر را در گروه VKontakte قرار دهیم؟

بیایید نحوه ساخت بنر در گروه VKontakte را بررسی کنیم.

مرحله 1. به صفحه گروه بروید:

مرحله 2. در بلوک سمت راست، مورد " را انتخاب کنید جامعه را تبلیغ کنید»:

قبل از ساختن یک بنر، قالب انتقال یا برداشت بنر را تعیین می کنیم. ذخیره کنید و منتظر بمانید تا بنر از نظارت عبور کند:

5. بنر تبلیغاتی VKontakte

تبلیغات بنری در VKontakte اغلب عملکرد پشتیبانی از تصویر را انجام می دهد و به تبلیغ مارک های جدید کمک می کند. با این حال، این بدان معنا نیست که نمی تواند فروش داشته باشد یا کمتر از محتوایی موثر باشد. تبلیغات بنری به شکل گیری مخاطبان وفادار کمک می کند و تقاضای سرکوب شده را فراهم می کند. به تدریج یک مشتری بالقوه از کاربر تشکیل می دهد. اگر نیاز به تغییر نام تجاری یا ورود به بازار با یک محصول جدید دارید، بنرهای VKontakte برای شناسایی عالی عمل می کنند.

تبلیغات در فیس بوک برای مخاطبان مسن تر طراحی شده است، Odnoklassniki به خوبی مناطق را پوشش می دهد. در همان زمان، تبلیغات بنری در VKontakte - راه حل یک مرحله ای، به شما امکان می دهد برندها و محصولات جدید را در بین جوانان تبلیغ کنید. او در جایی کار می کند که مشتریان بالقوه شما در حال استراحت هستند و با آنها به زبان آنها صحبت می کند، در منطقه مورد علاقه آنها است.

هنگام ایجاد بنر، توجه به ویژگی های مخاطب و استفاده از ویژگی ها بسیار مهم است هویت سازمانی. هر چه یک بنر حرفه ای تر ساخته شود، بیشتر قابل توجه و تاثیرگذار است.

6. چگونه یک بنر VKontakte برای سایت خود ایجاد کنیم، چرا به آن نیاز است و چگونه می توان از آن استفاده کرد؟

یک بنر قابل کلیک انتقال به هر صفحه از سایت را فراهم می کند. هنگام ایجاد آن باید به نکات زیر توجه کرد. پس از آپلود بنر در فایل های رسانه ای سایت خود، کد را در هر نقطه از منبع اضافه کنید. به عنوان مثال، شما تصمیم دارید یک بنر VKontakte را به نوار کناری اضافه کنید:

به ویجت ها بروید و کد زیر را اضافه کنید:

در فیلد " آدرس پیوند» آدرس صفحه ای را که می خواهید بازدید کننده را پس از کلیک روی بنر هدایت کنید، مشخص کنید. "مسیر به تصویر" پیوندی به بنر است. لینک تصویر را کپی کرده و به جای «مسیر به تصویر» قرار دهید.

تست یکی از مهم ترین مراحل اجرای یک کمپین تبلیغاتی موفق است. هنگام انتخاب بنر VKontakte برای یک سایت، باید چندین عنوان، تصویر و متن را ایجاد کنید. تجزیه و تحلیل آمار و ایجاد تغییرات در تنظیمات، این کار کمپین تبلیغاتی شما را بهینه می کند:

7. ایجاد بنر برای VKontakte

می توان محدود کرد تصویر سادهبا این حال، شخصی سازی برای یک کاربر خاص و تعاملی بودن بنر به نتیجه بالایی می رسد.

بنابراین، بنر باید حاوی اطلاعات مورد علاقه باشد، انگیزه ای برای انتقال / کلیک کنید، زیبا باشد، طراحی گرافیکی حرفه ای داشته باشد.

راه های مختلفی برای ایجاد بنر وجود دارد:

• سفارش از طراح؛
• ایجاد مستقل در یک ویرایشگر گرافیکی.
• استفاده برنامه های ویژهبرای ایجاد بنر؛
• ایجاد با استفاده از خدمات آنلاین.

یکی از موثرترین، ساده ترین و راه های سریعایجاد بنرهای آنلاین است. برای این منظور می توانید از سرویسی مانند bannerfans.com استفاده کنید. رابط روسی زبانو انتخاب زیادی از الگوها به شما امکان می دهد یک طرح بندی جالب ایجاد کنید.

در این مقاله، من می خواهم تمام دانش خود را در مورد طراحی گروه های VKontakte بر اساس تجربه خود از تعامل با مشتریان و ترجیحات آنها، سیستماتیک کنم. علاوه بر این، در طول شش ماه گذشته، VKontakt تغییرات زیادی ایجاد کرده است که بسیاری حتی از آن اطلاعی ندارند. من می خواستم در مورد برخی از نوآوری ها با جزئیات بیشتری صحبت کنم، زیرا در میان آنها چیزهای واقعاً ارزشمند و مفیدی وجود دارد. به نظر می رسد همه ما قبلاً پس از طراحی مجدد VKontakte و برای تغییرات قابل مشاهدهعملکرد چند متغیره و پر کردن گروه کشف شد. بنابراین در حال حاضر طراحی گروه ها شامل یک رویه پیچیده است که صرفاً به بخش گرافیکی در قالب تصاویر زیبا محدود نمی شود. اکنون مالکان باید بسیاری از تفاوت های ظریف را در ساخت یک ساختار گروهی، بسته به موضوع کسب و کار و راحتی کاربر، در نظر بگیرند.

بیشتر در مورد انتخاب است. طراحی گرافیکیاز دو گزینه منحصر به فرد متقابل، توسعه منوی داخلی، انتخاب نقطه ورود به منوی داخلی، درک تفاوت بین کاتالوگ و ویترین محصول، تهیه مواد تبلیغاتی برای تبلیغ گروه، استفاده از برنامه های کاربردی مفید. اما اول از همه. ابتدا عناصر اصلی طراحی گروهی را در نظر می گیریم، سپس به تعامل آنها در قالب ترکیب های مختلف می پردازیم و سپس در مورد برخی صحبت می کنیم. تراشه های مفیدو ظرافت ها

1. پوشش افقی (سربرگ)
بیایید با شاید شروع کنیم پوشش افقییا کلاه توسعه دهندگان VKontakte به ما اطمینان می دهند که پوشش، به دلیل اندازه آن، انعطاف پذیری بیشتری در ارائه و تجسم اطلاعات می دهد. معمولاً علاوه بر عکس زیباهدر شامل آرم، اطلاعات همراه، مخاطبین، تماس برای پیوستن به گروه، آدرس وب سایت است. من شک دارم که روزی پوشش ها تنها خواهند بود گزینه ممکنطراحی گروهی، بنابراین من توصیه می کنم فوراً به آنها تغییر دهید تا بعداً از طراحی مجدد فورس ماژور جلوگیری شود.

نحوه دانلود کاور
برای دانلود کاور باید به مسیر Community Management >> Block Basic Information >> Community Cover >> Download بروید. اندازه پوشش توصیه شده 1590×400 پیکسل است. هدر نمی تواند هیچ دکمه ای داشته باشد که بتوان روی آن کلیک کرد - در واقع، این یک تصویر است و تمام. امروزه پوشش روی دستگاه‌های تلفن همراه قابل مشاهده است و به نظر می‌رسد از قبل در اپلیکیشن‌ها و کلاینت‌ها قابل مشاهده است.

برگه ویکی آخرین اخبار
در بلوک بالایی زیر سربرگ، اکنون می توانید سه برگه وجود داشته باشد: یک پست پین شده، اطلاعات مربوط به انجمن و یک منوی ویکی (فقط در گروه ها، در صفحات عمومیچنین برگه ای وجود ندارد). تاکید هنوز بر روی پست پین شده است، اما حتی اگر وجود داشته باشد، کاربر اکنون با جابجایی بین برگه ها همیشه به اطلاعات مربوط به انجمن دسترسی خواهد داشت. برای اینکه برگه منوی ویکی ظاهر شود (که در اصل به نام اخبار فوری نامیده می شد)، باید به مدیریت انجمن » بخش ها » محتوا » محدود (یا عمومی) » ذخیره بروید.

2. آواتار عمودی
حال بیایید به آواتار قدیمی و خوب گروه با اندازه 200x500 پیکسل توجه کنیم. در حالی که روشی برای طراحی گروه نیز هست. معمولاً اطلاعات زیر روی آواتار قرار می گیرد: لوگو، متن یا شعار همراه، مخاطبین، تماس برای پیوستن به گروه. در دستگاه های تلفن همراه، کل آواتار قابل مشاهده نیست، تنها بخشی از آن قابل مشاهده است - یک تصویر کوچک. برای تشکیل یک گروه، می توانید از یکی از آنها استفاده کنید کلاهک افقی(پوشش) یا بنر عمودی. اگر هدر وجود داشته باشد، آواتار عمودی قابل مشاهده نیست. آواتار نمی تواند هیچ دکمه ای داشته باشد که بتوان روی آن کلیک کرد - در واقع، این یک عکس است و تمام.

3. مینیاتور
در حال حاضر، یک آواتار عمودی برای ایجاد یک تصویر کوچک با حداقل اندازه 200x200 پیکسل استفاده می شود. تصویر کوچک در پست‌ها و پست‌ها به‌عنوان یک دایره کوچک در نزدیکی عنوان و به عنوان یک دایره بزرگ‌تر در برخی از انتخاب‌ها و اشاره‌های انجمن استفاده می‌شود. در ارتباط با انتقال به شکل گرد، الزامات مینیاتور دقیق تر شد. برای اینکه متن روی تصویر کوچک به طور کامل خوانده شود، از نظر بصری نباید از مرزهای دایره فراتر رود.

چگونه یک تصویر کوچک را آپلود کنیم
تصویر بندانگشتی به یک عنصر کاملاً مستقل تبدیل شده است و در هنگام استفاده از کاور (سربرگ) در طراحی گروه، اکنون باید یک تصویر بندانگشتی جداگانه تهیه کنید، در نظر داشته باشید. اگر گروه هدر (جلد) ندارد، برای آپلود یک تصویر کوچک، باید روی "آپلود عکس" در بلوک آواتار (بالا سمت راست) کلیک کنید. اگر هدر (جلد) در طرح وجود دارد، برای آپلود یک تصویر کوچک، باید روی دایره بلافاصله زیر هدر کلیک کنید و مورد "آپلود عکس" را در آنجا انتخاب کنید.

4. بنر
بنر (بنر انگلیسی - پرچم، بنر) - تصویر گرافیکیاطلاعاتی، تبلیغاتی یا تبلیغاتی بنر به عنوان تصویر به پست پیوست شده است و فقط می تواند یک لینک داخلی داشته باشد. بسیاری از مردم هنوز متقاعد شده اند که می توان چندین لینک از یک بنر در صفحه اصلی ایجاد کرد. این نیست، فقط یک لینک و تمام. من انواع زیر را از بنرها جدا می کنم.

4.1 اطلاعات بنر
نوع رایج بنر حاوی اطلاعات کلیدرباره یک شرکت، گروه، خدمات یا رویداد با فهرستی دقیق از مزایا و سایر مواد همراه. اغلب به عنوان ورودی پین شده در یک گروه استفاده می شود. اندازه چنین بنری 510x307 پیکسل است. با این اندازه، بنر پایین با آواتار منطبق است. اگر ارتباطی با آواتار وجود ندارد، می توان از هر اندازه ای استفاده کرد. برای مثال من از اندازه 600x350 پیکسل استفاده می کنم. فرمت مربع 510x510 پیکسل نیز راحت است و اکنون محبوبیت پیدا می کند - با این اندازه، بنر بزرگترین منطقه ممکن را اشغال می کند. اخبار.

4.2 بنر برای ورود به منوی داخلی
اگر کتیبه جذاب "Open Menu" را به بنر پاراگراف قبلی اضافه کنیم، بنری دریافت می کنیم که وظیفه اصلی آن این است که به عنوان نقطه ورود به منوی داخلی باشد. گاهی اوقات آنها به شکل چندین دکمه روی بنر گیر می کنند ، اما این یک توهم است ، با فشار دادن کاربر هنوز به صفحه داخلی می رسد و در آنجا هر دکمه قبلاً پیوند خاص خود را دارد. اندازه چنین بنری 510x307 پیکسل است. با این اندازه، بنر پایین با نویسنده مطابقت دارد. اگر ورودی منو به یک آواتار گره خورده باشد، می توانید هر اندازه بنر، حتی یک دکمه باریک با کتیبه "Open Menu" ایجاد کنید. نکته اصلی این است که عرض بنر باید حداقل 510 پیکسل باشد.

4.3 کارت برای ارسال مجدد، تبلیغات
اخیراً کارت‌های ارسال مجدد یا تبلیغات اهمیت خاصی پیدا کرده‌اند. هدف آن فراخوانی برای اقدام ملموس است. اساساً "به یک گروه بپیوندید، بازنشر کنید یا لایک کنید و جایزه بگیرید." چنین بنرهایی به عنوان بخشی از کمپین های تبلیغاتی یا تبلیغاتی هم در گروه های خود و هم برای تبلیغ در گروه های دیگر استفاده می شوند. من معمولا از 600x350 پیکسل استفاده می کنم.

4.4 بنر با انیمیشن گیف
پس از توسعه دهندگان VK ساخته شده است اندازه بزرگتربرای تصاویر گیف، گیف ها بلافاصله همتراز با بنرهای اطلاعاتی قرار گرفتند. به عنوان مثال، در یک بنر GIF، می توانید تصاویری از چندین محصول یا متن در حال تغییر ارائه دهید - حرکت بلافاصله توجه را به خود جلب می کند. و زمانی که تابع در ژوئن اضافه شد پخش خودکار انیمیشن های گیفدر فید اخبار، پس از آن گیف ها مورد توجه تبلیغ کنندگان و بازاریابان قرار گرفته اند.

5. طراحی آواتار + بنر پین شده
تا همین اواخر، این طرح ماژولار، متشکل از یک آواتار و یک بنر پین شده، محبوب ترین روش برای طراحی گروه ها بود. جزئیات بیشتر در مورد نحوه ساخت چنین طراحی در درس توضیح داده شده است. با آمدن هدر (کاور) شاید کمی از محبوبیت این طرح کاسته شود.

به علاوه، این احتمال وجود دارد که VKontakte دوباره برخی از پارامترهای بلوک ها را تغییر دهد و سپس کل طراحی از بین برود، همانطور که دو بار متوالی اتفاق افتاد. شش ماه گذشته. پس گروه داران عزیز در انتخاب طرح برای گروه خود این نکته را مد نظر قرار دهند. بله، و یک چیز دیگر، در دستگاه های تلفن همراه، تمام زیبایی یک عکس قابل مشاهده نیست، زیرا آواتار نمایش داده نمی شود، بلکه فقط یک تصویر کوچک است و ورودی پین شده کمی پایین تر قرار دارد.

6. منوی ناوبری داخلی
منو در فرم لینک های فعالدر صفحه داخلی VKontakte قرار دارد و با استفاده از دستورات نوشته شده است نشانه گذاری ویکی. نحوه ایجاد خود صفحه داخلی در درس توضیح داده شده است. کاربر با استفاده از منو در گروه حرکت می کند. در زیر انواع منوی داخلی را در نظر خواهیم گرفت، اما فعلاً به چند نکته مهم می پردازیم.

نقاط ورودی در منوی داخلی
من می خواهم به یک نکته ظریف توجه کنم که اغلب نادیده گرفته می شود. گاهی اوقات مشتریان یک منوی داخلی را از من سفارش می دهند، اما در عین حال مطلقاً نمی دانند که کاربر چگونه وارد این منوی داخلی می شود. و دو راه برای ورود به آن وجود دارد: یا از طریق یک بنر ثابت (به پاراگراف 4.2 مراجعه کنید)، یا از طریق پیوند متنی در تب بالا در زیر نوار وضعیت (شکل زیر را ببینید). گاهی اوقات یک پیوند متنی نیز در بلوک "پیوندها" در ستون سمت راست رابط قرار می گیرد.

لینک های منوی داخلی
معمولاً هنگام سفارش، مشتریان موارد منوی زیر را نشان می‌دهند: درباره ما، محصولات ما (کاتالوگ)، روش‌های تحویل، پرداخت، ضمانت‌ها، نظرات، مخاطبین، تبلیغات، تخفیف‌ها، زمان‌بندی، نحوه سفارش، نمونه کارها، پرسش‌ها و پاسخ‌ها، اطلاعات، ثبت سفارش. پیوندها از آیتم های منو می توانند به بخش های مربوطه سایت خارجی بروند. سپس لینک به طور خودکار در یک پنجره جدید باز می شود. بیشتر نقاط منجر به صفحات داخلی Vkontakte. در این صورت صفحه در همان پنجره باز می شود و باید یک لینک یا دکمه «بازگشت به منوی اصلی» بسازید.

پیوندهای آلبوم های دارای عکس و ویدیو در پنجره جدیدی باز می شود. پیوند به موضوعات با بحث (به عنوان مثال، نظرات)، به یک کادر محاوره ای برای نوشتن پیام، به پیوست ها (نگاه کنید به نقطه 10)، به یک انتخاب با هشتگ (نگاه کنید به نقطه 12) در همان پنجره باز می شود و در این موردتنها راه بازگشت به منو این است صفحه نخستسایت، یا از طریق دکمه "بازگشت" در مرورگر. این شاید ناخوشایندترین لحظه با چنین پیوندهایی باشد.

ویرایش منو
مشتریان اغلب از من می پرسند که آیا امکان ویرایش منوی داخلی وجود دارد یا خیر. پاسخ این است که اگر کاربر مطمئنی هستید و با حالت های نشانه گذاری و ویرایش ویکی آشنا هستید، می توانید ویرایش کنید. اما اگر با همه اینها آشنا نیستید، قطعاً نه. در این حالت، شما فقط تمام تنظیمات را پایین می آورید.

من سخنان خود توسعه دهندگان VKontakte را نقل می کنم. "یک توصیه ساده از تلاش و اعصاب شما صرفه جویی می کند: فقط در یک حالت کار کنید. یا حالت بصری است یا حالت نشانه گذاری ویکی. جابجایی بین این دو حالت در فرآیند کار بر روی نشانه گذاری است که بیشتر مشکلات را به همراه دارد: ممکن است تصاویر کاهش یابد، پارامترهای مختلف ممکن است ناپدید شوند. این یکی از نکاتی است که قطعا در آینده برطرف خواهد شد، اما در حال حاضر باید این واقعیت را در نظر داشته باشید.

سازگاری با دستگاه های تلفن همراه
و یک چیز دیگر در مورد سازگاری. برای اینکه منوی داخلی در دستگاه های تلفن همراه یکسان به نظر برسد، باید روی جداول تایپ کنید. سپس تصویر سیم کشی می شود. در غیر این صورت، هنگامی که اندازه صفحه نمایش کاهش می یابد، تصاویر تمایل دارند یکی زیر دیگری حرکت کنند، که نظم برنامه ریزی شده اولیه را نقض می کند.

در اینجا، دوباره، سخنان توسعه دهندگان به قیمت سازگاری. منوی ویکی در نمایش داده می شود مرورگرهای موبایل، اما با اندازه صفحه نمایش تطبیق نمی یابد، به همین دلیل، ممکن است تصاویر مانند یک کامپیوتر به نظر نرسند. در وب، می توانید راهنماهایی در مورد تطبیق نشانه گذاری ویکی برای پیدا کنید دستگاه های تلفن همراه، اما حتی آنها عملکرد 100٪ را در همه دستگاه ها تضمین نمی کنند.

7. انواع منوی ناوبری داخلی
در زیر رایج ترین انواع منوی داخلی آورده شده است. ساده تر و وجود دارد تصمیمات بودجهبا درجه بالایی از قابلیت اطمینان و از نظر گرافیک و چیدمان طرح های پیچیده و زمان برتری وجود دارد. اما آنها چشمگیرتر به نظر می رسند.

7.2 منوی گرافیکی بزرگ
در این حالت، ردیف عمودی پیوندها روی یک تصویر پس‌زمینه بزرگ قرار دارد و ساختاری کاملاً ثابت دارد. درس اینجاست.

7.3 منو به صورت آیکون، کاشی
این طرح چندین سطر و ستون را در فرم فرض می کند آیکون های گرافیکیو کتیبه هایی روی آنها، یا کاشی های گرافیکی چند رنگ یا تک رنگ.

7.4 منوی پویابا افکت ناوبری
یک طراحی بسیار چشمگیر که ناوبری سایت را با اثر کلیک کردن روی دکمه ها یا سایر علامت گذاری های لینک های بازدید شده شبیه سازی می کند. مدیریت چنین منویی بسیار دشوار است و به مهارت در برقراری ارتباط با نشانه گذاری ویکی نیاز دارد، زیرا شما همچنین باید اطلاعات صفحات موجود در نشانه گذاری ویکی را ویرایش کنید. در اینجا یک درس در مورد این موضوع وجود دارد.