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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

نحوه تنظیم یک گروه در تماس

ساخت یک بنر زیبا

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

مرحله ی 1

برنامه فتوشاپ را باز کنید و یک سند جدید در آن بسازید که اندازه آن باید 630x725 پیکسل باشد. سپس این سند را با رنگ سفید پر کنید. پس از آن، دو پنجره را در لایه برش دهید. از طریق این پنجره ها است که طراحی گرافیکی گروه ما قابل مشاهده خواهد بود. ابتدا یک مستطیل با اندازه 200x710 پیکسل انتخاب کرده و دکمه Del را فشار دهید. مستطیل بعدی 382x442 را انتخاب کنید، هر دو مستطیل را در پایین تراز کنید و دکمه Del را فشار دهید.

مرحله 2

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

مرحله 3

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

با عکس سمت چپ چه کنیم؟ عکس سمت چپ را بسته به تعداد آیتم های منو به چند قسمت تقسیم می کنیم. به عنوان مثال، اگر ما 5 آیتم منو داشته باشیم، در نهایت 5 تصویر با عرض 382 پیکسل و ارتفاع حداقل 50 پیکسل دریافت می کنیم.

مرحله 4

5 عکس دریافتی در آلبوم گروه بارگذاری می شود: عکس های من - آلبوم های من - افزودن عکس ها. پس از آن، به صفحه گروه بروید و بلوک ویژه "اخبار" را انتخاب کنید، که می توان آن را به "منوی گروه" تغییر نام داد. دکمه "ویرایش" را فشار دهید.

مرحله 5

به تب "کد منبع" بروید. کد واقع در پنجره پایین باید کپی شده و در "کد منبع" جایگذاری شود. در کد، عکس را به نام فایل تغییر دهید و ارتفاع فایل (عرض 382 پیکسل) را مشخص کنید. سپس آدرس لینک های منو را وارد می کنیم. نام فایل را از آلبوم می گیریم. تصویر باز مانند این است http://vkontakte.ru/photo7236095_23453800. همه چیز بعد از عکس نام عکس است.

مرحله 6

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

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

نحوه ترتیب دادن یک گروه Vkontakte با استفاده از نشانه گذاری ویکی

نشانه گذاری ویکی چیست؟

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

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

نحوه ترتیب دادن یک گروه Vkontakte، طراحی منو

منوی متنی با نمادها

کد این منو به شکل زیر خواهد بود:

کد با برچسب شروع و پایان می یابد. هر نماد دارای فرم [] و متن توضیحات است.

منوی گرافیکی

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

! !! !!

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

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

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

ساخت بنر

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

مرحله ی 1

فتوشاپ را باز کنید، یک سند جدید با ابعاد 630x725 پیکسل ایجاد کنید. آن را با رنگ سفید پر کنید. دو پنجره را در لایه برش دهید. طراحی گرافیکی Contact از طریق این پنجره ها مشاهده می شود. ابتدا یک منطقه مستطیلی 200x710 پیکسل را انتخاب کنید، دکمه "Del" را فشار دهید. در مرحله بعد، یک ناحیه مستطیلی به اندازه 382x442 پیکسل انتخاب کنید، مستطیل های حاصل را به سمت پایین تراز کنید و کلید "Del" را فشار دهید.

مرحله 2

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

مرحله 3

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

عکس سمت چپ برای چیه؟ آن را به چند قسمت برش می دهیم (بسته به تعداد آیتم های منو). مثلا منوی ما 5 آیتم داره یعنی خروجی 5 عکس 382x50 پیکسل میشه.

مرحله 4

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

مرحله 5

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

مرحله 6

برای تراز کامل تصاویر، باید چندین شرط را رعایت کنید:

نام گروه باید در یک خط قرار گیرد.

آدرس سایت هم یک خط است.

توضیحات باید 10 خط باشد.

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

برای درک نحوه طراحی زیبا، باید با مفهوم نشانه گذاری ویکی نیز آشنا شوید.

چیست؟

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

دکوراسیون منوی متنی

کد منو به شکل زیر خواهد بود:

ابتدا و انتهای کد با برچسب مشخص می شود. هر نماد مانند [] خواهد بود که با یک توضیح همراه است.

منوی گرافیکی

کد چنین منویی طبق اصل زیر کامپایل می شود:

! !! !!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

"مخاطبین" حاوی پیوندهای سریع به مدیریت گروه است. در توضیحات برای هر تماس، معمولاً شرح کوتاهی از یکی از اعضای اداره تجویز می شود، بنابراین آن را بدون توجه رها نکنید - ظاهر "Contacts" نیز بر طراحی کلی گروه تأثیر می گذارد.

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

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

سه نوع اجتماع - گروه، صفحه عمومی و رویداد

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

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

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

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

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

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

در اینجا چند نکته کوچک دیگر برای ایجاد زیبایی در گروه Vkontakte آورده شده است:

ویدئو - طراحی گروه Vkontakte