قائمة طعام
مجانا
تحقق في
الصفحة الرئيسية  /  بواسطة / تصميم مجموعة فكونتاكتي: دليل تصميم كامل. تصميم مجتمع فكونتاكتي: الدليل الأكثر تفصيلاً في Runet لمجموعة أو صفحة عامة إنشاء صورة مصغرة لمجموعة في VK

تصميم مجموعة فكونتاكتي: دليل تصميم كامل. تصميم مجتمع فكونتاكتي: الدليل الأكثر تفصيلاً في Runet لمجموعة أو صفحة عامة إنشاء صورة مصغرة لمجموعة في VK

Evgeniya Kryukova

* تحديث المقال.

إن التصميم الجميل لمجتمع فكونتاكتي ليس نزوة ، ولكنه عنصر مهم يشكل ثقة المستخدم فيك وشركتك. إذا لم يتم تصميم صفحة أو مجموعة عامة بشكل احترافي ، فقد يستنتج عملاؤك المحتملون منطقيًا تمامًا أنك مهملة تمامًا بشأن عملك. لمنع حدوث ذلك ، تأكد من أن صفحة VKontakte الخاصة بك جميلة وأنيقة وسهلة الاستخدام. كيف افعلها؟ اقرأ أدناه.

الأحجام الفعلية لصور فكونتاكتي

منذ بعض الوقت المطورين شبكة اجتماعية انطلاق "فكونتاكتي" تصميم جديد... هذا أدى إلى حقيقة أن حجم ومبادئ عرض الصور قد تغيرت. المذكرة ، التي ستعطى أدناه ، تتوافق مع جميع الابتكارات وتحتوي على أبعاد ذات صلة هذه اللحظة زمن.

الآن دعونا نلقي نظرة فاحصة على كل عنصر.

حجم الصورة الرمزية VK

الحد الأدنى لحجم الصورة الرمزية هو 200 × 200 بكسل. إذا حاولت تحميل صورة يقل عرضها أو يقل عن 200 بكسل ، فسترى هذا الخطأ:


الحد الأقصى لحجم الصورة الرمزية هو 200 × 500 بكسل. ولكن ، من حيث المبدأ ، يمكنك تحميل الصور وأحجام أكبر - حتى 7000 بكسل على كل جانب. الشيء الرئيسي هو أن نسبة أضلاعهم لا تتجاوز 2 إلى 5.

سأريكم مع مثال.

لدي صورة. حجمها 200 × 800 بكسل (نسبة 2 إلى 8). لا يوجد خطأ أثناء التحميل. ومع ذلك ، ما زلت لا أستطيع استخدام هذه الصورة ، نظرًا لأن "جهة الاتصال" لا تسمح لي بتحديدها بالكامل.

التغطية

حجم غلاف النسخة الكاملة للموقع 1590 × 400 بكسل.


يرجى ملاحظة ما يلي: في اصدار المحمول والتطبيقات ، لا يتم عرض النسخة الكاملة للغلاف ، ولكن فقط جزء منها 1196 × 400 بكسل. تعرف على كيفية اقتصاصها في تطبيق الجوال:

لمنع حدوث ذلك ، ضع العناصر الرئيسية للغلاف ضمن 1196 × 400 بكسل.


الصور المرفقة

في التصميم المحدث لـ "Contact" ، أصبح عرض موجز الأخبار ثابتًا. وهذا يعني أن الصور المرفقة بإحدى المشاركات لم تعد تمتد ، ولكنها تظل كما هي. لذلك ، إذا كنت تريد أن تملأ صورتك المساحة المخصصة لها بالكامل في موجز الأخبار ، فيجب أن يكون عرضها 510 بكسل على الأقل. من الأفضل أن يكون مربعًا أو مستطيلًا اتجاه أفقي.

يبدو مربكًا قليلاً :) لذا سأريكم مثالاً.

لنفترض أن لدينا صورة مربعة بجوانب 510 بكسل. إذا أرفقناه بمنشورنا ، فسيبدو جيدًا جدًا في موجز الأخبار على جميع الأجهزة:


وهذه هي الطريقة التي تبدو بها الصورة الأفقية في الاتجاه الأفقي (العرض 510 بكسل):


كما ترى ، كلما كانت الصورة أضيق (في الارتفاع) ، كلما كانت أصغر في تغذية الهواتف الذكية. للتحقق من ذلك ، انظر إلى الصورة أدناه:

من الواضح أن الفرق ليس حاسمًا بشكل خاص هنا ، وسيظل مستخدمو الهواتف الذكية يفكرون في صورتك ، في الحالة الثانية فقط سيكونون أكثر راحة.

صور للمنشورات مع الرابط


كل هذه البيانات مأخوذة من رمز ترميز Open Graph:


إذا لم يتم تحديد Open Graph ، فسيتم أخذ العنوان من العلامة الوصفية Title ، ويتم التقاط الصورة من المقالة. في الوقت نفسه ، يمكن تغييره بسهولة - أو يمكنك تحديد صورة أخرى من المقالة باستخدام أسهم خاصة:


أو قم بتحميل:


الحد الأدنى لحجم الصورة التي يمكنك استخدامها كمعاينة لمقالك هو 537 × 240 بكسل. ومع ذلك ، يمكنك تحميل صور أكبر طالما أن نسبة العرض إلى الارتفاع صحيحة.


صورة لمقال تم إنشاؤه في المحرر

حجم الصورة لغلاف المقال ، الذي تم إنشاؤه في المحرر ، هو 510 × 286 بكسل. من الأفضل إذا كانت مظلمة وأكثر أو أقل أحادية اللون ، حيث يتم فقدان عنوان المقالة والمجتمع على خلفية فاتحة.

مثال جيد:


ليس مثالاً جيدًا:


حجم الصورة والفيديو للقصص

حجم الصور 1080 × 1920 بيكسل. حجم الفيديو 720 × 1280 بيكسل.

مواصفات تسجيلات الفيديو:

  • حتى 15 ثانية ؛
  • لا يزيد عن 5 ميغابايت ؛
  • برنامج الترميز h.264 ؛
  • صوت AAC.

يجب أن تستخدم القصص صورًا ومقاطع فيديو بالتنسيق العمودي.

يرجى ملاحظة: لا يمكن إضافة القصص نيابة عن المجتمعات في الوقت الحالي إلا من قبل المجتمعات الكبيرة التي فتحها مطورو فكونتاكتي لهذه الوظيفة. ويتم ذلك باستخدام التطبيق الرسمي... لا يمكنك القيام بذلك من جهاز كمبيوتر.

أمثلة على الجلود الديناميكية:





الغلاف + وصف المجتمع + رابط موقع الويب

لا تقوم بعض الشركات بإصلاح أي مشاركات على وجه التحديد في الرأس حتى يتمكن المستخدمون من قراءة المعلومات الأساسية حول الصفحة والانتقال مباشرة إلى الموقع.



الوصف مع علامات التصنيف

تضيف بعض الشركات علامات تصنيف إلى الوصف القياسي للصفحة التي تميزها. يتم ذلك بحيث تكون الصفحة ذات صلة أوضح ، ونتيجة لذلك ، تكون أعلى في البحث عن الاستعلامات ذات الصلة. لنكون صادقين ، لا أعرف ما إذا كانت هذه الطريقة تعمل أم لا. لم أقابل أي حالات حول هذا الموضوع ، لذلك إذا كان أي شخص يعرف ، سأكون ممتنًا إذا شاركت رابطًا.


مشاركة مثبتة تخبر عن موضوع الصفحة

إذا كنت تريد أن تخبر عن صفحتك بمزيد من التفاصيل (مع الصور والروابط والتصميم الجميل) ، فيمكنك إرفاق منشور ويكي أو مقالة ، موضحة في المحرر ، مع صورة مشرقة على الإعلان إلى الرأس ، والتي ستشجع المستخدمين على النقر عليها. مثال على هذا المنشور:


وهذا ما يراه المستخدم بعد أن ينقر على الرابط:


قائمة روابط جديدة

منذ وقت ليس ببعيد ، قام مطورو VKontakte بإرضاء مالكي المجتمع أخيرًا بأداة جديدة يمكنك من خلالها إنشاء قوائم - بسرعة وبدون أي عذاب مع صفحات wiki. تبدو بدائية بعض الشيء ، فكيف تصنع قائمة جميلة، سأخبرك أيضًا.


تظهر القائمة تلقائيًا إذا كنت تستخدم تطبيقات المجتمع أو لديك متجر متصل. على سبيل المثال ، في الصورة السابقة ، جميع عناصر القائمة الثلاثة هي روابط للتطبيقات. يمكنك إضافة خاصتك هنا - على سجلات مهمة، ألبومات ، نقاشات ، وما إلى ذلك ، حتى 7 قطع (باستثناء التطبيق). ولكن يمكنك فقط الارتباط بالموارد داخل الشبكة الاجتماعية ، باستثناء صفحات wiki.

لتعديل القائمة ، انقر على "تخصيص" في الزاوية اليمنى العليا من القطعة:


لإضافة عنصر قائمة ، انقر فوق ارتباط جديد.


في النافذة التي تفتح ، حدد الغلاف (الحد الأدنى للحجم - 376x256 بكسل) ، وأدخل اسم عنصر القائمة (من المهم الاحتفاظ به ضمن 20 حرفًا بمسافات) ، ثم أضف رابطًا وانقر على "حفظ".


إذا كنت تريد إخفاء تطبيق من القائمة ، فقم بتغيير عنوانه أو غلافه ، انقر فوق "تغيير" مقابل العنصر المقابل. يمكن القيام بنفس الشيء مع بقية الروابط التي تمت إضافتها يدويًا وتتطلب التعديل.


يجب أن يبدو الإخراج على النحو التالي:


تم فتح قائمة المجموعة

قائمة مفتوحة أسميها مثل هذه القائمة ، والتي تعرض على الفور العناصر التي تتكون منها. أي أن صورة معاينة منشور wiki تكرر محتواها تمامًا. وبالتالي ، يرى المستخدمون على الفور ما ينتظرهم في الداخل. سأريكم مع مثال.

إليك ما تبدو عليه المشاركة المثبتة في رأس Flatro:



تم إغلاق قائمة المجموعة

القائمة المغلقة هي نفس مشاركة الويكي كما في الفقرة السابقة ، فقط الإعلان يحتوي على صورة لا توجد بها عناصر قائمة. عادة يكتبون عليه: "القائمة" أو "قائمة التنقل" أو "التنقل عبر المواد العامة".


وهذا ما نراه عندما نضغط عليه:

بالمناسبة ، تجدر الإشارة إلى أن هذه ليست الخيارات الوحيدة. في الأساس ، يمكنك كتابة ما تريد في هذه الصورة. الشيء الرئيسي هو أن المستخدم يريد النقر عليه ، ويفهم ما ينتظره بعد ذلك. مثال:


قائمة المجموعة

القائمة المدمجة هي عندما تكون الصورة في الإعلان عن قائمتك صورة واحدة مع الصورة الرمزية. أدناه سأخبرك بالتفصيل كيفية إنشاء مثل هذه القائمة ، ولكن في الوقت الحالي ، انظر فقط كم تبدو جميلة.


هل تريد تصميم مجتمع فكونتاكتي بشكل جميل ، ولكنك تفتقر إلى المهارات اللازمة؟ طلب التسجيل في شركتنا. سنجهز لك صورة رمزية وغطاء وقوالب للفئات والقوائم ومعاينات المنتج.

GIF و الصورة الرمزية في صورة واحدة

لكن هذا الخيار لتصميم الغطاء أعجبني كثيرًا حقًا. يندمج ملف GIF الذي يتم تشغيله تلقائيًا مع الصورة الرمزية في تكوين واحد ويجذب انتباه المستخدمين ، على الرغم من عدم وجود معلومات عنه على الإطلاق.


بالمناسبة ، رأيت هذا المثال في مجموعة تسويق SMM Sergei Shmakov. لذلك ، من أجل الاكتشاف ، أعبر عن امتناني له :)

القائمة المخفية

القائمة المخفية متاحة فقط للمجموعات (الصفحات لا تحتوي على مثل هذه الوظائف). لرؤيتها ، تحتاج إلى النقر على الرابط المقابل. ميزة طريقة التصميم هذه هي أنه يمكن للمستخدمين رؤية المعلومات الأساسية للمجتمع ، وإذا أرادوا استخدام القائمة ، فإنهم يحتاجون فقط إلى نقرة واحدة. ومع ذلك ، هناك عيب صغير هنا - ليس كل المستخدمين على دراية بوجود هذه الوظيفة ، لذلك قد تتلقى قائمتك اهتمامًا أقل مما لو تم تثبيتها في أعلى الصفحة.


تشغيل الفيديو تلقائيًا

في نهاية نوفمبر 2015 ، ظهر ابتكار مثير للاهتمام على شبكة VKontakte الاجتماعية - بمجرد أن يزور المستخدم صفحتك ، يبدأ تشغيل الفيديو المرفق بالعنوان تلقائيًا. باستخدام هذه التقنية ، يمكنك جذب المزيد من انتباه المستخدمين (خاصة أولئك الذين زاروا صفحتك لأول مرة) ، وفي الوقت نفسه ، لا تزعج أولئك الذين لا يحبون عندما يتم فرض المحتوى الخاص بهم عليهم ، لأن الفيديو يتم تشغيله بدون صوت وعمليًا لا يتدخل ...

كيفية إضافة مثل هذا الفيديو إلى رأس الصفحة الخاصة بك؟

للقيام بذلك ، يجب استيفاء ثلاثة شروط:

  • إرفاق مقطع فيديو بمشاركة وتثبيت هذه المشاركة أعلى المجتمع.
  • بصرف النظر عن الفيديو ، لا ينبغي إرفاق أي شيء آخر بالتسجيل. الفيديو والنص اختياري فقط.
  • يجب تحميل الفيديو بواسطة VKontakte - لا يتم دعم مشغلات الجهات الخارجية.


منشور يحصل على الكثير من المشاركات

هناك طريقة أخرى لاستخدام المساحة الموجودة في رأس الصفحة بشكل مثمر وهي تثبيت واحدة من أكثر مشاركاتك نجاحًا - تلك التي جمعت بالفعل ولا تزال تحصل على عدد كبير من الإعجابات والمشاركات. أعتقد أن الجميع يفهمون ذلك - فكلما زاد عدد عمليات إعادة النشر ، زادت التغطية ، وازداد عدد الاشتراكات التي تحصل عليها الصفحة.



إعلانات مقاطع وألبومات وأحداث جديدة



تقديم منتجات / خدمات جديدة


الخصومات والعروض الترويجية


الحالات ، مراجعات العملاء



إعلانات التطبيقات


النكات العملية


قواعد المجتمع


روابط إلى شبكات اجتماعية أخرى


لقد أدرجت بعيداً عن جميع خيارات تصميم الرأس. في الأساس ، على الغلاف وفي المنشور المثبت ، يمكنك نشر أي معلومات: الوظائف والإعلانات والروابط إلى أفضل المنتجات مبيعًا ، وما إلى ذلك. لذلك لا تقصر نفسك على الأمثلة المذكورة أعلاه. كن مبدعا واستخدم تصميم مجتمعك لتحقيق أهدافك.

ما يجب أن يكون الصورة الرمزية

الصورة الرمزية ليست فقط صورة جميلة مع شعار شركتك ، بل هي أداة عمل لجهة تسويق يساعدها على تحقيق أهدافه. دعونا نلقي نظرة فاحصة على ما يجب أن يكون من أجل جذب انتباه المستخدمين وتشجيعهم على تنفيذ الإجراء المستهدف. لنبدأ بمصغر.

الصورة المصغرة الرمزية

  1. يجب أن يكون النص على الصورة المصغرة الرمزية كبيرًا بما يكفي ليكون قابلاً للقراءة.


  2. يجب ألا يتجاوز النص الصورة المصغرة.


  3. يجب على المستخدمين فهم ما يظهر على الصورة الرمزية.


  4. إذا كان ذلك ممكنًا ، فمن الأفضل عدم استخدام صور المخزون ، لأنها غالبًا ما تقلل من مصداقية الشركة.

  5. من غير المرغوب فيه أن تكون الصورة المصغرة الرمزية مملة ومملة للغاية ، وإلا فسوف تضيع على خلفية الصور الرمزية الأكثر إشراقًا للمنافسين.
  6. إذا كنت تريد أن تبدو صورتك الرمزية حديثة ، فاجعلها بسيطة: نص أقل ، وظلال ، وتدرجات ، وعناصر لا تحمل أي معنى. يجب أن تكون الصورة الرمزية بسيطة وأنيقة قدر الإمكان. هذا النمط شائع الآن.


  7. إذا كان هدفك هو جذب انتباه المستخدمين والتميز عن الصور الرمزية الأخرى في الخلاصة ، فسيتعين عليك تشغيل الخيال. فكر فيما تبحث عنه بنفسك عندما تبحث عن مجتمعات مثيرة للاهتمام؟ هنا ، على سبيل المثال ، لقد جذبتني الصور الرمزية بشكل متكرر مع ضوء مشتعل ، والذي يشير عادة إلى أن رسالة جديدة قد وصلت. هذه تقنية قديمة جدًا ، ولكنها لسبب ما لا تزال تؤثر علي - عندما أرى مثل هذا الضوء ، سأبقي عيني عليه بالتأكيد.

أنا لا أقترح أن هذه الخدعة ستعمل مع صفحتك أيضًا. النقطة التي أريد أن أوضحها هي أن هناك العديد من الطرق للتميز ، ما عليك سوى طرح هذا السؤال وإظهار القليل من الإبداع. على سبيل المثال ، إليك فكرة أخرى مثيرة للاهتمام بالكاد كنت أفكر فيها:


الصورة الرمزية هي دائرة سوداء: كبيرة وصغيرة. يبدو ، لماذا تفعل هذا على الإطلاق؟ ولكن عند التمرير عبر قائمة المجتمعات ، تجذب هذه الصور الرمزية الانتباه ، لأنها مختلفة تمامًا عن أي شخص آخر.

ما هي المعلومات التي يمكن وضعها على الصورة المصغرة الرمزية

على الرغم من أن الصورة المصغرة للصورة الرمزية صغيرة جدًا ، يمكنك (ويجب) استخدامها لجذب المتابعين إلى مجتمعك. كيف افعلها؟ دعونا نلقي نظرة على بعض الخيارات:

إعلان منتج / خدمة / حدث جديد


مزايا الشركة / الخدمة / الصفحة


رقم هاتف الشركة


أسعار مواتية


الشحن مجانا


بالمناسبة ، غالبًا ما تتم إضافة المعلومات التي توفرها الشركة لشحن مجاني إلى اسم المجموعة نفسها ، بحيث ينتبه المستخدمون بالتأكيد لها.


الترقيات


المسابقات


الشواغر


ماذا يجب أن يكون الصورة الرمزية نفسها؟

فكرت في ما يجب أن تكون عليه الصورة المصغرة للصورة الرمزية والنص الذي يمكن وضعه عليه. الآن دعنا ننتقل إلى الصورة الرمزية نفسها. النسخة الكاملة سيتم عرض الصورة الرمزية فقط في المجتمع الذي ليس به غطاء مثبت. لمثل هذه الحالات كتبت هذا القسم. لذا ، ما الذي يجب أن يكون الصورة الرمزية لمجتمعك ، حتى يفهم المستخدمون على الفور أن شركتك قد اقتربت من إنشاء الصفحة بشكل مسؤول ومهني.

  1. يجب أن تكون الصورة الرمزية ذات جودة عالية. لقد كتبت أعلى قليلاً حول كيفية تحقيق ذلك. بالنسبة لأولئك الذين فاتهم هذا الجزء ، سأخبرك باختصار - يجب أن يكون حجم الصورة الرمزية أكبر 2-3 مرات مما خططت له.
  2. من المستحسن أن يتم دمج الصورة الرمزية مع القائمة: فهي تحتوي على نفس نظام الألوان ، ولها نفس الخطوط والعناصر ، وما إلى ذلك. وبفضل هذا ، سيبدو رأس الصفحة أكثر أناقة واحترافية. مثال:

  3. يمكن أن تكون الصورة الرمزية نفسها والصورة المصغرة للصورة مختلفة. على سبيل المثال ، يمكنك رسم دائرة على الصورة الرمزية الخاصة بك ، وتصميمها كيفما تشاء ، وتحديد تلك المنطقة كصورة مصغرة ، وتصميم بقية الصورة الرمزية بأسلوب مختلف.

  4. خيار آخر هو تقسيم الصورة الرمزية إلى قسمين. واحد للصورة المصغرة والآخر لبقية الصورة الرمزية.


  5. من أجل تشجيع المستخدمين على الاشتراك في صفحتك أو كتابة رسالة إلى ممثل الشركة ، يمكنك وضع عبارة تحث المستخدم على اتخاذ إجراء في الجزء السفلي من الصورة الرمزية ومرافقتها بسهم يشير إلى الزر.

  6. حاول ألا تنشر الكثير من المعلومات عن الصورة الرمزية الخاصة بك ، وإلا ستبدو مكتظة وغير مرتبة. أضف فقط أهم النقاط إليها وتأكد من وجود "هواء" بينها.


ما هي المعلومات التي يمكن وضعها على الصورة الرمزية؟

في الأساس ، يمكنك وضع أي شيء على الصورة الرمزية الخاصة بك. على عكس المنمنمات ، هناك حقًا مكان للتجول. الأهم من ذلك ، لا تفرط في استخدامه :)

مجال الموقع


الهاتف / العنوان / ساعات العمل


مسابقات / ترقيات


المنتجات الأكثر شراء / عناصر جديدة


معلومات حول التسليم


إعلانات تطبيقات الجوال


المزايا الرئيسية للشركة / الصفحة / المنتج ، إلخ.


تجديد النطاق / الإبداع الجديد ، إلخ.


المعلومات التي تكون مجتمعك رسمية


معلومات حول الأحداث القادمة


عناوين الحساب في الشبكات الاجتماعية الأخرى


وصف الصفحة الموسع


براغز


بشكل عام ، يمكن وضع أي معلومات على الصورة الرمزية. لقد قدمت بعض الأفكار فقط حتى تتمكن من رؤية ما يفعله الآخرون واستلهام أفكارهم. حسنًا ، ضع في اعتبارك التوصيات الأساسية: يجب أن تكون الصورة الرمزية ذات جودة عالية ، ويجب أن يكون الخط كبيرًا ، ويجب أن يكون هناك المزيد من "الهواء" بين العناصر.

كيفية إنشاء الصورة الرمزية والقائمة تنصهر

من أجل إنشاء صورة رمزية وقائمة مدمجة ، تحتاج إلى برنامج أدوبي فوتوشوب أو ما يعادله. سأشرح العملية برمتها باستخدام مثال فوتوشوب. إذا هيا بنا.

  1. قم بتنزيل قالب Photoshop الذي قمت بإعداده خصيصًا لهذه المقالة. الحجم العادي (القائمة - 510 بكسل عرض ، الصورة الرمزية - 200) أو تكبير / تصغير (القائمة - عرض 1020 بكسل ، الصورة الرمزية - 400).
  2. افتح الصورة التي تريد الاعتماد عليها.
  3. قم بنسخه ، والصقه في القالب ووضعه كما تريد لقطعه.


  1. إضافة تأثيرات ونصوص ورسومات والمزيد.


  1. إذا كنت لا تريد فقدان جزء من الصورة (في هذه المساحة التي تبلغ 50 بكسل) ، فقم بنقلها إلى اليمين كما هو موضح في الصورة المتحركة التالية:


  1. حدد أداة "القطع" وانقر على زر "شرائح حسب الدليل".


  1. حذف الأجزاء غير الضرورية (النقر بزر الماوس الأيمن - "حذف جزء") وتعديل الأجزاء الموجودة (النقر بزر الماوس الأيمن - النقر في مساحة فارغة - أخذ المنطقة المرغوبة وتمدده إلى الحجم المطلوب).


  1. انتقل إلى قسم "ملف" وحدد الأمر "حفظ للويب".


  1. انتقل إلى الموقع الذي حفظت فيه الصور (سطح المكتب أو أي دليل محدد) وابحث عن مجلد باسم "الصور" هناك. هذا هو المكان الذي ستكون فيه صورك. الآن كل ما تبقى هو ملئها في الصفحة.


ملاحظة. يمكن تغيير ارتفاع الصورة الرمزية حسب تقديرك. لقد أخذت الحجم الأقصى - 500 بكسل ، ولكن قد تكون قيمتك أقل. على سبيل المثال ، كما في صفحة ترميز Wiki:

كيفية استخدام الحاجيات

الحاجيات هي أيضا جزء من تصميم مجتمع VK. بمساعدة المستخدم ، يمكن للمستخدم: تقديم طلب ، والاشتراك في القائمة البريدية ، والمشاركة في مسابقة ، وقراءة وترك التعليقات ، وفتح بحث في المجتمع ، وتلقي هدية ، وقسيمة خصم ، وما إلى ذلك.

فيما يلي بعض الأمثلة لكيفية ظهور الأدوات على صفحة فكونتاكتي:




class \u003d "incut"\u003e

كيفية تصميم الصور للمشاركات

إذا كنت مصمم ويب أو لديك ذوق فني وشعور بالجمال ، فلا ينبغي أن يكون من الصعب عليك إيجاد هوية مشتركة لصورك. ومع ذلك ، يبدو لي أن مثل هؤلاء الأشخاص في هذه المقالة سيكونون أقلية (أنا ، بالمناسبة ، أنا لست منهم). لذلك ، دعونا نلقي نظرة فاحصة على كيفية القيام بذلك ، بناءً على أمثلة للشركات الناجحة.

بالمناسبة ، يرجى ملاحظة أن جميع شركات VKontakte المعروفة تقريبًا تحمل علامات تجارية لصورها ، أي أنها تضيف شعارًا صغيرًا أو عنوان صفحتها أو علامة مائية. هذا يزيد من الوعي بالعلامة التجارية ويحمي صورك من النسخ. سواء كان الأمر يستحق ذلك ، يقرر الجميع لنفسه. الشيء الوحيد الذي أود أن أنصح به: إذا قررت القيام بذلك ، فحاول التأكد من أن شعارك ليس ساطعًا للغاية ولا يشغل مساحة كبيرة ، وإلا فسيتم التركيز عليه بالكامل ، وستفقد الصورة جاذبيتها.

أين يمكنني الحصول على صور جيدة؟

لدينا مدونة جيدة حول هذا الموضوع - "". كلها مجانية ، ولكن بعضها يتطلب التسجيل. إذا لم تجد أي شيء مناسبًا لنفسك ، فحاول البحث عن الكلمة الرئيسية + خلفية (أو ، إذا كانت باللغة الإنجليزية ، خلفية). عادة ما تأتي صور عالية الجودة بناءً على هذا الطلب. ولكن هنا تحتاج إلى توخي الحذر والتحقق من نوع الترخيص ، وإلا ، إذا كان لديك نشاط تجاري جاد ، فقد تواجه مشاكل.

وماذا عن أولئك الذين لا يعرفون كيفية العمل في Photoshop؟

إذا لم تعمل أبدًا في Photoshop (أو أي برنامج آخر المحررين الجرافيك) وبينما لا تكون مستعدًا لتخصيص الوقت لإتقانها ، يمكنك استخدام الخدمات المتوفرة بالفعل قوالب جاهزة صور للشبكات الاجتماعية المختلفة:

1. Fotor.com



بعد ذلك ، على الجانب الأيسر من الشاشة ، حدد القالب الذي يهمنا. يرجى ملاحظة أنه يتم توفير القوالب فقط التي لا تحتوي على رمز ماسي مجانًا.



الصقه في القالب ، حدده باستخدام زر الماوس الأيسر ، حدد أمر الطبقة (أيقونة ساندويتش) وانقر على نقل إلى الأسفل. وبالتالي ، ستكون صورتنا في الخلفية ، وسيتم فرض جميع النقوش فوقها.


بعد ذلك نغير النص ، الخط ، حجم الخط ، موضع النقش ، إلخ.


ثم انقر على أيقونة القرص المرن ، حدد الاسم وتنسيق الصورة والجودة وانقر على زر تسجيل الدخول للتنزيل.


كيفية استخدام ترميز ويكي

حسنًا ، نأتي هنا إلى القسم الأكثر إثارة للاهتمام وفي نفس الوقت الصعب. ربما بين القراء هناك أشخاص لا يعرفون ما هو ترميز الويكي ، ويسمعون هذا المصطلح للمرة الأولى. لذلك ، خاصة بالنسبة لك ، سأقدم تعريفًا تم تقديمه بواسطة "جهة الاتصال" نفسها.

ترميز Wiki هي لغة ترميز يتم استخدامها لتنسيق النص على مواقع الويب (التي تنتمي عادةً إلى فئة مشاريع wiki) وتسهل الوصول إلى إمكانات لغة HTML. على صفحات ويكي الخاصة بنا - بديل جيد التسجيلات المنتظمة والملاحة النصية. إذا كنت بحاجة إلى إنشاء مقال كبير بتنسيق نص مختلف (غامق ، تسطير ، عناوين ، إلخ.) أو إضافة رسومات إليه ، أو إنشاء قائمة تنقل ملونة حول مجتمعك - لا غنى عن موقع wiki.

تمامًا مثل Wordpress (أو أي CMS) يحتوي على محرر HTML يمكنك من خلاله إنشاء مقالات ، لذا فإن Contact لديه محرر خاص به لإنشاء وتحرير صفحات wiki. تبدو هكذا:


بمساعدة هذا المحرر ، يتم إنشاء قوائم التنقل ، بالإضافة إلى مقالات بالصور ومقاطع الفيديو والتسجيلات الصوتية. أدناه سأحلل بالتفصيل كيفية العمل في هذا المحرر ، ولكن أطلب منك أولاً إضافة رابطين إلى إشاراتك المرجعية. سيساعدونك كثيرًا في تعلم ترميز ويكي.

يجب ألا يكون التصميم الناجح لمجموعة Vkontakte جميلًا فحسب ، بل أيضًا عمليًا ومريحًا. اجعل التصميم يحل أهدافك التسويقية حتى تجذب المجموعة الدفع وشراء الجمهور للعلامة التجارية والبقاء معها إلى الأبد.

5 خطوات لكيفية ترتيب مجموعة في فكونتاكتي

التغطية

غلاف المجتمع اليوم هو أداة مهمة لتصميم مجموعة في العلامة التجارية فكونتاكتي والترويج لها. يمكنك تنزيله في قسم "إدارة المجتمع" بالانتقال إلى علامة التبويب "الإعدادات". تعمل الصورة الأفقية عالية الجودة في رأس المجتمع نفسه بمثابة راية ترويجية رئيسية للشركة على الشبكة الاجتماعية. إنه يحدد الحالة المزاجية ، ويبلغ ، ويعزز الصورة ، ويدعو إلى اتخاذ إجراءات مستهدفة ، ويبيع في نفس الوقت.

1. استخدام الرسوم التوضيحية عالية الجودة

يجب أن يكون حجم غلاف مجتمع فكونتاكتي 1590 × 400 بكسل ، ولكن من الأفضل تحميل صور أكبر 2-3 مرات بتنسيق .png. سيؤدي هذا إلى تجنب عرض جودة رديئة.

2. تكييف الصورة لمختلف الأجهزة

يرجى الانتباه إلى أن هذه الصورة قد تظهر بشكل مختلف مع أجهزة مختلفة - سيتم قطع على حواف الهاتف المحمول ، لذلك فمن الأفضل معلومات مهمة ضعه بالقرب من المركز.

3. ضع الشعار و USP

دع العميل يرى فلسفتك ومزاياك من الشاشة الأولى.

4. عرض المنتج / الخدمة أو العملية أو نتيجة استخدامه

لذا ، سيعرف العميل المحتمل على الفور ما تتخصص فيه وسيشارك في المنتج.

5. مساعدة العملاء على الاتصال بك على الفور

اكتب على اللافتة رقم هاتفك والبريد الإلكتروني وجهات الاتصال الأخرى بالشركة. إذا كان الموقع الإقليمي مهمًا لنشاطك التجاري ، على سبيل المثال ، يبدو أنك في صناعة المطاعم أو هوريكا ، فسيكون العنوان مفيدًا أيضًا.

6. الإعلان عن الأحداث

هل تروج للحفلات الموسيقية ، وتتوقع مجموعة جديدة أو إصدار منتج ، وتستضيف يوم المهرجان / المؤتمر / العميل؟ أخبر كل شخص يزور المجتمع عن ذلك.

7. تقديم الترقيات والخصومات

أين ، بغض النظر عن كيفية ذلك على الموقع الرئيسي ، أخبر الجمهور أنه يمكنهم الآن إصدار أمر منك مرتين أرخص؟ الأهم من ذلك ، لا تنس تغيير العمل الفني بعد نهاية العرض.

8. عرض لاتخاذ الإجراء المستهدف

عندما يتم تحميل غطاء المجتمع ، يتم وضع زرين أفقيًا في الزاوية اليمنى السفلية - كتابة رسالة والانضمام إلى المجموعة. أشر إليها بسهم لزيادة جذب انتباه جمهورك. لذلك إذا تم عرض منتج على لافتة ، يمكنك عرض طلبه على الفور في الرسائل. وإذا كان يحتوي على ملخص أحدث الأخبار - الاشتراك لتلقي أحدث المعلومات.

قم بتحميل صورة رمزية وحدد صورة مصغرة

لا تزال بعض العلامات التجارية لا تعتمد الغلاف ، مفضلة الشكل القديم للشاشة الأولى للمجموعة ، باستخدام مزيج من الصورة الرمزية مع إدخال ثابت باسم ما يسمى "الرأس". علاوة على ذلك ، فإن صورة واحدة هي استمرار لصورة أخرى. يبدو الأمر أكثر إثارة للإعجاب عندما تنتهي الصورة على نفس المستوى مع الصورة الرمزية.

باستخدام أكبر مقاس الصورة الرمزية 200 × 500 بكسل يجب أن يكون حجم الصورة في المنشور المثبت 510 × 308 بكسل. تقنية جذابة ممتازة تتمثل في تثبيت الفيديو الذي تم تحميله من خلال مشغل الوسائط الاجتماعية ، والذي يستمر من الناحية الرمزية.

إذا كنت تستخدم غطاء كعنوان ، فسيتم عرض الصورة الرمزية دائمًا كصورة مصغرة.

قواعد لتصميم الصور المصغرة الرمزية لمجتمع VK

الصورة المصغرة هي صورة دائرية صغيرة يتم اقتصاصها من صورة رمزية كبيرة وتظهر في عمليات البحث الجماعي وفي قائمة منتدى كل مستخدم وعلى اليسار أسفل الغلاف إذا كانت متوفرة. إليك بعض نصائح التصميم.

1. يجب أن تكون الصورة المصغرة مفهومة للجمهور

لا تنشر قطعة من التوضيح الغريب. تصور ما سيربطه الجمهور المستهدف فيما بعد بالعلامة التجارية ، على سبيل المثال ، شعار أو رمز لمنتج / خدمة ، أو ربما الشخصية التسويقية الرئيسية للعلامة التجارية.

2. استخدم فقط صور عالية الجودة

من الأفضل تنزيل شفرة المصدر أكبر مرتين أو ثلاث مرات من الحجم المطلوب ، بحيث يمكنك نسيان "مربعات" البكسل المخيفة التي تجعلك لا تبدو في أفضل ضوء.

3. تصميم الرسوم التوضيحية الخاصة بك

ستبدو صور المخزون القياسية رخيصة وغير احترافية ، وسيصبح المستخدمون مرادفين لعدم الثقة بالعلامة التجارية. قم بعمل تصميمات فريدة بنفس المفهوم والألوان مثل باقي التصميم.

4. خلفية متناقضة لصور الصفحة - ما تحتاجه

عندما يتم تصميم الصور المصغرة VK بشكل مشرق للغاية ، فإن "الجولة" ستبرز في الخلاصة بين المجموعات الأخرى ولن يتم دمجها مع خلفية الصفحة.

5. ضع جهات الاتصال أو USP للشركة

اعتمادًا على الهدف الذي حددته للصورة المصغرة ، ضعه عليه رقم الاتصال أو عنوان موقع الويب ، معلومات عن الشحن المجاني ، إشارة إلى أدنى سعر في شريحة أو عرض ترويجي.

6. اجعل النص كبيرًا ومقروءًا

من الأفضل عدم استخدام خطوط serif أو مائلة - فهي تصدر الكثير من الضوضاء عند عرضها من شاشات الكمبيوتر ، أجهزة محمولة والهواتف الذكية تملأ المنظر. تأكد من أن النص لا يتجاوز حدود الصورة المصغرة المقطوعة. سيسمح لك هذا بنقل الرسالة بشكل صحيح وفعال للمستخدم.

7. استخدام الأشكال غير القياسية

على سبيل المثال ، في النمط المستدير المطلوب ، اكتب مضلعًا أو شكلًا هندسيًا آخر على خلفية بيضاء. إنشاء تأثير إشعار غير مقروء أو رمز عبر الإنترنت.

صمم قائمة

تعد القائمة عنصرًا مهمًا في تصميم المجموعة في Contact ، مما يسهل على المستخدمين التنقل عبر المجموعة - سيكون من الأسهل على الأشخاص العثور على المعلومات التي يحتاجون إليها. يتم إنشاء كل عنصر وكل صفحة بلغة برمجة خاصة - ترميز Wiki. باستخدامه ، يمكنك جعل الصور قابلة للنقر وإنشاء صفحات ملائمة داخل الشبكة الاجتماعية كما لو كانت صفحة موقع ويب.

يمكنك استخدام كل من القائمة المفتوحة والقائمة المغلقة. في الحالة الأولى ، يرى المستخدم على الفور الأقسام المضمنة فيه ، في الحالة الثانية - يسبقها صورة معاينة مع نقش "القائمة". يمكن أن تصبح القائمة أيضًا بصريًا استمرارًا للصورة الرمزية ، في حالة استخدامك للإصدار القديم من تصميم المجتمع.

تصميم عرض منتج

عند إدراج المنتجات في عرض المجتمع ، تذكر أن الكائنات الثلاثة الأولى تكون مرئية دائمًا للمستخدمين. ضع الأكثر شيوعًا والأكثر طلبًا فيها عن طريق تحميل صورة عرض تقديمي بنفس النمط. ضع هنا أيقونات أو صور موحدة للمنتجات نفسها. يمكن وضع المنتجات في الخدمات. في التصميم ، اعرض عملية تقديم الخدمة أو نتيجتها. حجم هذه الصورة سيكون مربعا - 400x400 بكسل.


تصميم الوظائف

1. استخدم أحجام الصور المتاحة إلى أقصى إمكاناتها

يبلغ الحد الأقصى لعرض الصورة في الخلاصة 510 بكسل. تبدو الصور المربعة بحجم 510 × 510 بكسل والصور المستطيلة التي يبلغ حجمها 510 × 300 بكسل أكثر إثارة للإعجاب.

2. تطوير أسلوب مشاركة فردي

لجعل مشاركاتك تبدو فردية ، ابتكر نمطًا وخطًا ونظام ألوان متسقًا.

3. ضع نصًا قصيرًا في الصورة

على سبيل المثال ، يمكنك تقسيم الصورة إلى قسمين - نص ورسومات ، أو كتابة نص ، مع تعتيم الخلفية. لجعل النص مرئيًا بدون خلفية داكنة ، اكتبه على طبقة سفلية (كتلة رسومية عالية التباين للون موحد) أو أضف ظلًا إلى مربع النص. الصور ذات الإطار تبدو جيدة.

4. عمل العديد من القوالب لأغراض مختلفة

على سبيل المثال ، استخدم قالب عرض مرئي واحد للاقتباسات ، وآخر لإعلانات مواقع الويب ، وثالث للمسابقات.

استخدم هذه التقنيات 100٪ وسيتم تمثيل شركتك في فكونتاكتي أفضل طريقة، وسيكون من الملائم للعملاء التفاعل معها. ولكن لا تنس أن كل شيء يحتاج إلى إجراء! شاهد المزيد من الأفكار الجديدة لتصميم مجتمع VK على صفحة خدمات وكالة Tesla Target.

يعتقد معظم المشرفين أنه من خلال رفع مجموعة إلى الصدارة للحصول على كلمة رئيسية في جهة الاتصال العليا ، فإنهم سوف يسلبون معظم حركة البحث والعملاء المهتمين. في بعض الأحيان يتضح ذلك بالفعل ، ولكن في 90 ٪ من الحالات ، ينسى مالكو المجموعة التصميم عالي الجودة للمجموعة وحتى أن يكونوا في المقام الأول يسمحون للعملاء المهمين بالمرور.

لماذا يحدث هذا؟

والسبب بسيط للغاية - ضعف جودة البحث التشويقي عن المجتمع. ببساطة ، يجب أن تبرز مجموعة البحث الخاصة بك عن المنافسة وأن تطابق استعلام البحث الذي تم إدخاله قدر الإمكان. فقط إذا تم استيفاء هذه الشروط بطريقة الجودة ، يمكنك الحصول على مجتمع يتمتع بنسبة نقر إلى ظهور عالية واحتمالية عالية للمبيعات اللاحقة.

كيف تؤثر على أداء البحث في المجتمع؟

الأداة الأكثر فعالية للتأثير على نسبة النقر إلى الظهور للمجموعة هي الصورة المصغرة الرمزية.
يلعب المنمنم دورًا مهمًا جدًا في المجموعة ، حيث يتم عرضه في جميع الأماكن التي تم ذكر المجموعة فيها:

  • في موجز أخبار المجموعة
  • في محرك بحث جهات الاتصال
  • على بحث Google و Yandex
  • في روابط من مجتمعات أخرى
  • في موجز الأخبار لمستخدمي VK

لا يمكن تجاهل التفاصيل ذات النطاق الواسع. وفيتصميم المجموعة يجب إعطاء الصورة المصغرة اهتماما خاصا.

مبادئ إنشاء صور مصغرة قابلة للنقر.

1) الصف النقابي للعميل عند كتابة طلبك.
فكر فيما يتوقع العميل المحتمل رؤيته عند كتابة استعلام تم إبرازه في البحث. على سبيل المثال ، إذا اختارت الأم الشابة بذلة طفل ، فمن المرجح أنها تتوقع أن ترى صورة بذلة أو طفل سعيد في بذلة جميلة في الصورة.

2) التدرج اللوني والتباين ضد المنافسين.
عند اختيار صورة لصورة مصغرة للمجموعة ، انظر إلى الصور المصغرة لمنافسيك. ما الألوان المستخدمة وكثافة العناصر في الصورة وشعاراتها. المهمة الرئيسية هي إنشاء صورة مصغرة تبرز من خلفية الآخرين. على سبيل المثال ، إذا كان الجزء الأكبر من الصور المصغرة باللون الأخضر - اجعل صورتك حمراء ، إذا كانت جميعها خافتة - اجعل صورك مشرقة ، إذا كانت كلها ملونة - اجعل صورتك أحادية اللون ، فإن المهمة الرئيسية هي أن تبرز وتحافظ على الاستعلام ذي الصلة!

3) الكلمات الدالة في الصورة.
في تجربتنا ، فإن وضع عبارة رئيسية على صورة له تأثير إيجابي أيضًا على معدلات النقر للصور المصغرة ، وحركة المرور في المجتمع ، والأداء العام.الترويج الجماعي.

4) شعار الشركة.
يمكنك أيضًا وضع شعارك على الصورة المصغرة. الوضع المثالي هو أن يتوافق الشعار مع المبادئ المذكورة أعلاه.

عند العمل مع عملائنا ، نأخذ دائمًا في الاعتبار جميع الفروق الدقيقة ، بما في ذلك الصور المصغرة للمجموعات عالية الجودة والقابلة للنقر ، بالإضافة إلى النقاط الأخرى التي تؤثر بشكل رئيسي على بيع البضائع من خلال مجموعات VK.