المكاسب:
- القدرة على إنشاء تخطيط مفيد باستخدام مبادئ التسلسل الهرمي المرئي والمحاذاة والشبكة والتباعد ونقطة التركيز
- إنتاج مرئيات بمساحات للنص وعمل نص قابل للتحرير ووضعه بدقة في برنامج التصميم
- القدرة على منع مخاطر القطع والخردة من خلال تطبيق قواعد التنسيق مثل المنطقة الآمنة وتسييل الطباعة
غالبًا ما يكون الفرق بين الصورة الجميلة والتصميم الناجح هو التخطيط: وضع العناصر داخل الصفحة. يحدد التخطيط أين تذهب العين أولاً على الملصق، وما إذا كان النص يتنفس على بطاقة الوسائط الاجتماعية، وكيف تتدفق المعلومات في الكتيب. في هذه الوحدة، سوف نتعلم مبادئ التركيب (ترتيب العناصر في الكل) وأين يكون الذكاء الاصطناعي مفيدًا ومحدودًا في هذه العملية. حقيقة حاسمة: يقوم الذكاء الاصطناعي بإنتاج صور، ولكن التخطيط الدقيق هو في يد المصمم، في برنامج التصميم.
لماذا لا يستطيع الذكاء الاصطناعي القيام بالتخطيط بمفرده؟
ينتج الذكاء الاصطناعي صورة شاملة "حسنة المظهر". لكن تخطيط التصميم يتطلب دقة البكسل ونصًا قابلاً للتحرير ومحاذاة وتباعدًا ثابتًا. لا يمكنك تغيير النص أو محاذاة الشعار تمامًا أو قياس الهامش في الصورة التي ينتجها الذكاء الاصطناعي. لذا فإن التدفق الاحترافي هو كما يلي: إنشاء عناصر خلفية/مرئية باستخدام الذكاء الاصطناعي، وإعداد التخطيط (النص والشعار والمحاذاة) في برنامج التصميم. يمنحك الذكاء الاصطناعي فكرة عن المواد الخام والتركيب؛ الموضع الدقيق هو قرارك.
المبادئ الأساسية للتكوين
- التسلسل الهرمي البصري: ترتيب العناصر حسب الأهمية. تنتقل العين إلى العنصر الأكبر/المتباين أولاً. يتم تحديد ترتيب العنوان > العنوان الفرعي > الجسم > التفاصيل.
- المحاذاة: ترتيب العناصر وفقًا لخطوط غير مرئية؛ يمنع الفوضى ويعطي شعوراً بالنظام.
- الشبكة: النظام الذي يقسم الصفحة إلى أعمدة وصفوف غير مرئية؛ يضمن وضع متسق للعناصر.
- المسافة البيضاء (المسافة السالبة): المساحة الفارغة بين العناصر؛ فهو يسمح للتصميم بأن "يتنفس" ويكون قابلاً للقراءة. مساحة صغيرة = ضيقة وهواة.
- التوازن: توزيع الوزن البصري؛ يمكن أن تكون متناظرة (هادئة) أو غير متماثلة (ديناميكية).
- التباين: توجيه الانتباه باختلاف الحجم أو اللون أو السمك.
- النقطة المحورية: أول مكان تذهب إليه العين؛ يجب أن تكون مصممة بوعي.
نصيحة: عند إنشاء الصور، قل "اترك مساحة للنص" (على سبيل المثال، "الثلث العلوي فارغ، عادي") عند المطالبة. بهذه الطريقة، لن تتعثر عند إضافة نص إلى مرئيات الذكاء الاصطناعي لاحقًا ويمكنك إنشاء تسلسل هرمي.
قم بإعداد التخطيط خطوة بخطوة
- تحديد الغرض: ماذا يجب أن يفعل هذا التصميم؟ (إعلان، بيع، معلومات). يحدد ترتيب الأولويات.
- مخزون المحتوى: ما هو العنوان والنص البديل والصورة والشعار والاتصال (الزر/CTA)؟
- إنشاء تسلسل هرمي: ضع العنصر الأكثر أهمية في أقوى موضع وحجم.
- تحديد الشبكة: حدد بنية العمود الذي ستقوم بمحاذاة العناصر فيه.
- إنشاء صورة باستخدام الذكاء الاصطناعي: قم بإنشاء خلفية/عنصر بنسب مناسبة، مع مساحة للنص.
- محاذاة في برنامج التصميم: محاذاة النص والشعار والاتصال؛ ضبط المساحات.
- الاختبار: قم بتكبير الصورة، وانظر من بعيد، وتحقق من المكان الذي تذهب إليه العين أولاً.
التقنيات العملية لتوجيه العين
التكوين هو في الواقع فن توجيه العين. لا تتجول نظرة المشاهد بشكل عشوائي؛ إنه يتبع علامات معينة ويستخدمها المصمم الجيد بوعي. الأول هو الحجم والتباين: العنصر الأكبر والأكثر تباينًا يجذب العين أولاً، لذا ضع الرسالة الأكثر أهمية هناك. والثاني هو الخطوط الرائدة: الخطوط الطبيعية في الصورة (مسار، مدى ذراع، حافة طاولة) تحمل العين إلى نقطة معينة؛ إن وضع المنتج أو العنوان حيث تنتهي هذه السطور يزيد من التأثير. ثالثًا، التركيز على المساحة: المساحة الفارغة الكبيرة حول عنصر ما تجعل هذا العنصر بارزًا - الكلمة التي تقف بمفردها في صفحة مزدحمة تكون قوية. رابعاً، اتجاه القراءة: في معظم الثقافات، تنتقل العين بنمط "Z" أو "F" من أعلى اليسار إلى أسفل اليمين؛ لذا فإن وضع الشعار في أعلى اليسار وزر الاتصال في أسفل اليمين يخلق تدفقًا بديهيًا. يمكنك تطبيق هذه التقنيات في موجهك عند إنتاج الخلفية باستخدام الذكاء الاصطناعي: "تركيبة تتجه من أسفل اليسار إلى أعلى اليمين" أو "عنصر واحد في المنتصف، ومساحة واسعة حوله"، وما إلى ذلك. وبالتالي، لا تصبح الصورة جميلة فحسب، بل تصبح أيضًا أداة تنقل الرسالة بالترتيب الصحيح.
الشكل - اهتمام خاص
كل وسيلة لها قاعدتها الخاصة: منشور Instagram 1:1 أو 4:5، القصة 9:16، لافتة الويب 16:9. يعد مفهوم المنطقة الآمنة أمرًا مهمًا: احتفظ بالعناصر المهمة من الحافة بحيث لا يتم قصها أو وضعها تحت عناصر الواجهة (ملف التعريف في القصة، والأزرار). في الطباعة، يلزم وجود نزيف: لتمديد التصميم قليلاً من الحافة لتجنب الخطوط البيضاء في هامش القطع.
ثلاث حالات صغيرة
الحالة 1 – تصميم قابل للتنفس. كانت بطاقة حملة أحد المصممين ضيقة. تم خلط العنوان والنص والشعار معًا. أعاد إنتاج الصورة بحيث يكون "الثلث العلوي فارغًا" ووضع النص في تلك المساحة في تسلسل هرمي. ارتفع معدل النقر إلى الظهور بشكل ملحوظ في مجموعة الاختبار؛ جاءت ردود الفعل "المقروءة".
الحالة 2 - خطأ في المنطقة الآمنة. في تصميم القصة، كان الشعار المهم في الأسفل؛ لقد كان مخفيا تحت زر "التمرير" في البث ولم يظهر. ومع قاعدة المنطقة الآمنة تم وضع الشعار في الأعلى وفي المنتصف. وفي الحملة اللاحقة، كانت الرسالة واضحة ولم تكن هناك حاجة إلى إعادة التصميم.
الحالة 3 - نزيف الطباعة. تمت طباعة الكتيب بدون نزيف. ظهرت خطوط بيضاء رفيعة على الحواف وتم إلغاء 300 قطعة (فقد حوالي 1200 ليرة تركية). تمت إضافة المهمة التالية إلى التصميم بحجم 3 مم؛ خرج القطع نظيفًا.
قوالب قابلة للنسخ
1) إنشاء خلفية متباعدة للنص:
قم بإنشاء صورة خلفية لتصميم [الوسائط]. النسبة: [1:1 / 9:16 / 16:9]. احتفظ بالثلث العلوي عاديًا وفارغًا (للعنوان). نغمة العلامة التجارية: [الصفات]. وضع نص/شعار مقروء. الألوان تتطابق مع اللوحة: [colors].
2) خطة التسلسل الهرمي:
قم بإنشاء خطة تسلسل هرمي مرئي للتصميم التالي. الغرض: [إعلان/مبيعات/معلومات]. العناصر: [العنوان، النص البديل، الصورة، الشعار، وسيلة الشرح]. أعط كل عنصر ترتيبًا حسب الأهمية والموضع المقترح والحجم النسبي. صف المسار الذي ستتبعه العين (البؤري → الثانوي).
3) توصية الشبكة والمحاذاة:
اقترح شبكة بسيطة ونظام محاذاة للمحتوى التالي: [قائمة المحتوى]، النسبة [x]. كم عدد الأعمدة التي يجب أن أستخدمها، وكيف يمكنني محاذاة العناصر، وما مقدار المساحة (الهامش) التي يجب أن أتركها؟ اجعل الأمر بسيطًا ومتوازنًا.
4) التحكم في التخطيط:
قم بتقييم بيان التصميم التالي من حيث التكوين: هل التسلسل الهرمي واضح، هل المحاذاة متسقة، هل هناك مساحة بيضاء كافية، هل تتناسب مع المساحة الآمنة، هل نقطة التركيز واضحة؟ الرد كاقتراح.الوصف: [لصق]
موجه ضعيف / موجه قوي
ضعيف: اصنع صورة شعار الخصم وقل 50%.
النتيجة: يكتب الذكاء الاصطناعي "50%" تالفًا، ويتم ترتيب العناصر بشكل عشوائي، ولا يمكنك تحرير النص؛ لا يمكن استخدامها.
قوية: قم بإنتاج صورة خلفية لحملة بيع: نسبة 4:5، نغمات مفعمة بالحيوية والدفء، ومساحة عادية كبيرة للنص في أعلى اليسار، والمنتج في أسفل اليمين. وضع نص قابل للقراءة؛ سأقوم بمحاذاة العنوان ومعلومات "50%" والزر في برنامج التصميم.
النتيجة: خلفية هرمية قابلة للتحرير وتترك مساحة للنص.
الفرق: النهج القوي يفصل النص عن الذكاء الاصطناعي، ويخطط للتباعد والتناسب، ويترك التخطيط للمصمم.
جدول مبادئ التكوين
المبدأ
ما يوفر
نصيحة عملية
التسلسل الهرمي
ترتيب القراءة
اجعل الأهم هو الأكبر/التباين
المحاذاة
الشعور بالنظام
اصطف الخطوط غير المرئية
الشبكة
الاتساق
استخدام نظام العمود
الفضاء
سهولة القراءة
الضغط، إطلاق التنفس
منطقة آمنة
لا لقطة
احتفظ بالعناصر من الحافة
ينزف
طباعة نظيفة
يحمل الحافة بمقدار 3 ملم
الأخطاء الشائعة
- طباعة النص على الذكاء الاصطناعي: نص تالف وغير قابل للتحرير؛ أضف النص في برنامج التصميم.
- لا يترك أي مساحة: تصميم ضيق ومظهر للهواة.
- لا يوجد تسلسل هرمي: كل شيء بنفس الحجم؛ العين لا تعرف إلى أين تذهب.
- نسيان المنطقة الآمنة: يتعطل عنصر مهم أسفل الواجهة أو القصاصة.
- تخطي النزيف: حافة بيضاء وخردة في الطباعة.
باختصار
التخطيط هو الموضع المتعمد للعناصر وتحويل الصورة إلى تصميم عملي. التسلسل الهرمي والمحاذاة والشبكة والمساحة والتوازن والتباين هي المبادئ الأساسية. يقوم الذكاء الاصطناعي بإنتاج الخلفية والعناصر المرئية، ويعطي أفكارًا للتكوين؛ لكن التخطيط الدقيق للبكسل والنص القابل للتحرير والمحاذاة كلها في أيدي المصمم في برنامج التصميم. إن السماح بمساحة للنص والمساحة الآمنة وتسييل الطباعة هي قواعد أساسية تحدد مدى سهولة استخدام المخرجات.
مهمة التطبيق
اختر وسيلة وغرضًا (على سبيل المثال، منشور بيع على Instagram). قم بجرد المحتوى، وقم بوضع خطة هرمية. قم بإنشاء خلفية متناسبة بشكل صحيح مع مساحة للنص باستخدام الذكاء الاصطناعي. ثم قم بمحاذاة العنوان والنص البديل والشعار ووسائل الشرح ووضعهما في برنامج تصميم (أو كرسم تخطيطي على الورق). اختبر أين تذهب العين أولاً من خلال التكبير والنظر من مسافة بعيدة ولاحظ ذلك.
قائمة مرجعية
- [ ] لقد حددت الغرض وجرد المحتوى.
- [ ] لقد قمت بإعداد خطة تسلسل هرمي مرئي.
- [ ] لقد أنتجت الصورة مع مساحة للنص والتناسب الصحيح.
- [ ] قمت بمحاذاة النص والعناصر في برنامج التصميم.
- [ ] لقد لاحظت المنطقة الآمنة وهامش التسييل (في حالة الطباعة).
- [ ] لقد جعلتها أصغر واختبرت نقطة التركيز.