تصميم مجموعة فكونتاكتي: دليل التصميم الكامل تصميم مجموعة فكونتاكتي: دليل تصميم كامل معلومات عن مجتمعك الرسمي

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

5 خطوات حول كيفية إنشاء مجموعة على فكونتاكتي

غطاء

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

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

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

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

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

3. وضع شعار وUSP

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

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

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

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

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

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

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

7. تقديم العروض الترويجية والخصومات

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

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

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

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

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

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

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

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

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

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

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

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

من الأفضل تحميل المصدر بحجم أكبر 2-3 مرات من الحجم المطلوب، حتى تتمكن من نسيان "مربعات" البكسل الرهيبة التي لا تظهر لك في أفضل ضوء.

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

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

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

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

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

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

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

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

7. استخدم الأشكال المخصصة

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

تطوير القائمة

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

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

تطوير عرض المنتج

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

تصميم آخر

1. الاستفادة الكاملة من أحجام الصور المتاحة

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

2. تطوير نمط منشور مخصص

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4.3 بطاقة إعادة النشر والعروض الترويجية
في مؤخراأصبحت بطاقات إعادة النشر أو المشاركات ذات أهمية خاصة. مهمتها هي الدعوة إلى إجراء محدد. إنها في الأساس "انضم إلى المجموعة أو أعد النشر أو قم بالإعجاب واربح جائزة". تُستخدم هذه اللافتات كجزء من الحملات الإعلانية أو العروض الترويجية في مجموعاتها الخاصة وللترويج في مجموعات أخرى. عادةً ما أستخدم 600 × 350 بكسل.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ايفجينيا كريوكوفا

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

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

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

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

الآن دعونا نتناول المزيد من التفاصيل حول كل نقطة.

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

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

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

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

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

غطاء

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

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

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

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

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

يبدو الأمر محيرًا بعض الشيء :) لذا سأعرض لك مثالاً.

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

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

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

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

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

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

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

أو تحميل الخاص بك:

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

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

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

مثال جيد:

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

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

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

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

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

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

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

أمثلة على الأغطية الديناميكية:

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

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

الوصف مع الهاشتاج

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

منشور مثبت يوضح محتوى الصفحة

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

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

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

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

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

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

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

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

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

يجب أن يكون الإخراج شيء من هذا القبيل:

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

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

هذا ما يبدو عليه المنشور المثبت في رأس صفحة Flatro:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

عرض المنتجات / الخدمات الجديدة

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

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

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

يرسم

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

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

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

كيف ينبغي أن تكون الصورة الرمزية؟

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

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

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







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







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







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




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



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







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

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

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

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

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

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

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

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

أسعار مناسبة

ًالشحن مجانا

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

مخزون

المسابقات

الوظائف الشاغرة

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

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

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




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




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




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




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

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

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

مجال الموقع

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

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

معظم المنتجات المشتراة / العناصر الجديدة

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

الإعلان عن تطبيقات الهاتف المحمول

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

تحديث التشكيلة/الإبداع الجديد، وما إلى ذلك.

معلومات تفيد بأن مجتمعك رسمي

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

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

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

يتفاخر

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

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

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

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

1. إضافة التأثيرات والنصوص والرسومات وما إلى ذلك.

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

1. حدد أداة "القطع" وانقر على زر "الأجزاء على طول الأدلة".

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

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

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

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

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

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

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

فئة = "إينكوت">

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

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

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

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

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

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

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

1. موقع فوتور.كوم

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

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

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

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

كيفية استخدام علامات الويكي

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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