نحوه صدور نام گروه VKontakte. چگونه یک گروه را در VK به زیبایی ترتیب دهیم و نرفت

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

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

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

جستجو در VK یا مشاهده نمونه کارها از طراحان، نمونه های موفق بسیاری از طراحی گروه های Vkontakte را نشان می دهد که می توانید هنگام انتخاب یک منوی پوششی برای جامعه خود، بر اساس آنها بسازید.

ابعاد زیر برای طراحی گروه Vkontakte استفاده می شود:

• جلد صفحه در بالا نشان داده شده است، برای کل عرض عمومی، اندازه 1590 x 400 پیکسل است.
• آواتار بزرگ - بنر عمودی 200x500 پیکسل (نسبت تصویر 2:5)، در بالا سمت راست نشان داده شده است.
• یک آواتار کوچک، یک تصویر گرد، در هر پیام گروه با اندازه 200x200 پیکسل نشان داده شده است.
• تصویر منو برای گروه VKontakte، عرض 510 پیکسل، ارتفاع 307 (به طوری که لبه پایین منو به خوبی با پایین آواتار بزرگ سمت راست مطابقت داشته باشد).

اگر تصویر جلد در تنظیمات انجمن آپلود شود، نماد بزرگ سمت راست نشان داده نمی شود.

چگونه خودتان یک کلاه برای گروه Vkontakte بسازید

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

تصویر را در یک ویرایشگر گرافیکی باز کنید. برش یا مقیاس به اندازه: طول 1590 پیکسل، ارتفاع 400 پیکسل.

سپس می توانید کتیبه های لازم (نام گروه، شعار، تماس برای عضویت در انجمن) را اعمال کنید. اکنون باید جلد را در انجمن آپلود کنید، برای انجام این کار، به منوی "مدیریت انجمن" بروید:

در قسمت «Community Cover» روی «دانلود» کلیک کنید.

در پنجره بعدی، فایل جلدی که قبلاً در رایانه آماده شده بود را انتخاب کنید و روی «ذخیره و ادامه» کلیک کنید.

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

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

اندازه های کلاه در Vkontakte عمومی در یک طراحی جدید

پس از طراحی مجدد این شبکه اجتماعی، یک عنصر طراحی جدید ظاهر شد - جلد. این یک تصویر بزرگ با جهت افقی 1590 در 400 پیکسل است. هدر گروه Vkontakte یک تصویر ثابت است. به اندازه‌ای بزرگ است که یک عکس یا عکس روشن و خاطره‌انگیز و نام عموم، شعار شرکت، نام وب‌سایت، برنامه کاری و سایر نوشته‌ها را روی آن قرار دهید.

نحوه ایجاد منو برای یک گروه VK در یک طراحی جدید

فرآیند طراحی منوی گروه Vkontakte شامل مراحل زیر است:

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

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

شما باید بلافاصله قرار دادن آیتم های منو را طوری برنامه ریزی کنید که تصویر را بتوان به قطعاتی با همان اندازه برش داد. این برای مقیاس مناسب منو روی صفحه نمایش تلفن های هوشمند یا تبلت ها مهم است.

منوی عمودی جامعه VK با موارد در یک ستون

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

• یک قاب بکشید؛
• رنگ پس زمینه زیر حروف را تغییر دهید.
• به حروف سایه اضافه کنید.

در زیر در اسکرین شات، هر مورد به یکی از روش های برجسته شده است.

مرحله بعدی قطعه قطعه کردن تصویر است:

فرآیند برش تصویر را می توان با استفاده از یک ابزار آنلاین راحت www.imgonline.com.ua/cut-photo-into-pieces.php نیز انجام داد.

بعد، در منوی "Community Management" به آیتم "Sections" بروید و در "Materials" گزینه "Restricted" را انتخاب کنید (این بدان معناست که فقط مدیر گروه می تواند صفحات را ایجاد و ویرایش کند).

روی ذخیره کلیک کنید و به گروه اصلی بروید. در نزدیکی بخش حاوی اطلاعات در مورد گروه، مورد "آخرین اخبار" ظاهر شد.

به این بخش بروید و روی ویرایش کلیک کنید. عنوان را به "منو" تغییر دهید و سپس روی نماد دوربین کلیک کنید تا یک تصویر اضافه شود.

روی عکس اضافه شده کلیک کنید و در پنجره خواص لینک قسمت مورد نظر را مشخص کنید.

Vkontakte به طور خودکار تصاویر را به 400 پیکسل کاهش می دهد و برچسب های اضافی را وارد می کند. برای رفع این مشکل، باید به حالت ویرایش نشانه گذاری بروید.

هر تگ تصویر با "[[" شروع می شود و با "]] پایان می یابد و از سه بخش تشکیل شده است که با "|" از هم جدا شده اند: شناسه تصویر، ویژگی ها و پیوند. شما باید اندازه تصاویر را تنظیم کنید و تگ nopadding را در ویژگی های آنها قرار دهید. ویژگی های تصویر با ";" فهرست می شوند.

پس از ذخیره تغییرات، ایجاد منو به پایان می رسد.

منو با چیدمان افقی یا چند خطی آیتم ها

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

قوانین طراحی جدول:

• ابتدا با نماد "(|)، انتهای جدول - "|) نشان داده می شود.
• ویژگی های اضافی بعد از "|~" مشخص می شود
• خط جدید با "|-" شروع می شود.
• هر سلول با "|" از هم جدا می شود.

برای حذف فضاهای اضافی، باید پارامترهای جدول "fixed nopadding noborder" را مشخص کنید. نشانه گذاری برای یک منوی گرافیکی از 2 ستون و 2 ردیف به این صورت است:

و خود منو در گروه:

اندازه آواتار گروه در طراحی جدید برای طراحی عمومی VK

جوامع Vkontakte از دو گزینه برای آواتار استفاده می کنند:

• یک بنر مستطیلی بزرگ 200 در 500 نقطه در بالا سمت راست نمایش داده می شود اگر هیچ پوششی بارگذاری نشده باشد.
• تصویر کوچک 200x200 پیکسل، در پست‌ها و بحث‌ها به صورت دایره نشان داده می‌شود.

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

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

نمودار نحوه چیدمان زیبا و صحیح یک گروه در VK.

می توانید نمودار را به صورت زنده مشاهده کنید. ارتباط دادن.

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

2. وضعیت گروه.
با وجود این واقعیت که این عنصر نسبتاً کوچکی از صفحه است، بسیار مهم است. در وضعیت، باید به طور خلاصه مهمترین اطلاعات مربوط به گروه خود را منتقل کنید. حداکثر مقدار وضعیت 140 کاراکتر است.
سعی کنید وضعیت را تا حد امکان واضح و مختصر بیان کنید. از آیکون ها استفاده کنید کدهای نماد برای جاسازی را می توان یافت، به عنوان مثال، .
نمونه هایی از کدهای نماد برای گروه های فروش:
تلفن - کد: _9742;
آیکون کد ارسال پیام: _9993;
اشاره گر - کد: _128073; یا کد: _10145;

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

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

کتاب جدیدی با عنوان «بازاریابی محتوای رسانه‌های اجتماعی: چگونه وارد ذهن مشترکان شویم و آنها را عاشق برند خود کنیم» منتشر کرده‌ایم.

گروه VK چهره شماست، بنابراین طراحی گروه Vkontakte نیاز به توجه ویژه دارد. البته می توانید طراحی گروه Vkontakte را از متخصصان سفارش دهید. در این مورد، هزینه بستگی به مقدار کار و مشخصات خواهد داشت. به طور متوسط، طراحی پیچیده یک گروه در تماس با چیدمان منو و سایر خدمتگزاران از 1000 روبل و بیشتر هزینه دارد. اگر به طراحی گروه Vkontakte به تنهایی علاقه مند هستید، این مقاله برای شما مناسب است. اول از همه، اجازه دهید بگوییم که این کاملا واقعی است.

ابعاد عنصر

در زیر یادداشتی با ابعاد طراحی گروه VK یا بهتر بگوییم عناصر اصلی آن آمده است.

بیایید هر عنصر را جداگانه تجزیه و تحلیل کنیم:

ساخت کلاه

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

در اینجا چند گزینه برای آنچه می توان در هدر قرار داد وجود دارد:

آواتار

به این فکر می کنید که چگونه یک گروه در تماس را به زیبایی طراحی کنید؟ سپس کار پر زحمت روی آواتار را نادیده نگیرید. این یک ابزار بازاریابی موثر است که با استفاده صحیح از آن می توانید به نتیجه دلخواه برسید.

یک تصویر کوچک آواتار خوب معیارهای زیر را دارد:

1. متن روی آن بزرگ و کاملاً قابل مشاهده است، خواندن آن آسان است.
2. تصویر و متن واضح هستند، سعی نکنید زیاد در آواتار قرار دهید.
3. بهتر است از تصویر اصلی ساخته شده توسط خود استفاده کنید نه دانلود شده.
4. از رنگ های روشن برای متمایز شدن از بقیه تصاویر استفاده کنید، به طرز ماهرانه ای از کنتراست استفاده کنید.
5. آواتارهای ساخته شده به سبک مینیمالیسم چشمگیر به نظر می رسند: حداقل متن و جزئیات غیر ضروری، حداکثر زیبایی و سادگی.
6. فانتزی را برای جذب و علاقه کاربر روشن کنید - یک مربع سیاه، یک نماد پیام سوزان و غیره.

و در اینجا چندین گزینه برای ارسال اطلاعات به صورت مینیاتوری وجود دارد: اطلاعیه ها، مزایا، تماس ها، قیمت های پایین، تبلیغات، مسابقات و غیره.

الزامات آواتار:

1. کیفیت. برای انجام این کار، از تصاویر 2-3 برابر بزرگتر از اندازه مورد نیاز استفاده کنید.
2. سبک تک. همه عناصر باید در رنگ و سبک کلی ترکیب شوند.
3. تنوع. بهتر است تصویر کوچک و خود آواتار تصاویر متفاوتی باشند.

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

ابزارک ها

این یک بخش اجباری از طراحی گروه در VK است. با کمک آنها، کاربر به راحتی می تواند اقداماتی را انجام دهد که برای شما مفید است: اشتراک، شرکت در مسابقه، ثبت سفارش، نوشتن نظر و غیره.

تصاویر برای پست ها

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

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

برای ایجاد تصاویر باکیفیت و جذاب که به طراحی زیبا برای گروه Kkontakte کمک می کند، استفاده از فتوشاپ توصیه می شود. اگر صاحب این برنامه هستید، از یکی از آنالوگ های ساده شده برنامه استفاده کنید: Fotor.com یا Canva.com.

ویرایش مقالات

چگونه یک گروه VK را ثبت کنیم؟ مقالات موجود در آن را با استفاده از ویرایشگر ویرایش کنید، می توانید آن را با این نماد پیدا کنید:

ما در مورد نحوه کار با ویرایشگر مقالات در VK در مقاله دیگری نوشتیم.

نشانه گذاری ویکی

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

بیایید نحوه ایجاد یک صفحه ویکی را بیابیم: مرورگر را باز کنید و آن را در نوار آدرس قرار دهید: http://vk.com/pages?oid=-111 &p=Created_page، جایی که "111" شناسه گروه است، و " Created_page" عنوان مقاله با کلماتی است که با زیرخط نوشته شده است. اغلب ما به حالت کد تغییر می کنیم، بنابراین بیایید نحوه انجام آن را فوراً ببینیم:

متن در ویرایشگر فرمت شده است که ساده و واضح است، شبیه به Word. اما گزینه تغییر فونت را ندارد، در عوض از تگ های H1، H2، H3، بولد و ایتالیک استفاده می شود.

در صورت لزوم، می توانید با استفاده از الگو: [لینک به مقاله|متن پیوند] پیوندی را در متن وارد کنید.

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

نسخه های پیچیده تری نیز وجود دارد:

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

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

اکنون تصاویری را برای منو می سازیم و آنها را به پست اضافه می کنیم، پیوند را از قسمت متن ویژه حذف می کنیم و روی "ارسال" کلیک می کنیم.

فقط برای اصلاح پست باقی مانده است.

به جای نتیجه گیری

چند نکته در مورد نحوه تنظیم یک گروه Vkontakte:

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

امیدواریم این مطالب در مورد نحوه طراحی گروه در Vkontakte مفید باشد. با تشکر از مشترکین

در این مقاله، من می خواهم تمام دانش خود را در مورد طراحی گروه های 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 را نقل می کنم. "یک توصیه ساده از تلاش و اعصاب شما صرفه جویی می کند: فقط در یک حالت کار کنید. یا حالت بصری است یا حالت نشانه گذاری ویکی. جابجایی بین این دو حالت در فرآیند کار بر روی نشانه گذاری است که بیشتر مشکلات را به همراه دارد: ممکن است تصاویر کاهش یابد، پارامترهای مختلف ممکن است ناپدید شوند. این یکی از نکاتی است که قطعا در آینده برطرف خواهد شد، اما در حال حاضر باید این واقعیت را در نظر داشته باشید.

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

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

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

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

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

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