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

سلام دوستان!

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

چه چیزی در طرح گنجانده شده است؟

بیایید از ابتدا شروع کنیم. بسیاری از مردم تعجب می کنند که چه چیزی در طراحی گنجانده شده است و چگونه می توان یک گروه VKontakte را بدون کمک خارجی ایجاد کرد.

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

آواتار

بیایید به هر عنصر طراحی جامعه به طور جداگانه نگاه کنیم. بیایید با آواتار شروع کنیم. اغلب این عنصر توسط بسیاری نادیده گرفته می شود و این بر عناصر دیگر تأثیر می گذارد.

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

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

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

بنابراین، من به شما پیشنهاد می کنم پول خرج کنید و توسط افراد حرفه ای آموزش ببینید. اولاً، مهارت های عملی به دست خواهید آورد (دانش آموزان معمولاً کار را برای مشتریان انجام می دهند) و ثانیاً می توانید انجمن هایی را نه تنها برای خود، بلکه برای مشتریان نیز ایجاد کنید. به طور متوسط، قیمت طراحی آواتار و منو از 1500 روبل و بالاتر شروع می شود. در بعضی موارد 5-6 هزار هم برای ثبت نام می گیرند.

به طور متوسط، تکمیل هر دو عنصر ممکن است یک یا دو روز طول بکشد. من این را با رزرو می گیرم. شما می توانید محاسبه کنید که چقدر می توانید از این کار درآمد کسب کنید. پس به یادگیری برمی گردم. در اینجا دوره واقعی ما در مورد آن صحبت می کنیم: http://www.1day1step.ru/design.php. قیمت ها در آنجا برای آموزش کاملاً مناسب است و می توانید پس از 2 مشتری بازپرداخت کنید.

منوی انجمن

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

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

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

پست های مارک دار

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

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

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

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

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

در اینجا چند مثال آورده شده است تا همه بفهمند ما در مورد چه چیزی صحبت می کنیم.

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

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

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

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

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

به عنوان بخشی از این استاد کلاس، من بازی Mad Max بر اساس فیلمی به همین نام را که همین چند هفته پیش منتشر شد، به عنوان نقطه شروع انتخاب خواهم کرد و یک انجمن برای بازیکنان با مواد مختلفبرای این بازی هدف اصلی- تخلیه ترافیک به سایت بازی شما.

قالب "گروهی" خواهد بود، زیرا برای ایجاد هجوم طبیعی مخاطبان و به حداکثر رساندن ارتباطات در جامعه ضروری است. اجازه دهید فوراً توضیح دهم که از یک تکنیک جهانی استفاده خواهم کرد که هم در قالب گروهی و هم در عموم قابل استفاده است. این در همه جا کار می کند.

مطالب زیادی وجود دارد، بیایید شروع کنیم به زنده کردن ایده!

ایجاد یک گروه

برای ایجاد یک گروه، به "گروه های من" در منوی سمت راست حساب VKontakte خود بروید و روی دکمه آبی در بالای "ایجاد انجمن" کلیک کنید.

پنجره ای مانند این ظاهر می شود که در آن نام گروه خود را وارد کرده و قالب را انتخاب می کنیم.

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

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

در این مورد، من محدودیت های سنی را از 18 سال تعیین کردم، مشابه مواردی که توسعه دهندگان برای بازی تعیین کردند. هرچند شک ندارم که بچه ها هم بازی می کنند.

همه. گروه ایجاد شد!

اکنون می توانید شروع به طراحی آن کنید.

قالب بندی گروه VKontakte

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

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

قالب چیست و حتی چیست؟ الگو نوعی خالی است. در این مورد، در قالب *.psd، قسمت هایی را برای تصویر زیر منو و آواتار گروه مشخص کرده ایم.

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

برای روشن تر شدن موضوع، در اینجا یک مثال آورده شده است.

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

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

در ضمن ما مستقیماً به سمت طراحی گرافیکی گروه جدیدمان می رویم. اینجاست که مسیری را انتخاب می کنم که کمترین مقاومت را داشته باشد و برای یافتن بخش هایی از طرح به Google Images می روم. همچنین می توانید از Yandex استفاده کنید. چه کسی چه چیزی را بیشتر دوست دارد؟

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

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

مرحله اول کار با گرافیک به پایان رسید. بیایید دوباره با هم تماس بگیریم.

تنظیم آواتار و منو برای یک گروه

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

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

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

این اعداد بعد از “?gid=” شناسه گروه مورد نظر هستند. مقدار به دست آمده را در فرم اسکریپت قرار می دهیم و نام صفحه ای را که می خواهیم ایجاد کنیم می نویسیم. در این مورد، من در "منو" تایپ می کنم.

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

اگر همه چیز به درستی انجام شود، صفحه ای مانند این باز می شود.

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

من "منو" را نوشتم و صفحه من پس از ذخیره به این شکل ظاهر شد.

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

در اینجا ما یک پست با محتوای زیر ایجاد می کنیم: درج یک عکس و یک پیوند به صفحه منو برای گروه.

روی ارسال کلیک کنید. سپس بر روی زمان ارسال پیام کلیک کرده و از بین تمامی گزینه ها گزینه “Pin” را انتخاب کنید. صفحه را به روز می کنیم (کلید F5 روی صفحه کلید) و اگر همه چیز به درستی انجام شود، اولین نتیجه را می گیریم: گروه یک آواتار و یک پیوند برای رفتن به بخش منو پیدا کرده است.

نشانه گذاری ویکی برای منوی گروه VKontakte

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

من در حال حاضر به جزئیات در مورد نحوه تنظیم منو نمی پردازم. این چیزی است که من دریافت کردم.

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

تصویر را تکه تکه می کنیم و ذخیره می کنیم.

همه. زمان آکورد نهایی فرا رسیده است - ما در حال جمع آوری منو در خود گروه هستیم.

برای انجام این کار، به صفحه اصلی گروه (جایی که فید و لینک تصویر ما منتهی به منو است) برمی گردیم. روی تصویر منو کلیک می کنیم و به همان صفحه ای می رسیم که قبلا برای منو ایجاد کرده بودیم.

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

سپس به حالت نشانه گذاری ویکی می رویم (زیر دکمه بستن در گوشه سمت راست بالای صفحه یک قاب با<>داخل). هنگامی که حالت مورد نظر فعال می شود، این دکمه به رنگ خاکستری مشخص می شود.

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

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

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

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

در مورد من کد منو به این شکل است.

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

وقتی کد را نوشتیم و همه عناصر را تراز کردیم، صفحه را ذخیره می کنیم و همان چیزی که در فتوشاپ بود را می بینیم.

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

سپس پیوندهای صفحات جدید را در کد ویکی منو در فرم page-102302049_51013384 وارد می کنیم که شماره اول شناسه گروه و شماره دوم شماره صفحه است. اگرچه، به طور کلی، این مهم نیست. پس از همه، ما فقط باید این قطعه URL را کپی کنیم و آن را در نشانه گذاری قرار دهیم.

در نتیجه کد منو به شکل زیر در می آید.

در ظاهر هیچ چیز تغییر نکرده است. اما وقتی روی آیتم های منو کلیک می کنیم، می بینیم که الان کار می کند!

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

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

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

دستورالعمل ایجاد یک انجمن

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

یک بنر ایجاد کنید

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

1. فتوشاپ را باز کنید و یک سند جدید در این برنامه ایجاد کنید که اندازه آن 630x725 پیکسل است. همه چیز را با رنگ سفید پر کنید.
2. دو پنجره را در لایه (200x710 و 382x442 پیکسل) برش دهید. از طریق این پنجره ها است که طراحی گرافیکی جامعه نمایش داده می شود. ما دو پنجره را در امتداد پایین ترکیب می کنیم.
3. روی تصویر متن و آیتم های منو را که برنامه ریزی کرده اید می نویسیم. در اصل، این پاسخ به این سوال است که چگونه منوی یک گروه VKontakte را طراحی کنید.
4. مستطیلی که ما با اندازه 200x710 پیکسل ایجاد کردیم به طور جداگانه ذخیره می شود. این آواتار گروه یا عمومی شماست.
5. باید سمت چپ تصویر (382x442) را به چند قسمت برش دهیم. تعداد آنها بستگی به تعداد موارد موجود در منوی انجمن شما دارد.
6. VKontakte را در مرورگر Orbitum یا هر دیگری باز کنید. ما تصاویر به دست آمده را ذخیره کرده و در آلبوم گروه شما آپلود می کنیم.
7. به برگه "اخبار" - "ویرایش" - "کد منبع" بروید. کدی را که در پنجره پایین می بینید در "منبع..." قرار دهید. عکس را به نام فایل تغییر می دهیم و همچنین ارتفاع فایل را نشان می دهیم. URL پیوندهای منو را به صورت دستی وارد کنید.
8. برای اینکه تصاویر شما هماهنگ و درست جا بیفتند باید نام انجمن در یک خط، توضیحات در 10 خط و آدرس سایت نیز در یک خط باشد.

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

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

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

اشتراک در

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

اندازه های عنصر

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

بیایید هر عنصر را جداگانه بررسی کنیم:

ساخت کلاه

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

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

آواتار

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

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

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، بولد و ایتالیک استفاده می شود.

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

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

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

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

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

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

تنها چیزی که باقی می ماند پین کردن پست است.

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

چند نکته در مورد نحوه ایجاد یک گروه VKontakte:

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

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