ADAMS
مقالات ADAMS

تصميم حملة متناسقة: كيف تغير التكوين وتحافظ على الفكرة؟

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

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

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

الصورة الرئيسية: تصور تعليمي لتكوينات حملة رقمية افتراضية، وليس مشروعا لعميل أو إعلانا منشورا أو مواصفات منتج فعلي

ابدأ برسالة مشتركة وخطوة تالية يمكن تنفيذها

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

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

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

افصل القواعد الثابتة عن التكوين القابل للتغيير

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

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

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

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

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

أعد توزيع عناصر الحملة بحسب كل استخدام

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

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

المنشور: اجعل الصورة والرسالة واضحتين أثناء التصفح

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

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

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

القصة: ابن تكوينا رأسيا يراعي واجهة المنصة

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

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

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

قسم الموقع: صورة مرنة مع نص وزر يعملان فعليا

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

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

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

راجع القص وتغطية الواجهة في موضع الظهور الفعلي

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

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

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

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

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

نسق النسخة العربية بما يناسب قراءتها

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

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

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

اعتمد الاستخدامات معا ثم افحص كل نسخة بمفردها

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

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

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

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

سلم نظاما يمكن استخدامه مع توضيح نطاقه

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

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

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

العودة إلى المقالات