طراحی زیبای گروه VKontakte. نحوه ایجاد یک گروه Vkontakte

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

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

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

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

ما یک الگو برای گروه VK مانند تصویر زیر می سازیم.

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

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

هنگامی که پروژه را در فتوشاپ ذخیره می کنید و تمام عناصر غیر ضروری را حذف می کنید (فتوشاپ تمام تصاویر و کادرهای سفید را با آنها برش داده و ذخیره می کند) باید نام عکس ها را ترجیحاً برای راحتی تغییر دهید و آنها را به ترتیب شماره گذاری کنید. در منو قرار خواهد گرفت.

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

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

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

همه آماده است؟ اگر بله، سپس ما شروع به ویرایش منوی خود می کنیم. برای این کار از برگه «آخرین اخبار» استفاده می کنیم. دوباره روی "ویرایش" کلیک کنید.

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

کد نمونه برای منوی مورد نظر:

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

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

اگر منوی شما در سطح پایین با آواتار گروه Vkontakte مطابقت نداشت، با تغییر ارتفاع در px، تراز را در کد موجود در قسمت پایین تر به دست آورید. با تغییرات زیاد، این می تواند بر کیفیت تصویر تأثیر بگذارد. در این مورد، در قالب اصلی ویرایشگر گرافیکی (در مورد ما، این فتوشاپ است)، تغییراتی در اندازه قطعه مورد نظر ایجاد کنید و در صورت لزوم، کل طرح را دوباره ترسیم کنید. این همه دوستان، طراحی گروه VK به پایان رسید! شما اکنون صاحب یک گروه حرفه ای طراحی شده هستید.

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

مثل همیشه از نظرات شما بسیار خوشحالیم، دوستان بیشتر بنویسید))

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

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

چگونه با طراحی شروع کنیم؟

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

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

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

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

مردم نمی خواهند یک محصول/خدمت بخرند - آنها راه حلی برای مشکلات خود می خواهند.

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

عناصر مهم در طراحی گروه های Vkontakte

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

آواتار

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

فقط از تصاویر با کیفیت بالا استفاده کنید و کلیپ آرت را از سهام عکس رایگان فراموش کنید. جستجوی تصویر برای طراحی موثر گروه Vkontakte باید در سایت های pinterest.com، freepik.com، flaticon.com یا در موارد شدید، google.ru انجام شود. اما بهتر است تصاویر را در استوک عکس پولی انتخاب کنید. عبارت های جستجو را فقط به زبان انگلیسی وارد کنید. اگر با زبان انگلیسی مشکل دارید، از مترجم گوگل استفاده کنید.

و برای اینکه تصمیم درست را برای شما آسانتر کنیم، ما ما 500 سکان برای طراحی منو می دهیمبه همه کسانی که روی پیوند مشخص شده کلیک کردند. برای دریافت تخفیف کافیست کد را وارد کنید HWC1817-500-منوهنگام ارسال درخواست

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

مرحله 1. آپلود آیتم های منو به vk.com

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

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

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

مونتاژ منوی گروه از این قسمت ها باقی مانده است.

مرحله 2. مونتاژ منو از عناصر

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

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

388 پیکسلعرض منوی شماست

هیچ مرزی- به این معنی است که آیتم های منوی شما یک خط مشکی در اطراف طرح کلی خود ندارند

بدون بالشتک- به این معنی است که هیچ فاصله ای بین تصاویر وجود نخواهد داشت (این همان چیزی است که برای جامد بودن منو به آن نیاز داریم).

فضای انتهایی مورد نیاز است، در غیر این صورت هیچ چیز کار نخواهد کرد.

شما باید به تعداد موارد موجود در منوی خود خط دریافت کنید (و بر این اساس، تعداد تصاویری که کشیده اید):

مراقب باشید ترتیب تصاویر را اشتباه نگیرید.

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

مرحله 3 پیوست کردن صفحات داخلی به منو

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

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

ما بلافاصله بررسی می کنیم که چه دسترسی به صفحه ای را که نصب کرده ایم (به یاد داشته باشید که دسترسی به نمای صفحه باید تنظیم شود - تمام کاربرانو ویرایش دسترسی - فقط سردبیران و مدیران) و آن را با اطلاعات پر کنید.

در حالی که صفحه را با اطلاعات پر می کنید، می توانید از نوار قالب بندی متن برای تأکید بر متن استفاده کنید، متن را پررنگ، مورب، اضافه کردن تراز یا اضافه کردن لیست کنید:

قالب بندی متن با استفاده از این پنل سخت تر از کار در Word نیست: شما به سادگی متن را با ماوس انتخاب کرده و دکمه مورد نیاز خود را فشار دهید.

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

و این چیزی است که اتفاق می افتد:

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

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

ما این مرحله را برای هر یک از صفحات خود تکرار می کنیم (این را داریم نحوه سفارش, نحوه پرداخت, نحوه انتخاب سایز مناسبو تحویل چه مدت طول میکشد) به جز صفحه

امروز "غوطه وری در گروه های VK" را ادامه خواهم داد. در قسمت سوم «سریال» گفتم و نشان دادم. امروز بیایید در مورد طراحی منوی گروه VKontakte صحبت کنیم!

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

سوال 1:اولین و رایج ترین: "کد در منو کجاست؟"یا "اگر هیچ نشانکی در هنگام ویرایش "کد منبع" وجود ندارد چگونه یک صفحه داخلی اضافه کنیم؟"یا «هنوز نمی‌فهمم اگر کد ظاهر نشد چه کار کنم!»

پاسخ 1: VK ویرایشگر را تغییر داده است، اکنون فقط با یک کلیک می توانید بین ویرایشگر بصری و کد (گوشه سمت راست بالای ویرایشگر) جابجا شوید:

برای بررسی اینکه در کدام ویرایشگر هستید: ماوس خود را روی این دکمه حرکت دهید، متنی بنویسید و آن را پررنگ کنید - اگر کاراکترهای معمولی ظاهر نمی شوند، پس این کد است.

سوال 2:دومی واقعا مشکل داره: چگونه فاصله بین تصاویر را حذف کنیم؟»

جواب 2:اعتراف می کنم، من خودم زمانی که برای اولین بار منو برای مشتری "رفت" ترسیدم. الان سریع درستش کردم اما بعدش جالب نبود. دیدن:

یک تگ nopadding اضافه کنید. و همه چیز سر جای خودش قرار خواهد گرفت!

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

الگو: [] مثال: []

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

سوال 3:اخبار. در اکتبر 2012، Vkontakte به زور نویسندگان گروه ها و مردم را قطع کرد. اکنون اندازه آنها دارای استاندارد مشترک 200x500 پیکسل است. بنابراین، اگر آواتار بیشتری در گروه خود داشتید، به روز رسانی کنید (آواتار را به روز کنید).

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

فلانی، ما با سؤالات تمام شده ایم ... حالا بیایید به سمت ایجاد منو حرکت کنیم!

مرحله 1. نحوه ایجاد یک منو در یک مخاطب و ایجاد صفحات تو در تو:

اول از همه، بیایید مطمئن شویم که می دانید چگونه یک منوی گروهی را در یک مخاطب ایجاد کنید و یک دستورالعمل کوچک را دنبال کنید:

برگه تقلب من را چگونه دوست دارید؟

این برگه تقلبی است که من درست کردم! برای وضوح بیشتر، هر شکل را می نویسم:

این عمل را با تمام صفحات تو در تو انجام دهید و منوی شما آماده خواهد شد.

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

مرحله 2. نحوه ایجاد یک منوی گرافیکی زیبا در یک مخاطب و نصب آن:

من کل تئوری را در مورد نحوه عملکرد نشانه گذاری ویکی در تماس به شما ارائه نمی دهم، ما اکنون اهداف دیگری داریم. برای ایجاد یک منوی بصری در یک گروه VK، نیازی به دانستن کل نشانه گذاری ویکی ندارید. بیایید به ایجاد یک منوی بصری برویم!

ابتدا کد و نتیجه منو را به شما نشان می دهم:

اعتراف می کنم، من عمداً این مقاله را نوشتم. همه «دست‌ها نرسید»، می‌دانی، مثل «کفاش بدون چکمه». اما الان با یک منوی بصری در گروه VK هستم!

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

من گزینه تنظیم منوی متوسط ​​را به شما نشان خواهم داد. تفاوت در تعداد عناصر است. منو که به سادگی به صورت نوار بریده شده است، ساده ترین اجرا است. هر چه دکمه های قابل کلیک پشت سر هم بیشتر باشد، اجرای آن دشوارتر است. اگر چه، دانستن ویژگی، همه چیز ساده است! فقط زمان لازم داره. بنابراین عرض تصویر باید باشد:

370 پیکسل - اگر دو یا چند شی در یک ردیف دارید، مانند دکمه های شبکه اجتماعی من

و حداکثر 388 پیکسل - اگر تصویر را به روشی ساده، فقط به خطوط برش دهیم، بدون اینکه آن را به اشیاء کوچک تقسیم کنیم. این ویژگی است که هنگام برش منو به دکمه ها باید بدانید. اندازه تصویر من از کل منو 370x456 پیکسل بود.

پس از برش عکس به تعداد مورد نیاز اشیاء و ذخیره در یک آلبوم جداگانه، این آلبوم را در VK آپلود می کنیم. ما در نمایه حساب آپلود می کنیم، نه در گروه! از آنجایی که در آلبوم های گروه دیگر امکان مخفی کردن آلبوم وجود ندارد. یک آلبوم فنی در یک گروه شرکتی (به عنوان مثال) اصلاً مورد نیاز نیست، بنابراین موارد منو را در آلبوم حساب پنهان می کنیم:

آلبوم فنی VK

وقتی حریم خصوصی «فقط من» را تنظیم کردید. ما به نصب خود منو ادامه می دهیم. من یک نمونه کد به شما می‌دهم که می‌تواند یک الگو برای شما باشد و آن را تجزیه و تحلیل کنید:

[]

جایی که، عکس7632142_296911699آدرس عکس هست در نوار آدرس تصویر به آن نگاه می کنیم:

از اولین تصویر، اجازه دهید منو را در گروه VKontakte وارد کنیم

شما به یک آدرس کوتاه از عکس نیاز دارید، برای این کار به خود آلبوم بروید:

برای دریافت آدرس تصویر مورد نظر به خود آلبوم بروید!

... و از اولین عکس شروع کنید، آنها را به منوی گروه منتقل کنید.

اضافه کردن اندازه تصویر به کد منو!

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

در اینجا یک توضیح کوچک وجود دارد! ما پیوندهای خارجی، پیوندهایی به آلبوم های VK و بحث ها را به طور کامل می نویسیم، و پیوندهایی به صفحات داخلی در قالب صفحه-32734125_44298120. در ابتدا و انتهای خط، فراموش نکنید که دو علامت مربع و بدون فاصله قرار دهید.

توضیح 2: وقتی به صفحات داخلی بدون تصویر پیوند می دهیم، نقل قول های مربعی تکی را برای بحث، آلبوم و لینک های خارجی قرار می دهیم.

خطوطی که در آنها دو یا چند عنصر دارید بدون فاصله در کد درج می شوند. هر خط از تصویر را یکی پس از دیگری درج کنید. زیرا اگر بعد از خط با تصویر Enter را فشار دهید، تصویر به یک خط جدید می رود و منو حرکت می کند. ما نیاز داریم که منو به طور کلی نمایش داده شود، بنابراین به هیچ فاصله و "irter" اضافی نیاز نداریم!

پس از اینکه تمام تصاویر را به منو منتقل کردید و آنها را طراحی کردید (اندازه، پیوند)، نتیجه را ذخیره کنید و کار خود را تحسین کنید! همه! آماده!

آیا می خواهید یاد بگیرید که چگونه یک گروه را در VKontakte در سال 2018 ثبت کنید؟و نه فقط ترتیب دادن، بلکه خودتان آن را به درستی و زیبایی انجام دهید! اگر پاسخ شما "بله" است، پس این مقاله برای شما مناسب است!

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

در صفحه کنترل، روی «آپلود» کلیک کنید و یک تصویر را انتخاب کنید. به نظر می رسد: نام گروه، سپس تصویر کوچک آواتار، وضعیت.

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

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

پست پین شده

اسرار طراحی گروه VK

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

برنامه های رایگانبه مدیریت انجمن بروید و برای ویرایش تنظیمات خود به Applications بروید.

در اینجا می‌توانید برنامه‌ای را اضافه کنید که افزوده‌ای عالی به عملکرد گروه باشد. به عنوان مثال، مانند گروه ما که محتوای مفیدی را به صورت رایگان ایجاد می کند، دکمه "Support the Community" وجود دارد که با کلیک کردن روی آن می توانید هر مبلغی از 100 روبل را به نفع جامعه اهدا کنید. همچنین می تواند فروشگاه محصول، پرسشنامه، تست، چت آنلاین، اشتراک خبرنامه و غیره باشد.

سایر ابزارک ها و برنامه های کاربردی:

• پرسشنامه ها؛
• آزمایشات؛
• ثبت نام برای خدمات؛
• ارسال پیام؛
• فروشگاه کالا؛
• و غیره

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

نتیجه

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