ما منوی گروه Vkontakte را طراحی می کنیم: تصاویری را برای آواتارها و کلاه ها انتخاب می کنیم ، عکس های با کیفیت بالا در گروه ایجاد می کنیم ، ویجت ها را برای گروه تجاری Vkontakte طراحی می کنیم

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

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

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

ما نکاتی را برای شما آماده کرده ایم که به شما کمک می کند گروه VKontakte شما را برای اعضا و مشتریان بالقوه جذاب کنید.

تصویر یک ابزار تجسم مهم برای طراحی گروه Vkontakte است

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

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

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

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

<> آواتار : حداقل - 200 x 200 پیکسل، در غیر این صورت سیستم خطا صادر می کند. حداکثر اندازه اعلام شده 200 در 500 پیکسل است. (اگر اندازه بزرگتر است، نکته اصلی این است که نسبت 2 به 5 باقی می ماند).
• جلد : برای نسخه کامل و موبایل متفاوت است، بنابراین باید این نکته را هنگام انتخاب در نظر بگیرید و بررسی کنید که هنگام مشاهده در یک صفحه چگونه به نظر می رسد. تلفن. بنابراین، یا 1590 x 400 پیکسل، یا یک نسخه کوتاه - 1196 x 400 پیکسل.
• تصاویر برای پیوست : اکنون فید خبری VKontakte از نظر عرض ثابت شده است، بنابراین اکنون شما تصاویر به دلیل پیوست تغییر شکل داده نمی شوند. سعی کنید تصویر را مربع (بسیار خوب برای نسخه موبایل) یا مستطیل به صورت افقی و حداقل 510 پیکسل در عرض داشته باشید.
​​
• تصاویر صفحه با پیوندها : هنگامی که پیوندی به آن اضافه می شود به کتیبه ها پیوست می شود. حداقل برای آن 537 در 240 پیکسل است. (اما در صورت رعایت تناسب بیشتر مجاز است). این تصاویر به صورت پیش‌فرض Open Graph یا از متا تگ Title گرفته می‌شوند، اما کاربر این فرصت را دارد که آنها را به دلخواه خود تغییر دهد (عکس دیگری را از انتشارات برای اعلام انتخاب کنید یا عکس خود را قرار دهید).
• تصاویر برای متن : 510 x 286 پیکسل. نکته رایگان: تصاویر را در ویرایشگر تیره تر و رنگارنگ تر کنید تا در پس زمینه حروف گم نشوند.
• تجسم تاریخ : به شما یادآوری می کنیم که انتشار داستان ها از طرف شما (با استفاده از سرویس رسمی) فقط توسط گروه هایی قابل تبلیغ است که دریافت ویژه دارند. مجوز از توسعه دهندگان شبکه های اجتماعی آنها با عکس ها (1080 x 1920 پیکسل) و فیلم ها (720 x 1280 پیکسل) - در قالب عمودی نشان داده شده اند. علاوه بر این، ویدیو باید تعدادی معیار را داشته باشد: طول - حداکثر 15 ثانیه، اندازه - حداکثر 5 مگابایت، کدک - h.264، صداگذاری - AAS.
• جلد آلبوم : برای نسخه کامل - 1200 x 800 پیکسل، برای نسخه کوتاه - 200 واحد کمتر.
• ویدیو : اندازه بهینه 1280 x 720 پیکسل است.
• صفحه ویکی : تصاویر بزرگ پس از انتشار به عرض 400 پیکسل فشرده می شوند، بنابراین با ماوس روی آن کلیک کنید و آن را روی 607x342 پیکسل قرار دهید. در حالی که نسبت ها حفظ می شود - سپس کل عرض صفحه ویکی را می گیرد.

طراحی کلاه برای عموم Vkontakte

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

• جلد. باید بسیار زیبا و چشم نواز باشد (1590 x 400 پیکسل) - به راحتی از منوی تنظیمات انجمن دانلود شود. شما می توانید روی جلد کاملا خلاق باشید: تبلیغات و "گرم ترین" پیشنهادات را منتشر کنید، بازدیدکنندگان را با یک شعار یا شعار شگفت زده کنید، نام گروه را معرفی کنید. همچنین ممکن است، برعکس، پوشش با اطلاعات بیش از حد بارگذاری نشود، و تنها اطلاعات عمومی مختصری در مورد عموم و پیوندی برای انتقال سریع به سایت باقی بماند.

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

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

منو. در اینجا می‌توانید از میان گزینه‌های مختلف، گزینه‌ای را انتخاب کنید که شما و مشترکانتان را تحت تأثیر قرار دهد:

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

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

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

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

هنگام طراحی گروه Vkontakte به کدام آواتار توجه کنیم؟

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

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

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

اگر نمی دانید چگونه از فتوشاپ استاندارد استفاده کنید، خدمات ویژه ای با گزینه های آماده وجود دارد، به عنوان مثال، Fotor.com، Canva.com و مانند آن برخورد با آنها کاملاً آسان است.

ابزارک ها: طراحی یک گروه تجاری Vkontakte

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

ایجاد الگوهایی برای پست‌ها

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

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

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

گاهی اوقات یک آرم به الگو اضافه می شود - یک نام تجاری، اگر گروه شما قبلاً یک نشان داشته باشد.

ویرایشگر مقاله

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

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

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

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

ویرایشگر و جوامع ویکی

VKontakte ویرایشگری برای پردازش صفحات ویکی، و همچنین گروه‌های ویژه "VKontakte Wiki Markup" و "Wiki" دارد. داک".

برای ایجاد چنین صفحه ای، باید مجموعه کاراکترهای زیر را در نوار آدرس وارد کنید: http://vk.com/pages?oid=-XXX&p=Оглавление_странички ، جایی که XXX ​​- این شناسه صفحه شما است (می توانید آن را یا در "سوابق انجمن" - اعداد قبل از "؟" یا با استفاده از سرویس "Find ID" پیدا کنید)، و "Page_Heading" است. عنوان مطلب با زیرخط در مکان‌های فاصله.

• شما می توانید توانایی ویرایش مطالب را خودتان پیکربندی کنید (می توانید پیدا کنید تنظیمات این مورد در پایین سمت چپ ویرایشگر). شما باید در مورد اجازه دادن به اشخاص ثالث برای ویرایش محتوای شما بسیار مراقب باشید.
• برای تغییر حالت کد هنگام کار با ویرایشگر بصری و برگشت، فقط باید روی نماد با دو براکت مثلثی افقی در گوشه سمت راست بالای ویرایشگر کلیک کنید.
• استفاده از ویرایشگر آسان است - بر اساس قیاس با Word، فقط شما نمی توانید با اندازه فونت در آن بازی کنید، اما برچسب گذاری (H1، H2، H3)، ایتالیک یا انتخاب پررنگ را انجام دهید.. برای قالب بندی متن جدی تر، باید آن را در حالت کد به صورت دستی انجام دهید.
• برای درج پیوند به مطالب در نشانه گذاری ویکی، باید فرمول را بنویسید: [پیوند به مطلب|متن پیوند].
• آپلود تصاویر در حالت رمزگذاری شده توصیه می شود تا از تراز و فشرده سازی خودکار جلوگیری شود. و قبل از آپلود یک فایل ویدئویی، ابتدا باید آن را در فیلم های ضبط شده خود ذخیره کنید.

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

ما یک منو برای پیمایش ایجاد می کنیم

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

• لازم است با چیزی مانند فتوشاپ کار کنید، که در آن باید یک تصویر ایجاد کنید، آن را به قطعات باز کنید، قطعات را در یک پست ویکی با اضافه کردن پیوندها
• می توانید منوی ایجاد شده را با ایجاد آن به زبان ویکی به سرصفحه صفحه پین ​​کنید.
• منوها می توانند بسیار متنوع باشند: ساده (1، 2 یا چند ستون)، در طرح بندی جدولی (ایجاد جدول در زبان ویکی)، تطبیقی.

به طوری که آنها بر روی صفحه نمایش رایانه شخصی خوب به نظر می رسند و در یک ابزار تلفن همراه، به شما توصیه می کنیم از یک طرح بندی جدولی با عرض سلول واضح استفاده کنید و منو را به همان اشکال هندسی برش دهید (3 ستون - حداکثر عرض - 190 پیکسل، 4 ستون - 150، 5 - 110).

بررسی نتیجه

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

در مرورگر گوگل کروم کافی است به صفحه ویکی بروید و «m» را قرار دهید. به آدرس، سپس راست کلیک کرده و "مشاهده کد" را انتخاب کنید، و سپس - بر روی طراحی سبک یک ابزار موبایل. باید دستگاه مورد نظر را انتخاب کنید و صفحه را Refresh کنید تا همه چیز به درستی نمایش داده شود.

همچنین می توانید افزونه Resolution Test را در Google Chrome نصب کنید، به نسخه موبایل VKontakte بروید و اندازه مورد نظر را انتخاب کنید.

ویدئو: ساخت طرحی شیک از گروه Vkontakte